Design Tokens
Atomic values that drive every visual decision in the Aevum Encyclopedia system. Colors, spacing, typography, and elevation are defined here for consistency.
Typography Scale
--fs-sm: 0.875rem
--fs-base: 1rem
--fs-lg: 1.25rem
--fs-xl: 1.5rem
--fs-2xl: 1.875rem
--fs-3xl: 2.25rem
Spacing System
--space-2: 0.5rem
--space-4: 1rem
--space-6: 1.5rem
--space-8: 2rem
--space-12: 3rem
--space-24: 6rem
Elevation & Radius
--radius-md: 0.5rem
--radius-lg: 0.75rem
--shadow-sm
--shadow-md
--shadow-lg
Typography System
Merriweather for editorial headings and academic gravitas. Inter for UI elements, navigation, and high-legibility body text.
Color System
A restrained, academic palette optimized for long-form reading, accessibility compliance (WCAG AA+), and clear information hierarchy.
Core Components
Reusable interface primitives built on the token system. Fully responsive, accessible, and theme-aware.
Buttons
Form Elements
Status & Badges
Data Table
| Article Title | Discipline | Last Verified | Contributors | Status |
|---|---|---|---|---|
| Quantum Field Theory | Theoretical Physics | 2025-04-12 | 42 | Verified |
| Renaissance Humanism | History / Philosophy | 2025-05-01 | 18 | Peer Reviewed |
| CRISPR-Cas9 Gene Editing | Biotechnology | 2025-06-18 | 67 | Updating |
Layout & Spacing
Grid systems and spacing scales ensure consistent rhythm across articles, dashboards, and editorial interfaces.
Responsive Grid
Auto-fit columns with minmax constraints. Adapts from 4-column desktop to 1-column mobile.
Spacing Scale
Consistent vertical and horizontal rhythm using a 4px base unit.