Typography
Typeface
The system uses the default Vocs font stack — system sans-serif for body text and monospace for code.
BODY
Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif
CODE
ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace
Scale
H1
Page Title
H2
Section Heading
H3
Subsection Heading
BODY
Every operation is a cryptographically signed, self-authenticating message — verifiable without external lookups. Messages are ordered by Simplex BFT consensus with sub-second finality.
SMALL / CAPTION
Supplementary text for labels, metadata, and annotations.
CODE
shard_index = project_id[0..4] as u32 % num_shards
Hierarchy Rules
- One H1 per page — the page title. No shape prefix.
- H2 with shape — major sections. Every H2 gets a shape to its left at
width="14". - H3 plain — subsections within an H2. No shape, no decoration.
- Body at 0.85 opacity — slightly softened white for comfortable reading on black.
- Code in monospace — inline
codeand fenced blocks use the monospace stack on#111111background.
Inline Code
Use backtick-wrapped inline code for:
- Field names:
project_id,old_hash,da_reference - Message types:
COMMIT_BUNDLE,REF_UPDATE - Hex values:
0x01,0x0A - CLI commands:
cargo test,bun run build
Tables
Tables use the default Vocs styling — borders from the theme, alternating row contrast via background layers.
| Weight | Usage | Example |
|---|---|---|
| 700 | H1 page title | font-weight: bold |
| 600 | H2, H3 headings | font-weight: semibold |
| 400 | Body text | font-weight: normal |
| 400 | Code blocks | Monospace at normal weight |