WORN
Style Guide
Color Palette
Charcoal
#191919
Background
Surface
#242424
Cards / Sheets
Gray
#8D8D8D
Muted / Placeholder
Dark Gray
#6B6B6B
Tags / Inactive
Dusty Pink
#C9A3A3
Accent
White
#FFFFFF
Primary Text
Typography — Questrial
Logo — 40px / tracking 0.1em
WORN
Large Heading — 40px / tracking 0
Your journal is only yours.
App Title — 20px / tracking 0.1em
WORN
Section Title — 16px / tracking 0.05em
Track & Field
Section Label — 14px / tracking 0.04em / uppercase
Your Spaces
Body — 13px / tracking 0
A quiet space for the weight you carry. You do not have to carry this alone.
Username — 12px / tracking 0.05em
recoveryMode21
Tag — 10px / tracking 0.04em
Injury Recovery
Timestamp — 10px / tracking 0
2:14 pm
Buttons
Card Surfaces
A quiet space for the weight you carry.
A quiet space for the weight you carry.
A quiet space for the weight you carry.
Spacing
Surface / Card
A quiet space for the weight you carry.
Injury RecoveryVoice & Tone
Do
"You do not have to carry this alone."
"What are you carrying today?"
Avoid
"Push through it."
"Winners never quit."
"Fix your mindset."