The brand baseline for SmartData. Brand guide , updated Oct 17.
Design System – Overview
The design system for SmartData, read from the brand folders of its brain in the vault. The brain holds 2 logo files, 38 colors, 3 typefaces, 22 components, 6 rubric checks.
No non-negotiables are recorded in 03-brand/brand-non-negotiables.md yet.
Logo
The logo files for SmartData that the brain holds, picked from its brand folders. The full set, with every lockup and format, stays in the vault.
Clear space, minimum size and misuse rules are in the brand guide and the brand notes, not in these files.
Color
38 colors read from 03-brand/design-tokens.json, named as the brain names them. Colors the brain marks as superseded are left out. Click a color to copy its hex.
The first brand colors in the palette plus the lightest. Text color down the side, background across the top. Each pair shows the contrast ratio and whether it is safe for text.
| Text on background | Sds Mauve | Sds Sunset | Sds Paper | Sds Mauve Ink |
|---|---|---|---|---|
| Sds Mauve | Same color | Aa | Aa | Aa |
| Sds Sunset | Aa | Same color | Aa | Aa |
| Sds Paper | Aa | Aa | Same color | Aa |
| Sds Mauve Ink | Aa | Aa | Aa | Same color |
Typography
3 typefaces read from 03-brand/design-tokens.json.
SmartData
SmartData
SmartData
Specimens are drawn in a stand-in face. The licensed files are kept on the client drive and loaded in the client build.
Spacing and shape
Spacing steps and corner radii as SmartData's design tokens define them.
Components
22 components built for SmartData, read from its repo. Each one links to its source on GitHub.
Server-rendered .astro components.
Custom elements that run in any page.
Voice and tone
SmartData has no voice-messaging note with a Voice Principles list in 03-brand yet.
The full voice note is in the vault at 03-brand/voice-messaging.md.
Rubric
The brand rubric scores a piece of work against this design system. Read from 10-oracle-instructions/oracle-brand-rubric.md.