Earl Kiu dashboard · mockup

Gallery: its own page

Proposal: her client page holds a small gallery block (status + way in). The gallery itself is a separate page, used for both choosing and downloading. How a marked, greyed or RM200 image looks is §7 and still open; the black tags below are placeholders only. Image tiles stand in for photographs. Wording is placeholder.

Back to the design system   Gallery states (§7)

1 · Her client page: the gallery block

two states
Before choosing
Your gallery
Your images are ready

Look through them all and choose the six that are yours.

Open for 14 days.

After confirming
Your gallery
Eight images are yours

Six included, two added. Download them at full size.

You can still add images while the gallery is open.

The block sits among her other blocks (session details, payment), split by 64 · rule · 64 like the rest. A strip of six small previews shows what's waiting without turning the block into the gallery.

Earl KiuKuala Lumpur, Malaysia
Your gallery
Choose your six

Take your time. Mark the six where you recognise yourself.

These are previews. The images you choose download at full size.

Marked
Marked
Marked
Marked
Marked
Marked
RM200

Header exactly as the live site (fixed and multiply on the real page). Words in a 620 column aligned left to the gutter, so they line up with the brand and the images. The only link out is back to her session. After confirming, this same page shows a Download action instead of Confirm; owned images download at full size.