Principles
- Reduce cognitive load; elevate comprehension.
- Let spacing carry hierarchy—no decorative lines.
- Motion is honest and restrained; it orients, not entertains.
Design notes
Grid
Generous spacing and measured rhythm.
Imagery
Sparse, purposeful diagrams. Monochrome headshots.
Performance
Fast by default; no unnecessary libraries.
Grid and rhythm
- Quiet grid with wide gutters for breathing room.
- Section spacing scales with viewport.
- Headings stay close to the ideas they introduce.
Typography
- Contemporary grotesk for body; tight tracking on display.
- `.prose` sets line‑height, measure, and spacing for long reads.
- Emphasis by weight and position—not color.
Color and contrast
- Minimal palette: background, foreground, subtle tints.
- Contrast meets accessibility in light contexts.
- States signaled by border/background shifts, not hue jumps.
Readable
Contrast + measure
Fast
Lean assets; cached routes
Calm
Restrained motion
Monochrome headshots and sparse diagrams. Images sit inside text flow and never compete with it. Aspect ratios are consistent to maintain rhythm.
Grid
Generous, not wasteful
Breathing room that carries hierarchy. Fewer lines. More meaning.
Gutters that scale with viewport; spacing that sets rhythm.
Motion
Honest transitions
Gentle reveals and restrained hovers. Motion as guidance, never spectacle.
Intersection‑based reveals with reduced‑motion respect.