Brand
Guidelines & Assets
Logo
Wordmark & Mark
The primary wordmark pairs the logomark with the DineEasy name. Use the mark alone where space is tight or when the wordmark is already established.
Clearspace
Reserve clearspace equal to one quarter of the logo height on every side. Keep this area free of text, graphics, and other elements.
Colors
Palette
A warm stone-based neutral system grounded by a bold brand red and a coral-to-rose gradient.
Primary
Primary
White
#FFFFFF
Primary
Black
#161616
Primary
Coral
#FB9A73
Primary
Rose
#ED5162
Brand Gradient
#ED5162 — #FB9A73
Grayscale
Chalk
#FAFAF9
Linen
#F5F5F4
Pebble
#E7E5E4
Clay
#D6D3D1
Drift
#A8A29E
Slate
#78716C
Charcoal
#44403C
Obsidian
#1C1917
Typography
Yaro
A geometric sans-serif that balances precision with warmth. Rendered on web with Poppins until Yaro is licensed for self-hosting.
Light
The quick brown fox jumps over the lazy dog
Regular
The quick brown fox jumps over the lazy dog
Medium
The quick brown fox jumps over the lazy dog
Semibold
The quick brown fox jumps over the lazy dog
Bold
The quick brown fox jumps over the lazy dog
ExtraBold
The quick brown fox jumps over the lazy dog
Type Scale
Heading 1
Heading 2
Subheader 1
Subheader 2
Paragraph 1
Paragraph 2
Assets
Downloads
Grab individual assets or the full guidelines PDF.
Brand Guidelines
Complete 20-page reference
Logo — Primary
Wordmark for light surfaces
Logo — Light
Wordmark for dark surfaces
Logo — Gradient
Wordmark on brand gradient
Mark — Primary
Icon-only, light surfaces
Mark — Light
Icon-only, dark surfaces
Need something else? hello@dineeasy.app