Brand & SVG Asset Guide
A comprehensive reference for the Aevum Encyclopedia visual identity. All assets are provided as scalable SVGs optimized for light environments, documentation, and digital interfaces.
Color Palette
Primary and semantic colors used across the encyclopedia interface. Optimized for accessibility on light backgrounds.
Primary Accent
#3b82f6
Text Primary
#1a1a2e
Text Secondary
#495057
Success / Verified
#10b981
Warning / Draft
#f59e0b
Surface Light
#f8f9fa
Logo Variations
Primary mark and wordmark combinations. Use the color version on light backgrounds and the inverse on dark interfaces.
Primary (Color)
Inverse (Dark BG)
Iconography
Core interface icons. All stroke-based, 2px weight, rounded caps/joins for consistency with the light theme aesthetic.
Typography Scale
System font stack optimized for readability in light interfaces. Consistent hierarchy across documentation and articles.
- Display Heading
- Section Title
- Card / Article Header
- Body Text
- Caption / Meta
Usage Guidelines
Standards for implementing Aevum Encyclopedia assets in light-themed environments.
-
SVG Implementation
Always use inline SVGs for logos and icons. Set
widthandheightexplicitly. UsecurrentColorfor stroke fills to inherit text color contextually. -
Light Theme Contrast
Ensure all text meets WCAG AA standards. Primary text on white must be
#1a1a2eor darker. Muted text should not be lighter than#6c757d. -
Clear Space & Scaling
Maintain a minimum clear space equal to the height of the logo mark around all edges. Scale proportionally; never stretch or distort SVG viewBoxes.
-
Accessibility
Decorative SVGs must include
aria-hidden="true". Semantic icons requirerole="img"and descriptivearia-labelattributes.