Brand Style Guide

A comprehensive reference for maintaining visual consistency, tone, and usability across all Aevum Encyclopedia platforms, publications, and digital experiences.

Brand Identity

Aevum Encyclopedia represents the intersection of academic rigor and modern accessibility. Our brand communicates trust, clarity, and intellectual curiosity. Every design decision should reinforce precision without sacrificing approachability.

Core Values

  • • Academic Integrity
  • • Global Accessibility
  • • Intelligent Design
  • • Transparent Sourcing

Visual Personality

  • • Refined & Structured
  • • Minimalist but Warm
  • • Data-Forward
  • • Timeless Over Trendy

Target Audience

  • • Researchers & Academics
  • • Educators & Students
  • • Lifelong Learners
  • • Knowledge Contributors

Color Palette

Our palette balances academic gravitas with modern digital clarity. Use primary colors for structure and accents for interactive states and hierarchy.

Deep Navy
#1A1A2E
Secondary Navy
#16213E
Coral Accent
#E94560
Gold Highlight
#F0C040
Surface White
#FFFFFF
Background Gray
#F8F9FA
Text Primary
#495057
Text Muted
#ADB5BD

Typography

Playfair Display establishes editorial authority for headings. Inter provides maximum readability for body text, UI elements, and long-form reading. Never mix font weights arbitrarily—adhere to the scale below.

Display / H1
Knowledge, Reimagined
Heading / H2
Section Overview
Heading / H3
Subsection Details
Body Large
Used for introductory paragraphs, lead text, and high-contrast UI descriptions. Ensures comfortable reading rhythm.
Body
Standard paragraph text, article content, and documentation. Optimal x-height and open counters for extended reading sessions.
Caption / UI
Metadata, labels, breadcrumbs, and supplementary information.

Spacing & Layout

All spacing follows an 8px baseline grid. Use multiples of 8px for margins, padding, and component gaps to maintain visual rhythm across breakpoints.

XS
4px
SM
8px
MD
16px
LG
24px

Grid System: Desktop: 12 columns (24px gutter). Tablet: 8 columns. Mobile: 4 columns. Max content width: 1200px. Container padding: 24px (mobile) → 48px (desktop).

UI Components

Interactive elements follow consistent stroke weights, border radii, and focus states. All components must be keyboard accessible and meet WCAG 2.1 AA contrast ratios.

Buttons
Inputs
Badges & Tags
Verified Source Academic Featured Peer Reviewed
Cards

Article Card

Standard container for content previews. Includes header accent, title, excerpt, and metadata footer.

Dark Variant

Used for hero sections, premium content, and high-contrast editorial layouts.

Iconography

Use a consistent 24×24px grid, 2px stroke width, rounded caps and joins. Prioritize clarity over decoration. Icons should complement text, never replace it.

Search
Read
Info
Favorite

Export Settings: SVG preferred. Use `` sprite system. Never use colored icons unless part of an official badge/component state.

Voice & Tone

Our editorial voice balances scholarly precision with conversational accessibility. Avoid jargon unless defined. Prioritize clarity over cleverness.

Core Principles

  • ✓ Objective & Evidence-Based
  • ✓ Respectful & Inclusive
  • ✓ Structured & Scannable
  • ✓ Transparent about Uncertainty

Language Guidelines

  • ✓ Use active voice wherever possible
  • ✓ Define technical terms on first use
  • ✓ Keep paragraphs under 5 sentences
  • ✓ Attribute claims to primary sources

Dos & Don'ts

✓ Do
  • Use the official gradient for primary actions
  • Maintain 1.5rem clear space around logos
  • Apply Playfair Display only for headings
  • Ensure WCAG AA contrast ratios (4.5:1)
  • Use 8px baseline grid for all spacing
✗ Don't
  • Stretch, rotate, or recolor the logo
  • Use decorative fonts for body text
  • Apply drop shadows or gradients to text
  • Break the 8px spacing rhythm
  • Use brand colors on low-contrast backgrounds