sephora E-commerce

Sephora (dark) tokens. Measured from sephora.com, 2026-09-28. Scanned automatically: colours, type, radius, shadow and motion come from the rendered page. Derived rather than measured: color.semantic.accent (taken from the page's strongest colour, not from a button); color.semantic.accent-hover (shaded from the measured accent); font.size.lg (not measured, standard step).

Invoice #1042

Sent to Nordlys AS on 12 September. Payment is due in 14 days.

View history
Overdue
Muted surface — secondary information, empty states and table stripes.

Sign in to use this theme

The install commands for Tailwind v4, Tailwind v3 and plain CSS, the ready-made agent prompts, and this theme's radius, shadow and motion tables open up when you sign in. Free, one click.

Continue with GoogleContinue with GitHub

You don't need an account to use it: https://stylelift.dev/use/sephora is the same instructions as plain text, and every generated file stays open.

Colours

Typography

sans
helvetica neue — Æ Ø Å 0123
text-2xs · 7px
Reiseplanlegger for hele landet
text-xs · 9px
Reiseplanlegger for hele landet
text-sm · 11px
Reiseplanlegger for hele landet
text-md · 12px
Reiseplanlegger for hele landet
text-base · 14px
Reiseplanlegger for hele landet
text-lg · 18px
Reiseplanlegger for hele landet
text-xl · 20px
Reiseplanlegger for hele landet
text-2xl · 24px
Reiseplanlegger for hele landet
text-3xl · 28px
Reiseplanlegger for hele landet