Typography
Three font families: one for reading and UI, one for handwritten labels and emphasis, and one for code.
Font families
--cad-font-text: body text and UI.--cad-font-uiand--cad-font-bookare aliases.--cad-font-hand: annotations, labels, and component titles.--cad-font-mono: code and technical values.
The theme defines font stacks, not font files. Load your chosen fonts in the application to keep the appearance consistent across devices.
Typographic roles
Import typography.css and apply a text role to any HTML element.
Display
Search indexing strategy
Section heading
Compare the options
Component title
Query latency by option
Label and emphasis
Review status
Body and UI
Compare query speed, storage cost, and recovery time before choosing an index.
Metadata
Code
latencyP95 < 100
Lists
Use bullets to group related items and numbers to show order.
Numbered list
Article content
Import prose.css for headings, paragraphs, links, and native lists. Use components for notes, code blocks, and accordions.
Record the decision
Use a Map when repeated lookups need a clear index.
Check the contract
- Define the input.
- Keep the result predictable.
Borders and underlines
Dashed blueFrames, fields, selection, and keyboard focus.
Solid blueAction buttons.
Coral underlineLinks and breadcrumb links.