Design System

Typography

Aevum Zenth employs a structured typographic system built for clarity, scalability, and technical precision. Space Grotesk anchors display hierarchy, while Inter ensures optimal readability across interfaces and documentation.

01 — Font Families
Space Grotesk
Primary Display & UI Headings
The quick brown fox
0123456789 </> { [ ( ) ] }
400Regular
500Medium
600SemiBold
700Bold
Inter
Body Text, Data Tables & Interface
Aevum Zenth powers innovation across 47 industries worldwide.
Standard paragraph copy uses regular weight with 1.6 line-height for optimal reading comfort.
300Light
400Regular
500Medium
600SemiBold
700Bold
02 — Type Scale
Display / H1
Size52px / 3.25rem
Weight700 Bold
Line Height1.1
Tracking-1.5px
UsagePage headers, hero titles
Heading / H2
Size40px / 2.5rem
Weight700 Bold
Line Height1.15
Tracking-1px
UsageSection titles, feature headers
Subheading / H3
Size32px / 2rem
Weight600 SemiBold
Line Height1.2
Tracking-0.5px
UsageCard titles, subsections
Detail / H4
Size24px / 1.5rem
Weight600 SemiBold
Line Height1.3
UsageModule headers, labels
Body Text
Size16px / 1rem
Weight400 Regular
Line Height1.6
UsageParagraphs, descriptions, docs
Caption / Meta
Size12px / 0.75rem
Weight500 Medium
Line Height1.4
Tracking0.5px
UsageTimestamps, tags, footnotes
03 — Color & Contrast

All text combinations meet WCAG 2.2 AA/AAA standards for accessibility across light and dark interfaces.

WCAG AAA
Primary text on dark backgrounds uses #E8E8F0. Optimal for main content and headings.
#E8E8F0 on #0A0A0F
WCAG AA
Secondary text uses #8888A0. Reserved for descriptions, captions, and disabled states.
#8888A0 on #0A0A0F
WCAG AAA
Light mode primary text uses #0F111A. Ensures crisp legibility on white surfaces.
#0F111A on #F8F9FC
WCAG AA
Accent text on brand backgrounds. Use sparingly for highlights and CTAs.
#FFFFFF on #6C5CE7
04 — Spacing & Line Height

Vertical rhythm is maintained through a 4px baseline grid. Line heights are tuned per hierarchy level to prevent crowding while preserving compactness.

Baseline Grid & Paragraph Spacing
4px
8px
16px
32px
Tight (1.1) — Headings

Aevum Zenth Conglomerate operates across energy, aerospace, digital systems, and advanced research divisions.

Standard (1.6) — Body

Aevum Zenth Conglomerate operates across energy, aerospace, digital systems, and advanced research divisions. This line height ensures comfortable reading across extended documentation.

Relaxed (1.8) — Long Form

Aevum Zenth Conglomerate operates across energy, aerospace, digital systems, and advanced research divisions. Increased vertical rhythm reduces eye strain for technical manuals and policy documents.

05 — Usage Guidelines
ⓘ

Do: Use Systematic Hierarchy

Always follow the defined type scale. Do not create custom heading sizes. Use H1-H6 strictly for document structure.

✓

Do: Maintain Line Length

Keep paragraph line lengths between 50-75 characters. Adjust container width rather than font size to achieve this.

✕

Don't: Use All Caps for Body

Avoid uppercase for paragraphs or UI copy. Reserve all-caps for labels, navigation items, and micro-copy only.

⚠

Don't: Mix Font Families

Use Space Grotesk exclusively for headings and Inter for body/interface. Mixing families breaks visual cohesion.

📐

Do: Respect Tracking

Apply negative tracking to large headings (-1px to -1.5px) and slight positive tracking to captions (0.5px) for optical balance.

🎨

Do: Validate Contrast

Always check text against backgrounds using WCAG 2.2 standards. Never use #55556A (muted) for essential reading content.