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.
s around the markMinimum 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.
sTwo-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.
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
Domain trio — dark contexts
Domain trio — light contexts
Do & don’t
s or restyle the trio.Downloads
Every asset committed under public/brand/. Click any file to download; consumers (sable-app, sable-web) copy from here.
iOS · Expo
Android
Source (SVG)
icon.svgApp icon master (full mark)icon-foreground.svgAndroid adaptive foregroundicon-monochrome.svgAndroid monochromeicon-light.svgLight-tile variantmark-reduced.svgReduced mark · favicon / ≤28pxlogo-lockup.svgRounded-tile logo (splash / avatars)wordmark.svgWordmark for dark backgroundswordmark-light.svgWordmark for light backgrounds