Style Guide
Brand guidelines, design system, and visual identity.
Brand
Philosophy
Reality is just a working draft. Building systems that return time, amplify imagination, and scale creative energy.
Core Principles
- • First principles always
- • Systems over hacks
- • Visual-first, logic-aligned
- • High signal, low noise
Voice
Direct. Honest. Minimal. Short sentences. Line breaks for rhythm. No corporate speak.
Logo
Typography
HEADINGS — LIBRE BASKERVILLE (SERIF)
Heading 1
The quick brown fox
Heading 2
The quick brown fox
Heading 3
The quick brown fox
Heading 4
The quick brown fox
Heading 5
The quick brown fox
BODY — OPEN SANS
Body Large
The quick brown fox jumps over the lazy dog
Body
The quick brown fox jumps over the lazy dog
Body Small
The quick brown fox jumps over the lazy dog
CODE / TECHNICAL — MONOSPACE
Used for navigation, code snippets, technical elements
Mono Large
const value = "code";
Mono
function() { return true; }
Mono Small
$ navigate --help
Colors
Base
Black
#000000
White
#FFFFFF
Neutrals
Stone 700
#44403C
Stone 800
#292524
Stone 900
#1C1917
Gray 400
#9CA3AF
Gray 500
#6B7280
Gray 600
#4B5563
Accents
Primary Blue 400
#60A5FA
Primary Blue 500
#3B82F6
Metallic 400
#A8A29E
Metallic 500
#78716C
Tan 300
#D9BFA8
Tan 400
#C9A982
Spacing Scale
xs
8px
sm
16px
md
24px
lg
32px
xl
48px
2xl
64px
3xl
96px
4xl
128px
Border Radius
none
0
sm
0.125rem
default
0.25rem
md
0.375rem
lg
0.5rem
xl
0.75rem
2xl
1rem
3xl
1.5rem
full
9999px
Glassmorphism Effects
Primary
Primary Blue
bg-primary-500/10
Metallic
bg-metallic-500/10
Tan
Tan Accent
bg-tan-400/10
Delete
Red Delete
bg-red-500/10