05
Icon set
red line-icons, sourced from the page's Cloudinary set (recolor via brand token)
Extracted from the live site (Dembrandt) and rebuilt on Tailwind tokens — a single source of truth. Each block: what it is and the tokens it uses.
--brand
#ff0000
primary / CTA
--brand-press
#d40000
hover/active
--accent-text
#c20000
red as TEXT (AA)
--teal
#3b7d74
secondary band
--contrast
#161616
dark band
--card-dark
#262321
dark cards
--ink
#1f1c1a
body text
--muted
#6b6663
secondary text
--bg
#f8f3ec
page base
--surface
#ffffff
cards
--tint
#ede6dd
band tint
--deep
#e2dbd2
band deep / lines
Poppins display
headings · font-sans · wt 500/600 (jaf-peacock substitute)
Poppins body — the workhorse for paragraphs and UI copy.
body · font-sans · wt 300–600
Eyebrow / kicker
font-mono · IBM Plex Mono · uppercase · red dash before
Signature accent
font-script · Caveat · for names/signatures
+520 %
.figure · wt 900 · for stats & metrics
.btn-red (rounded-full, bg-brand) · .btn-ghost (border-line) · pill outline · radii 5/24px
The distinctive, memorable components — the brand's flow lives here, not in a separate phase.
asterisk mark
max(V)™ spark
circular badge
red CTA card
dark stat card
BeautySense
+520 %
stat (cream)
Loyauté client
+50
Clients fidèles depuis 5 ans+.
red line-icons, sourced from the page's Cloudinary set (recolor via brand token)