Brand
Logo files, colour and type tokens, layout blocks, ava and orbitals. The same values ship as tokens.json and tokens.css for ADF Studio and other tools.
1Logo
The wordmark is .ADF: the name as a file extension, dot first. The dot is the agent's localized core, the only blue in the mark. The .A mark is used where space is square. Keep one dot diameter clear on all sides. Minimum width: wordmark 40 px, mark 16 px.
Don't: add ket brackets or other notation, use ava or an orbital as a logo, recolour the dot (blue or mono only), move or enlarge the dot, set the name in live text, or add shadows and outlines.
2Colour
White paper, near-black ink, one blue. Blue means the agent or its core and is used sparingly: one primary action per view. Status colours are only for status, always with a label. The swatches follow the current theme.
| Token | Light | Dark | Use | |
|---|---|---|---|---|
| --paper | #ffffff | #0c0e13 | Page background | |
| --paper-raised | #ffffff | #11141b | Cards, dialogs | |
| --paper-sunken | #f6f7fa | #151922 | Code, table heads, wells | |
| --ink | #111111 | #eceef3 | Primary text | |
| --ink-muted | #474b54 | #b0b5c2 | Secondary text | |
| --ink-faint | #6b707c | #858b99 | Labels, meta | |
| --rule | #e6e9ef | #1f2430 | Hairlines | |
| --rule-strong | #c9ced8 | #333a49 | Control borders, frames | |
| --blue | #2f5bea | #7f9dff | The agent and its core, links, focus | |
| --blue-strong | #1f44bf | #a9bdff | Hover, pressed | |
| --blue-soft | #8a98c4 | #5c6b99 | Secondary marks | |
| --tint | #e8eefd | #1a2440 | Active, selected | |
| --tint-soft | #f3f6fe | #131a2c | Light tinted backgrounds | |
| --selection | #d9e2fc | #26345e | Text selection | |
| --plot | #ffffff | #0e1117 | Plot paper | |
| --plot-grid | #e6e9ef | #1a1f29 | Minor grid | |
| --plot-grid-major | #d7dce5 | #252b38 | Major grid (every 5th) |
- Draft#8a5a0b / #f7eedb#e7bf73 / #2e2410
- Stable#1f6a52 / #e0f0e8#86cfae / #12291f
- Experimental#6a4a8c / #efe8f6#c6a8e6 / #251d33
- Deprecated#a12f29 / #f8e3e1#ee9b92 / #331a18
3Type
Inter Tight --font-sans
Agents, localized.
UI, body and headings. 15 px UI at 1.5, 17 px prose at 1.65, headings 600 with tight tracking.
STIX Two Text --font-serif
Fig. 1. Where an agent lives.
Figure captions, equations, section numbers and [1] references. Captions 15.5 px at 1.5.
JetBrains Mono --font-mono
sqlite3 ava.adf .tables
Code, filenames, bytes, hashes and versions. 0.9em of the surrounding text, ligatures off.
| Role | Token | Size | Weight | Line height |
|---|---|---|---|---|
| Page title | --text-3xl | 36–52 px | 600 | 1.05 |
| h2 | --text-2xl | 24–32 px | 600 | 1.25 |
| h3 | --text-xl | 20 px | 600 | 1.25 |
| Lede | --text-lg | 19 px | 400 | 1.55 |
| Prose | --text-prose | 17 px | 400 | 1.65 |
| UI body | --text-md | 15 px | 400, 500 | 1.5 |
| Caption | --text-cap | 15.5 px | 400 | 1.5 |
| Small, tables | --text-sm | 13 px | 400, 600 | 1.5 |
| Labels, refs | --text-xs | 12 px | 500 | 1.5 |
4Layout
Figures sit on plot paper (24 px grid, heavier every fifth line) with a STIX caption. Sections are numbered in blue, sources are [1] references, equations are numbered at the right, tables are booktabs. Spacing is a 4 px scale; radii are 2, 3 and 6 px. Markup for each block is in the site README.
5ava and orbitals
Orbitals
Each agent's seed (its public key or DID) is hashed into an orbital. Same seed, same shape. Full gallery: Orbitals.
- inbox.adf
- research.adf
- coach.adf
- ops.adf
- agent-007.adf
- agent-042.adf
ava is hidden in this browser.