Brand Guidelines

Logo

On Light Background

On Dark Background

Logo Usage Guidelines

Maintain adequate clear space around the logo
Do not distort, rotate, or modify the logo
Use the provided logo files without alterations
Ensure sufficient contrast with the background
Do not place the logo on busy or patterned backgrounds

Download Logo

Color Palette

Primary Purple

HEX: #a855f7

RGB: 168, 85, 247

HSL: 271°, 91%, 65%

Violet

HEX: #8b5cf6

RGB: 139, 92, 246

HSL: 258°, 90%, 66%

Pink Accent

HEX: #ec4899

RGB: 236, 72, 153

HSL: 330°, 81%, 60%

Dark Background

HEX: #0a0a0f

RGB: 10, 10, 15

HSL: 240°, 20%, 5%

Light Text

HEX: #e2e8f0

RGB: 226, 232, 240

HSL: 214°, 32%, 91%

Gray Text

HEX: #9ca3af

RGB: 156, 163, 175

HSL: 218°, 11%, 65%

Typography

Primary Font

We use system fonts for optimal performance and native feel:

font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif

Monospace Font

For code blocks and technical content:

font-family: 'Courier New', Courier, monospace

Font Sizes

Heading 1 - 3rem (48px)

Heading 2 - 2.25rem (36px)

Heading 3 - 1.875rem (30px)

Body Large - 1.25rem (20px)

Body - 1rem (16px)

Small - 0.875rem (14px)

Brand Voice

MythicalSystems communicates with a tone that is:

•
Professional yet Approachable: We maintain technical credibility while being friendly and accessible
•
Innovative: We emphasize cutting-edge solutions and forward-thinking approaches
•
Community-Focused: We highlight our open-source values and collaborative spirit
•
Clear and Concise: We avoid jargon when possible and explain complex concepts simply

Proper Usage

✓ Do

• Use the official logo and colors
• Maintain proper spacing and proportions
• Link back to mythical.systems when featuring our brand
• Use high-quality, unmodified assets

✗ Don't

• Alter, distort, or recolor the logo
• Use outdated or unofficial assets
• Imply endorsement without permission
• Use the brand in a misleading way

Questions?

If you have questions about using our brand assets or need special permissions, please contact us:

Email: [email protected]