DESIGN TOKENS · JOURNAL PLATE
Fly Vault
Token proof sheet — checks the palette, the three typefaces, and the dark-theme swap against the design spec. Not a product screen.
ink
#2E2318
Primary text, dark surfaces, hard borders
oxblood
#7A2E22
Buttons, active tab, links, you-are-here
oxblood-hover
#8F382A
Accent hover
olive
#6B6A3F
Success / owned, avatar bg, selected chips
sepia
#A3865C
Muted accents, contours, placeholders
plate
#FBF7EE
Card bg — cards, modals, nav, footer
stock
#F5EFE3
Page bg
tint
#EFE7D6
Hovers, image placeholders, tag fills
rule
#CBBD9D
Border strong — inputs, chips
rule-soft
#DDD2BC
Border soft — card borders
rule-inner
#E8DFC9
Border soft — inner dividers
body
#5D5240
Body copy
faint
#8A7C62
Metadata, captions
TYPOGRAPHY
SPECTRAL · display, fly names, headings
Parachute Adams
imitates Baetis tricaudatus
PUBLIC SANS · body and UI
A high-floating parachute post makes this the most visible dry fly in low light, and the grizzly-and-brown hackle blend reads as almost any mayfly on the water.
JETBRAINS MONO · all data
TMC 100 · #12–20 · EST. 1934
DESIGN TOKENS · VISE DARK
At the vise
Identical markup to the section above — every element uses the same semantic classes. Only data-theme="dark" differs, which is what makes the backlogged app-wide dark mode a swap rather than a rewrite.
vise-base
#191712
Page base
vise-surface
#211F18
Cards
vise-surface-2
#24221B
Raised / alternate
vise-surface-3
#2B281F
Highest elevation
vise-rule
#3A3730
Borders
vise-accent
#A8583F
Dusty terracotta — dark counterpart to oxblood
vise-accent-soft
#C58869
Links / secondary accent
vise-text
#F5EFE3
Cream
vise-muted
#CBBD9D
Muted metadata
on-hand
#8FB84F
Material owned
need
#C14B30
Material needed