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-xs: 0.75rem
--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-1: 0.25rem
--space-2: 0.5rem
--space-4: 1rem
--space-6: 1.5rem
--space-8: 2rem
--space-12: 3rem
--space-24: 6rem

Elevation & Radius

--radius-sm: 0.375rem
--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.

Display / H1
Merriweather 3rem / 900
LH 1.25
Knowledge Without Boundaries
Heading / H2
Merriweather 2.25rem / 700
LH 1.25
Cross-Disciplinary Research
Body / Paragraph
Inter 1rem / 400
LH 1.75
The encyclopedia aggregates peer-reviewed sources, primary archives, and expert contributions into a unified, searchable knowledge graph. Every entry is versioned and traceable.
Caption / Meta
Inter 0.875rem / 500
LH 1.5
Last verified: 2 days ago • 14 contributors • v2.4.1
Code / Mono
System Monospace 0.75rem
LH 1.4
<entry id="quantum-field-theory" status="peer-reviewed" lang="en">

Color System

A restrained, academic palette optimized for long-form reading, accessibility compliance (WCAG AA+), and clear information hierarchy.

Primary
#1E3A8A
Primary Light
#3B82F6
Accent / Gold
#D97706
Accent / Teal
#0891B2
Success
#059669
Warning
#CA8A04
Error
#DC2626
Text / Primary
#0F172A
Text / Secondary
#475569
Surface / Alt
#F1F5F9

Core Components

Reusable interface primitives built on the token system. Fully responsive, accessible, and theme-aware.

Buttons

Primary
Secondary
Ghost / Link

Form Elements

Status & Badges

Peer Reviewed Verified Source Under Review Deprecated Draft
System Operational

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.

Col 1
Col 2
Col 3
Col 4

Spacing Scale

Consistent vertical and horizontal rhythm using a 4px base unit.

space-2
0.5rem
space-4
1rem
space-6
1.5rem
space-8
2rem
space-12
3rem