Foundation

Tokens & primitives

Typography
Display — Instrument Serif
The quick brown fox.
Extract answers from calls.
Reserved for hero and page titles.
UI — Geist Sans
H2 — Section title
H3 — Card title
Body — default prose on dark, tuned for reading.
Secondary — muted captions, hints.
Micro — labels, eyebrows
Mono — Geist Mono
const extract = await api.post("/transcripts");
Color
Surfaces & text
bg
#0A0A0C
bg-raised
#101014
surface
#141418
surface-2
#1A1A1F
surface-3
#22222A
border-strong
#34343C
text-muted
#9B9BA3
text
#EDEDEF
Gold accent & semantic
gold-deep
#B88B1E
gold
#D4A72C
gold-hover
#E6B836
gold-soft
#F5D57A
success
#3DD68C
warn
#E8A84C
error
#E85A5A
info
#6DAED8
Buttons
Variants
Sizes
Inputs
Must be at least 3 characters.
Only visible to you.
Radio / Checkbox cards
Badges & status
Default Gold Completed Needs Input Failed In Progress
Tabs
Loading & progress
Progress — determinate (42%)
Progress — indeterminate
Skeletons
Stepper
Vertical (progress page)
✓
Parse transcript
12,483 tokens · 284 turns
✓
Detect workflow
Matched: Entity Setup · 92%
Extract fields
Processing questionnaire 2 of 5
4
Review
Awaiting your input
Horizontal (review page)
1 Entity Assessment
2 DE LLC Formation
3 Operating Agreement
4 EIN Application
Cards, evidence, toasts
Default card
Surface on bg with a subtle border.
Hoverable
Border warms to gold on hover.
Selected
Gold border and tinted background.
Evidence block (transcript quote)
"We're setting this up as a Delaware LLC, so the entity type is pretty clear — we just need to confirm the name and the registered agent before we file."
Toasts
✓Questionnaire submitted successfully.
!3 fields need your attention.
✕Failed to load extractions.
Confidence & keys
96% 72% 38%
⌘K opens command palette
Empty state
No extractions yet
Upload a Gemini transcript and the extractor will pull the answers and map them into a PaperOS workflow.
Upload a transcript