Design Strategy & Guidelines

Designing for Infinite Knowledge

Aevum Encyclopedia’s design strategy prioritizes cognitive clarity, typographic precision, and structural consistency. Every interface decision serves the user’s journey through complex, interdisciplinary content.

Core Design Philosophy

We treat information architecture as a spatial discipline. Knowledge is not flat; it is layered, relational, and contextual. Our interface must reflect that depth without overwhelming the reader.

Cognitive Clarity

Minimize extraneous visual noise. Every pixel must earn its place by supporting comprehension, navigation, or retention.

Temporal Neutrality

Avoid trend-driven aesthetics. Our design system is built to age gracefully, remaining legible and authoritative across decades.

Relational Navigation

Knowledge is interconnected. Our UX emphasizes cross-referencing, contextual linking, and non-linear exploration paths.

Progressive Disclosure

Surface essentials first. Advanced metadata, citations, and alternate views are accessible but never obstruct the primary reading flow.

Visual Identity System

A restrained, highly systematic visual language ensures consistency across millions of entries and hundreds of languages.

Color Strategy

Warm, scholarly neutrals with precise accent hierarchy. Colors denote function, not decoration.

Text Primary

Text Secondary

Accent Gold

Naval Depth

Earth Tone

Verdant

--accent-primary: #2c3e50;
--accent-secondary: #8b5e3c;
--gold: #c9a227;

Typography Scale

Serif for authority, Sans-serif for UI. Strict modular scale (1.25) for predictable hierarchy.

Display Heading 38.4px / 700

Section Title 28.8px / 600

Article Lead 19.2px / 500

Body Text 16px / 400

Captions & Meta 13.6px / 500

Information Architecture & UX Patterns

Structural decisions that govern how readers discover, navigate, and synthesize complex subjects.

Navigation & Wayfinding

Persistent breadcrumb trails with contextual depth indicators
Faceted sidebar filters (Discipline, Era, Region, Media Type)
Global search with semantic intent parsing & instant previews
Sticky table-of-contents for long-form scholarly entries

Content Presentation

Reading width constrained to 65–75 characters per line
Modular citation footnotes with inline expanders
Collapsible metadata panels (translations, variants, sources)
Adaptive media viewers (3D models, timelines, maps, audio)

Interaction Design

Subtle micro-interactions with 150–200ms easing curves
Hover states reserved for actionable elements only
Keyboard-first navigation with visible focus rings
Non-blocking notifications; critical updates only

Performance Strategy

Lazy-loaded media with progressive image enhancement
Edge-cached article fragments with ETag validation
Font subsetting & display: swap for zero FOIT
Strict 100kb initial bundle budget for core UI

Accessibility & Inclusion Standards

Knowledge belongs to everyone. Our design system enforces WCAG 2.2 AA compliance as a baseline, not an afterthought.