LSD Framework
Internal handbook · v3.2 · May 2026

The Sable brand handbook.

For internal teams, contractors, and partners. Bookmark this page.

1. Logo

Wordmark and monogram.

Wordmark

Primary logo. Use on all external-facing surfaces.

Monogram

Use only when wordmark cannot fit. App icon, favicon, watermark.

Clearspace. Always preserve clearspace equal to the height of the "S" on all sides.

Minimum size. Wordmark: 80px digital, 20mm print. Monogram: 24px digital, 8mm print.

2. Color

Eight-step ramps.

Primary 50
#1a1a2e
Primary 100
#1d1a36
Primary 500
#5d3fa6
Primary 800
#b8a7e8
Primary 950
#ede9fa
Accent · Cosmos
#c8a2ff
Accent · Aurora
#7adfbf
Accent · Ember
#ff9a7a
3. Typography

Display + Body.

Display 5
Display · 64/68 · 200
Display 3
Display · 36/42 · 300
Body — the quick brown fox jumps over the lazy dog, and then it sits down to think about what it has just done.
Body · 18/28 · 400
4. Voice & tone

How we sound.

Plain

Short sentences. Active voice. Specific nouns. "We shipped X" beats "X has been released".

Warm

We are people writing to people. Contractions are fine. Jokes are fine when they fit.

Honest

When something breaks, we say so. When something works, we let the data say so.

5. Components

Brand components.

Buttons

Primary, ghost, outlined. Never invent a fourth variant without a brand review.

Chips

Solid for active state. Outlined for inactive. Info, OK, warning variants.

Cards

Default, feature, solid, outlined, highlight. Same shadow language across the system.

Download the tokens

Figma library, ASE swatches, JSON, CSS variables.

Download tokens