Typography System

A unified, lightweight design system grounded in hierarchy and clarity.

Core Typefaces

Header Font

Sora

Used for H1-H6 and Display classes. Set to weight 200 for a premium, lightweight feel.

Body Font

Literata

Used for all body copy and long-form reading. Optimized for clarity and comfort.

Accent Font

Playfair Display

Used sparingly for emphasis, italics, and distinctive brand touchpoints.

Heading Hierarchy

H1 Page Title (2.5rem)


H2 Section Title (2rem)


H3 Subsection (1.75rem)


H4 Minor Section (1.5rem)


H5 Small Heading (1.25rem)

H6 Accent Heading (1.1rem)

Display Classes

Display 1

Display 2

Display 3

Display 4

Display 5

Display 6

System Rules

✅ Unified Weights

All headings and display classes share a font-weight: 200. This creates a cohesive "Brave Restoration" aesthetic across every page.

✅ Optimized Spacing

Headings use letter-spacing: -0.02em and line-height: 1.2 to ensure readability at large and small scales.

System Status: Fully Consolidated

Duplicate classes removed. Global styles updated. All components synchronized.