Resources
Active assets and resource files.
Download the active Surfaces identity assets, token files, and versioned brand kit. Use these files as provided.
Resources
Download the approved assets and token files from this reference.
Assets are scoped under the design-system path to keep product files and public reference files separate.
Complete handoff package for approved identity assets and token files.
Use when space allows the name to carry the identity.
Use for favicons, app icons, avatars, and dense chrome.
Use on ink or dark graphite backgrounds only.
Use for favicon, 16 px, and 24 px placements where the full lockup loses clarity.
Use for print, engraving, labels, and one-color reproduction.
All Resources
Download individual assets when a full kit is not needed.
Complete handoff package for approved identity assets and token files.
Use when space allows the name to carry the identity.
Use for favicons, app icons, avatars, and dense chrome.
Use on ink or dark graphite backgrounds only.
Use for favicon, 16 px, and 24 px placements where the full lockup loses clarity.
Use for print, engraving, labels, and one-color reproduction.
Use for headers, docs, partner lists, and broad placements.
Use when horizontal space is constrained but the name should remain visible.
Use at 16 px and browser tab sizes.
Use for application icons and launch surfaces.
Social cardSVG / Share imageUse for public previews and shared links.
surfaces.cssCSS tokensCSS / VariablesUse for Simple Slab color roles, focus, button, and proof-media variables.
surfaces.tokens.jsonBrand tokensJSON / Brand primitivesUse for active Simple Slab primitives, radius, and type references.
surfaces.product.tokens.jsonProduct tokensJSON / Public-page rolesUse for public-page surfaces, text, borders, action, focus, and proof signal roles.
Files
Use token files directly in product and documentation work.
| File | Type | Use |
|---|---|---|
| CSS tokens | CSS | Use for Simple Slab color roles, focus, button, and proof-media variables. |
| Brand tokens | JSON | Use for active Simple Slab primitives, radius, and type references. |
| Product tokens | JSON | Use for public-page surfaces, text, borders, action, focus, and proof signal roles. |