.stbl — brand kit

The mark is the brand. The text is just the spelling.

This repo is the canonical source of truth for the .stbl visual identity. If you ship a product under .stbl, you need assets from here.

Asset hierarchy

Asset	What	When to use
logo.svg	the mark — black square, white inner square	avatars, favicons, app icons, anywhere the symbol alone works
logo-light.svg	inverted mark — for dark surfaces	same, on dark backgrounds
wordmark.svg	mark + stbl text	when the name needs to be read
wordmark-dark.svg	wordmark for dark surfaces	same, on dark backgrounds
lockup-*.svg	ProductName by .stbl	README headers, OG cards
favicon.ico	multi-res favicon	browser tab icons
by-stbl.css	.by-stbl utility class	inline README styling

Quick start

1. Copy the assets you need from assets/
2. Use the lockup pattern ProductName by .stbl
3. Reference assets/by-stbl.css for the inline class
4. Ship

Contents

BRAND.md	design philosophy, rules, history
CONTRIBUTING.md	how to add a new product
assets/	SVG files, fonts
templates/	boilerplate for product repos
examples/	reference README headers

License

• Code (CSS, templates): MIT — see LICENSE
• SVG assets: CC BY 4.0
• JetBrains Mono: SIL OFL 1.1 — see assets/font/JetBrainsMono-OFL.md
• .stbl wordmark and logo: not for use without permission from the studio

---

_{Built and maintained by the .stbl team. The dot is the brand.}