Step 6 · brand check
Every colour, every text size — in one place
Open PropVerse Brand Kit.dc.html beside this page. The violets must look identical. Colours are defined once, in packages/ui/tokens.css.
Logo
On light: black + violet. On dark: white “Prop”, lavender “Verse”.
Brand colours
THE action colour — buttons, links, highlights
darker, for hover states only
the "Verse" in the logo on dark backgrounds
soft violet background
Darks
main dark background — nearly black, NOT navy
secondary dark — slightly purple
Lights
page background
card borders — use as border-line
cards and surfaces
Text colours
Text · #0B0910 — main text on light
Text Muted · #55505E — secondary text on light
Text Faint · #8A8494 — captions
White · #FFFFFF — headings on dark
Text on Dark · #C4BAD9 — secondary text on dark
The one gradient
Dubai Market Insight
7.8%
average rental yield across JVC apartments.
linear-gradient(160deg, #17102B 0%, #241546 60%, #3B1F6E 100%) · class: bg-brand-gradient
Typography
Headline
Helvetica Bold
Display · 700 · -0.03em · line-height 1.05 · class: type-headline
Body copy runs in Helvetica Regular with relaxed leading. An agent anywhere in the world sends us buyer details and earns commission; our Dubai team does the selling.
Body · 400 · 16px · line-height 1.55 · class: type-body
Eyebrow label
Label · 700 · 12px · uppercase · +0.14em · class: type-label
One violet moment per screen
One primary action. Everything else is quiet — that is what makes the violet mean something.
- One violet moment per screen. If everything is violet, nothing stands out.
- Never violet text on a violet background. Nobody can read it.
- The logo is “Prop” + “Verse” — black + violet on light, white + lavender on dark.