Cadara
Beirut Display
- Weights
- SemiBold 700 · Black 900
- Use
- Wordmark, “C” monogram, footer wordmark
- Tracking
- −0.02em (wordmark) · −0.04em (monogram, large)
Brand guidelines · v1.0
How Cadara looks, reads and speaks visually.
01
Typography
Three families, each with one job. Beirut carries the brand voice; Suisse Intl does the work.
Cadara
Design for ambitious financial brands.
Aa Bb Cc 0123
Type scale
- HeroBeirut Text 400 · 40–92px / 1.08 Ambitious financial brands
- StatementSuisse 600 · 32–72px / 1 · Uppercase We build brands
- Section headingSuisse 600 · 40–64px / 1 · Uppercase What we do
- Card titleSuisse 600 · 24–32px / 1 · Uppercase Strategy
- LeadSuisse 400 · 25px / 30px Global card features designed to expand payment access.
- NavigationSuisse 400 · 24px / 22px Work Studio Contact
- ButtonSuisse 600 · 20px Start a project
- LabelSuisse 600 · 17px / 22px Lemfi
- Do set headlines in Beirut Text, centred, with balanced line breaks.
- Do use uppercase Suisse SemiBold for section and card headings.
- Don’t use Beirut Display for anything other than the wordmark and monogram.
- Don’t introduce italics, outlines or extra weights.
02
Colour
Black-first. White carries the content, and lime is the single accent — used sparingly so it always means something.
Core
#000000RGB 0 0 0Page background#FFFFFFRGB 255 255 255Text, wordmark#ECFF00RGB 236 255 0Symbol, buttons, selectionSupporting
#080808Text on lime#111111Image placeholders, panelsWhite 10%Service cards#52525BIcon source colour#878B89Footer wordmark#A1A1AAMeta labels, dates#D4D4D8Hover stateText on black
100%Headlines
86%Body copy
78%Copyright
- Do keep lime to one element per view — the symbol or a call to action.
- Do set text on lime in Ink, never white.
- Don’t use lime for body copy or large fills.
- Don’t place the brand on light backgrounds without the black field.
03
Icon style
Geometric, isometric and monochrome. Icons are built from straight lines on a strict grid — no curves, no gradients.
The symbol
- Construction
- Four 6px strokes through one centre on a 65 × 65 grid
- Colour
- Cadara Lime on black
- Motion
- Rotates 45° between star and plus, then holds
- Min size
- 32px
Service icons
UI icons
- Form
- Isometric solids built from straight segments on a 30° grid (service icons); simple monoline strokes (UI icons)
- Stroke
- ≈ 3.9px at 72px (service), 1.6–3.3px (UI) — scale proportionally
- Joins & caps
- Round joins on solids; square or butt caps on lines
- Colour
- One colour per icon. Drawn in Zinc 600, rendered white at 55% opacity on black
- Size
- 72px service icons · 18–40px UI icons
- Do build new icons from straight lines and flat facets.
- Do keep icons quieter than the type — reduced opacity, never lime.
- Don’t mix in rounded or filled third-party icon sets.
- Don’t add gradients, shadows or more than one colour.