Design System
The DREAM brand guide
The tokens, colours, type and components that build the DREAM experience.
Logo lockup
On ivory
On deep coffee
Mono on gold
A wheat stalk integrated inside the letter “D” — symbolising food sourcing, bakery heritage, growth, freshness and continuous supply.
Color tokens
Warm Brown — Primary
#6B4226
Headers, logo, footer
Deep Coffee Brown
#3E2A1E
High-contrast text, dark sections
Wheat Gold — CTA
#D4A24E
Buttons, links, highlights
Ivory Beige — Background
#F5EFE6
Page background
Caramel — Support
#C68A4E
Secondary surfaces, gradients
Olive Green — Accent
#7A8450
“Fresh/organic” tags only
Typography scale
Display / H1
52px · 800
Stocked, never short
Heading / H2
34px · 800
Our food categories
Subheading / H3
22px · 700
Why DREAM
Body
16px · 500
We deliver premium quality to restaurants, hotels and caterers.
Caption
13px · 600
Wholesale pricing on request
Arabic — Cairo
أبجد هوز · ١٢٣٤٥
Latin — Bricolage / Jakarta
AaBbCc · 12345
Components & states
Buttons
Badges
Fresh / organicNewOut of stockWholesale
Form fields
Invalid email address
Component states
Default
Hover
Active
Focus
Error
Success
Loading
No items yet
Start by adding your first item.