Brand Guidelines
Magmaro Branding
Official logo assets and basic usage rules for Magmaro. This page is the source of truth for wordmarks,
the icon mark, Magmaro+ branding, approved backgrounds, and simple do / do not guidance for using the brand
in product, email, favicon, social media, and marketing materials.
Approved Logos
Use only these exported assets. Do not recreate the mark with fonts, Font Awesome, or custom redraws.
Main Icon
Primary symbol for favicons, compact placements, app surfaces, and small-brand contexts.
16px favicon
24-32px UI icon
64px+ marketing
Main Wordmark On Dark
Use on black or very dark surfaces such as email headers, hero panels, splash screens, and dark docs.
Email header
Hero lockup
Presentation
Main Wordmark On Light
Use on white or very light surfaces when the full Magmaro wordmark needs to stay sharp and neutral.
Press kit
Light layouts
Documents
Magmaro+ Wordmark
Reserved for the premium membership, premium emails, dedicated upgrade pages, and Plus-specific communication.
Premium emails
Plus landing
Upgrade messaging
Downloads
Direct PNG exports ready to use in product, email, favicon and marketing materials.
Icon Mark
Transparent PNG for favicon, compact logo use, and small UI placements.
Magmaro Wordmark
Use the white version on dark surfaces and the black version on light surfaces.
Magmaro+ Wordmark
Only for Magmaro+ surfaces and premium membership communication.
Color Context
Keep the brand on strong contrast backgrounds. Pure black and pure white are the preferred anchors for exported usage.
Magma Accent
#FF4500 to #FF8C00
Typography
The brand uses the same type direction as the live product. Keep weights heavy for logo-like treatments and avoid substituting decorative fonts.
Primary Typeface
Brand and product
- Primary font: Outfit
- Fallbacks: Inter, sans-serif
- Recommended for logos and strong headings: 700 to 800
- Recommended for UI labels and buttons: 600 to 700
- Recommended for body text: 400 to 500
Practical Guidance
When recreating layouts
- For the Magmaro wordmark look, start from Outfit 800.
- For smaller exports or tight spaces, Outfit 700 usually holds better.
- Do not replace the wordmark with another geometric sans.
- If raster exports are available, prefer the PNG asset over rebuilding the lockup in text.
Usage Rules
Simple rules to keep the brand consistent across every touchpoint.
Do
Approved use
- Use the exported PNG assets from this page only.
- Use Magmaro_White.png on dark backgrounds and Magmaro_Black.png on light backgrounds.
- Use Icon.png for favicons, app icons, compact nav branding, and tight layouts.
- Use Magmaro_Plus.png only for Magmaro+ features, premium emails, and Plus-specific pages.
- Maintain clear space around the logo so it does not feel crowded by nearby UI or text.
Do Not
Disallowed modifications
- Do not stretch, squash, rotate, warp, or deform the logo.
- Do not recolor the logo or replace the approved magma palette.
- Do not redraw the logo with a font, icon font, or vector imitation.
- Do not add outlines, glows, shadows, bevels, or effects not already present in the asset.
- Do not place the logo on low-contrast, noisy, or unreadable backgrounds.
If a new format is ever needed, export it from the approved source assets rather than rebuilding the logo manually.
The goal is consistency first.
