SableDesign reference
Brand

Brand kit

Sable’s logo, app icon, and the rules that keep them consistent. Icons are mode-independent — the hex are fixed literals, not tokens. Click a value to copy.

Logo

The full title is sable — a monoline lowercase s with the domain-tint trio beneath, serving as the initial letter of the wordmark.

Wordmark on sable-black tile
Sable wordmark
Standalone mark
Sable mark
Clear space — at least the height of the s around the mark

Minimum size: 24px for the reduced mark; 40px for the full mark (drop the trio below that).

App icon

An opaque sable-black square with the branded s and trio. iOS auto-rounds the corners — always supply the full square.

1024 (master)
120
60
40
Android foreground
Transparent · content in safe zone
Android background
#100e0d
Solid sable-black fill
Android monochrome
Themed contexts · white s

Two-tier rule

The trio drops out below ~40px. Use the full mark at icon sizes and the reduced mark (s only) for favicons, tinted, and monochrome contexts.

Full · ≥ 40px
Reduced · < 40px
Favicon · 16px

Color

Icon colors are fixed literals — an icon looks the same in light and dark. Theme surfaces still use tokens; see the color foundations page.

Core

TileSable-black icon tile · dark surfaces
Mark creamThe `s` and wordmark on dark
InkThe mark on light backgrounds

Domain trio — dark contexts

BlueDomain trio · dark contexts
TealDomain trio · dark contexts
CoralDomain trio · dark contexts

Domain trio — light contexts

BlueDomain trio · light contexts
TealDomain trio · light contexts
CoralDomain trio · light contexts

Do & don’t

DoUse the mark on the sable-black tile — that’s its home.
Don'tRecolor the s or restyle the trio.
DoUse the ink variant (or reduced mark) on light backgrounds.
Don'tPlace the cream mark on a light background — it disappears.
DoDrop to the reduced mark for favicons, tinted, or monochrome contexts.
Don'tAdd gradients, drop-shadows, or other effects to the mark.

Downloads

Every asset committed under public/brand/. Click any file to download; consumers (sable-app, sable-web) copy from here.

Download all (zip)