Branding Assets & Visual Identity Guidelines
This section contains the official registry of approved Magius brand assets. All digital implementations must utilize only the assets listed below to maintain brand consistency and compliance with Magius visual identity standards.
Logo Specifications
Primary Logo
The primary Magius logo is the official mark for all primary brand applications. This logo should be used in most circumstances where brand identification is required.
| Specification | Details |
|---|---|
| Format | PNG, SVG, EPS |
| Minimum Size | 120px (width) |
| Color Mode | RGB (Digital), CMYK (Print) |
| File Reference | magius-logo-primary-full.svg |
Logo Variations
The following logo variations are approved for specific use cases:
| Variation | Use Case | File Reference |
|---|---|---|
| Icon Mark (Monogram) | Favicon, app icons, small scale applications | magius-logo-icon.svg |
| Horizontal Lockup | Header navigation, email signatures | magius-logo-horizontal.svg |
| Vertical Lockup | Sidebar navigation, vertical layouts | magius-logo-vertical.svg |
| Monochrome (White) | Dark backgrounds, inverse applications | magius-logo-white.svg |
| Monochrome (Black) | Light backgrounds, print applications | magius-logo-black.svg |
Do not modify, distort, or alter the logo in any way. Do not use outdated logo versions. Do not combine the Magius logo with other brand marks without explicit authorization from the Magius Media compliance team.
Color Palette
Primary Colors
The primary color palette defines the core visual identity of Magius. These colors should be used as the foundation for all brand applications.
| Color Name | Hex Code | RGB | Usage |
|---|---|---|---|
| Magius Blue | #6366f1 |
RGB(99, 102, 241) | Primary brand color, CTAs, accents |
| Slate Grey | #f8fafc |
RGB(248, 250, 252) | Backgrounds, secondary surfaces |
| Navy Dark | #1e293b |
RGB(30, 41, 59) | Text, accents, dark elements |
Secondary Colors
Secondary colors provide supporting visual elements and should be used sparingly to maintain visual hierarchy.
| Color Name | Hex Code | Purpose |
|---|---|---|
| Success Green | #10b981 |
Positive actions, confirmations |
| Warning Amber | #f59e0b |
Alerts, warnings, cautions |
| Error Red | #ef4444 |
Errors, critical alerts |
| Info Cyan | #3b82f6 |
Information, notifications |
All color combinations have been tested for WCAG 2.1 AA compliance to ensure accessibility for users with color blindness and low vision.
Typography Guidelines
Font Stack
The Magius typography system uses a carefully selected font stack to ensure consistency across all digital platforms:
Font Family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serifFont Weights & Sizes
| Element | Weight | Size | Usage |
|---|---|---|---|
| Heading 1 | Bold (700) | 2.25rem (36px) | Page titles, hero sections |
| Heading 2 | Bold (700) | 1.875rem (30px) | Section headers |
| Heading 3 | Bold (700) | 1.5rem (24px) | Subsection headers |
| Body Text | Normal (400) | 1rem (16px) | Paragraph content |
| Small Text | Normal (400) | 0.875rem (14px) | Captions, metadata |
Approved Use Cases
The following applications represent approved use cases for Magius brand assets. All implementations must adhere to these guidelines:
Digital Applications
- Official website and web applications
- Mobile applications (iOS and Android)
- Email communications and newsletters
- Social media profiles and posts
- Documentation portals and help centers
- Internal dashboards and admin panels
Print Materials
- Business cards and letterhead
- Brochures and marketing collateral
- Presentations and slide decks
- Signage and promotional materials
Restricted Use Cases
- Third-party applications without explicit authorization
- Competing or conflicting brand implementations
- Modified or derivative logo versions
- Applications that misrepresent Magius services or capabilities
For use cases not listed above, please contact media@magius-support.online for explicit authorization before implementation.
Asset Downloads
All approved brand assets are available for download. Please ensure you are using the latest versions to maintain brand consistency.
Complete Brand Asset Package
All logos, color specifications, and guidelines in one package
The complete Magius brand asset package includes all approved logos, color definitions, typography specifications, and usage guidelines.
Package Contents: Logo variations (SVG, PNG, EPS), color palette (Adobe, Figma, CSS), typography guidelines, and brand standards document.