Brand Overview

Aevum Zenth Conglomerate represents multidisciplinary innovation. This guide establishes the visual, typographic, and interactive standards for all digital and print touchpoints.

Core Principles

Precision

Clean geometry, strict grids, and intentional whitespace communicate technical excellence.

Futurism

Dark-mode native surfaces with luminous accents signal forward-thinking enterprise scale.

Adaptability

Token-driven architecture ensures consistency across 400+ subsidiary applications.

Color System

A tokenized palette optimized for dark-mode interfaces, data visualization, and brand consistency.

Primary#8B5CF6
Secondary#06B6D4
Tertiary#F59E0B
Success#10B981
Danger#EF4444
Bg Base#0B0C10
Bg Surface#11131A
Card#1E2029
Elevated#252833
Text Primary#F5F7FA
Text Secondary#A0A5B5

Use var(--brand-primary) for CTAs, active states, and key data highlights. Reserve semantic colors exclusively for status feedback. Never use brand colors for primary text on dark backgrounds.

Typography

A hierarchical scale built on mathematical progression (1.25 base) for optimal readability across dashboards and documentation.

Display / H1
2.5rem / 700
Innovation Infrastructure
Heading / H2
2rem / 600
System Architecture
Heading / H3
1.5rem / 600
Component Library
Body / Base
1rem / 400
Standard content uses Inter for maximum legibility at small sizes. Line height should never drop below 1.5 for reading blocks.
Mono / Code
0.875rem / 400
const aevum = await initialize();

UI Components

Standardized interactive elements with consistent focus rings, hover states, and disabled variants.

Buttons

Sizes: Default (40px height), Small (32px), Large (48px). Use var(--radius-md) for standard, var(--radius-full) for pills.

Inputs & Forms

Active Verified Pending

Grid & Spacing

12-column fluid grid with an 8px baseline spacing scale. All margins, paddings, and gaps must align to var(--space) multiples.

12-Column Layout

Full (12)
6
6
4
4
4
3
3
3
3

Spacing Scale

1x (8px)
2x (16px)
3x (24px)
4x (32px)
6x (48px)
8x (64px)

Motion & Interaction

Smooth, purposeful transitions that reinforce system responsiveness without causing distraction.

Standard Easing & Durations

Micro: 0.2s ease
Hover, toggle, collapse
Standard: 0.3s ease-out
Page transitions, modals
Emphasis: 0.5s spring
Success states, onboarding

Accessibility Standards

WCAG 2.2 AA compliance is mandatory across all public-facing and internal applications.

Contrast Ratios

  • Primary Text on Base: 15.8:1 (AAA)
  • Secondary Text on Base: 7.2:1 (AA)
  • Interactive Elements: ≥ 4.5:1
  • Focus Rings: 3:1 against adjacent color

Focus & Keyboard

  • Visible focus states on all interactive elements
  • Logical tab order matching visual flow
  • Trap focus in modals, skip links for nav
  • ARIA labels on icon-only buttons

Licensing & Usage

Internal and external usage rights for Aevum Zenth brand assets.

All assets contained within this style guide are the exclusive property of Aevum Zenth Conglomerate. Subsidiaries, vendors, and partners require explicit written authorization before implementation. Font files (Inter, Space Grotesk, JetBrains Mono) are distributed under open-source licenses (OFL 1.1). Unauthorized modification of the primary mark or color tokens constitutes a brand violation.

Brand Assets Licensed · Version Controlled