Colour tokens defined once, mapped to both themes
paper
#F4F0E8
surface
#EAE4D8
ink
#191713
ink-muted
#5A544A
brand
#3B424C
accent
#A4441A
band
#23262B
rule
#D8D0C1
Type scale optical sizes matched across scripts
display-1Rock solid.
display-2Sections that hold.
display-arعناوين تصمد بالعربية.
ledeA lede that stays readable at length.
bodyBody text, 16px at full size, 1.6 line height.
eyebrowMono micro-label · 02
Signature offer
One hero, every theme, both directions.
Components read their colours from tokens, so a campaign page can never drift off-palette. Dark and RTL are build targets, not retrofits.
Primary actionSecondary
Pricing row · card componentFROM $4,500
Signature offer
One hero, every theme, both directions.
Same tokens, dark mapping. Nothing is recoloured by hand; the theme is a variable set, so it cannot quietly break.
Primary actionSecondary
Pricing row · card component$4,500
العرض الرئيسي
واجهة واحدة، بكل سمة، وبالاتجاهين.
المكوّنات مبنية من اليمين إلى اليسار أولًا: الشبكة والأسهم والهوامش كلها خصائص منطقية، فلا تنكسر النسخة العربية عند أول تعديل.
الإجراء الأساسيثانوي
name@company.com
A storefront in English and Arabic|
Focus is always visible; error text never relies on colour alone.