BRANDINGLAB · DESIGN SYSTEM · V1 · TOKENS + BASE STYLES

Style Guide

Every color and radius on this page is bound to the BrandingLab Tokens variable collection. Switch the collection mode to Light to preview the light theme.

Colors

Background · #1B1A18
Card · #232220
Secondary · #302F2C
Border · #363430
Primary · #FF6A00
Foreground · #EDEBE9
Muted FG · #B9B5AC
Light BG · #F5F3EF

Typography

Heading One — outgrown your website

Heading Two — the rebuild process

Heading Three — what changes at cutover

Large text — used for section intros and hero subtext across the site.

Body text — the default reading size. A site the marketing team can actually run, that holds up under AI search, and that does not need a developer to fix a typo.

Small muted text — captions, metadata, timestamps.

Card

Six signs you have outgrown your website

Card surface, hairline border, radius from tokens. This is the base card every article and case-study tile inherits from.

Read the article