Setia Law
setialaw.com/The reference for a high-stakes law firm that reads like a design studio: near-black #1a1a1a canvas, Suisse Intl at weight 300, a single muted teal #6baea9 accent, and a giant thin hero headline that lets one statement do all the talking.
Professional Services flagship
Design tokens
background
surface
text
textMuted
accent
border
- display
- Suisse Intl
- body
- Suisse Intl
- mono
Do / Don't
Reference it for
- Near-black page canvas rgb(26,26,26) with pure-white primary text and a muted-grey secondary rgb(149,150,154) for the sub-headline
- Suisse Intl (light 300 for body/deck, 400 regular) as the entire type system, no serif, no second family
- Oversized thin hero headline (~41px display, line-height ~45px) at weight 300 that treats a one-line statement (Distinctive by nature.) as the whole hero
- Two-tier hero: a short bold statement line, then a long grey sentence beneath it, both left-aligned in the top-left quadrant
- A single restrained accent: soft teal rgb(107,174,169) used only for the wordmark and tiny social chip, never for large fills
- Top nav as a thin hairline-underlined bar: lowercase teal wordmark far left, six evenly-spaced light-weight links far right
- Full-bleed split feature card sitting low in the hero: abstract blue-ink imagery on the left, grey insight panel with kicker + headline + dekker on the right
- Circular ghost prev/next arrow buttons (border-radius 9999px, thin stroke) for the insights carousel
Do not copy
- The lowercase teal setia wordmark and its ligature-styled letterforms
- The exact teal rgb(107,174,169) as a brand-owning accent
- Real firm copy: Distinctive by nature, Trusted guide and fierce protector, respect/resilience/reliability
- The abstract blue-ink hero imagery / brand texture
- Named lawyers, case references and publication names (Commercial Injunctions in Singapore, Novo Nordisk)
- The Fable&Co branding credit in the footer
- Licensed Suisse Intl webfont files