Skip to content
THE BEAUTY EDIT / V.01

THE BEAUTY EDIT / COMPONENT LIBRARY

Good looks.
Good behavior.

Interactive UI kit

The ingredients of Dew Pocket, together in one place. Touch, choose, click. See how it feels.

Shared components · Local previews
01 /

A little shop, in miniature.

Try the tabs, preferences and quantity control. Add a pack to the local preview.

Illustrative five-sample collection on whiteTHE FIRST EDIT / CONCEPT
One-time discovery01 / 05

The First Five$10

Five small introductions. A fresh perspective on what you love.

Cleanser · Serum · Moisturizer · Lip care · Mask. Illustrative categories; actual contents are not confirmed.
Your curiosity
1

Interactive specimen · no charge or shipment.

02 /

The color story.

Select a swatch to copy its hex value.

03 /

A clear hierarchy.

DISPLAY / BOLD / TIGHT

Find your next
obsession.

HEADING / 40

Small things. Big feelings.

BODY / 16 · LINE HEIGHT 1.6

Five beauty samples. A few new textures. A chance to discover what feels like you.

LABEL / 11 · TRACKING 0.14EM

BEAUTY, IN SMALL DOSES.

04 /

An invitation to act.

44px minimum touch targets, clear focus rings and distinct disabled states.

PRIMARY
SECONDARY
QUIET
LOADING
DISABLED

Click a button to see its feedback.

05 /

Make every choice clear.

Submit an empty form to see validation, then use fictional details to preview confirmation.

Form preview

A little about you.

Use fictional details. This form only demonstrates the interface.

06 /

A thoughtful response.

One-time packYour selectionPreview complete
A small heads-up.

You’re exploring a concept. No charge, shipment or data sharing.

Something needs another look.

A clear message explains what to fix and keeps the person’s work in place.

That’s all set.

A confirmation should say exactly what happened and what comes next.

Is this a subscription?+

The proposed offer is one pack at a time, with no recurring order.

Can I skip partner marketing?+

Yes in the preview. It is a separate choice and declining does not stop the form. The live commercial policy still needs to be decided.

Are these real products?+

These are illustrative samples. Actual brands, formulas, sizes and stock have not been confirmed.

BUILT TO BE USED

Buttons, badges, fields, choices and color tokens are shared by these pages. The storefront can adopt them as the new identity rolls out.