FoundationsBrand 8 Colors 6 Type 5 Spacing 4 Components 11 ← Back to the guide

Foundations

Every colour, type, brand and component card in the system. Generated from the cards in preview/ — open any tile to see it full size.

Brand 8

Brand — Affiliations row AAJ · NCBA · NCAJ · NTL · BBB · WRAL
Brand — Awards (Raleigh's Best) 2024 Gold + Silver winner marks
Brand — Icon mark Square monogram tile (favicon / stamp)
Brand — Iconography (Lucide) Flagged: Lucide stands in for Font Awesome
Brand — Logo (single ink) Print, fax, embossing
Brand — Logo (primary, on light) Horizontal lockup · blue + orange
Brand — Logo (secondary, on dark) White + orange on navy
Brand — Spanish lockup ES variant on light + dark

Colors 6

Colors blue scale
Colors neutrals
Colors orange scale
Colors primary
Colors semantic
Colors surface roles

Type 5

Type body scale
Type display scale
Type eyebrow tagline
Type font families
Type hero bebas

Spacing 4

Motion
Radii
Shadow elevation
Spacing scale

Components 11

Components — Attorney bio card Portrait + role + 'View Profile'
Components — Badges & chips Practice-area tags, status chips
Components — Buttons (primary/accent) Filled blue + orange · sm/md/lg/disabled
Components — Buttons (secondary/ghost/link) Outline, ghost, inline link variants
Components — Blog cards 3-up grid · category + Read More
Components — Practice-area cards Image-top card pattern, eyebrow + title
Components — Section header pattern Eyebrow + H2 + 4px orange underbar
Components — Footer Dark navy · secondary logo · 3-col
Components — Form inputs Field, focus, error, select, checkbox
Components — Hero (dark wash) Photo + navy overlay + Bebas tagline
Components — Top navigation Two-row header · phone strip + nav