Brand
Brand guidelines
How to use the XenonFlare name, logo, and colors across product, marketing, and partner materials.
Application name
The product is always written XenonFlare — one word, camel case X and F. Do not use “Xenon Flare”, “XENONFLARE”, or “xenonflare” in customer-facing copy (lowercase is fine in URLs and email addresses).
Logo mark
The mark is a square icon with rounded corners: brand purple background with three white diagonal pills. Use the PNG for email, slides, and third-party tools that need a raster file.
32px
48px
64px
128px

Clear space & misuse
- Keep at least half the logo width as clear space on all sides.
- Do not stretch, rotate, recolor the pills, or place the mark on busy photography without a plate.
- Do not replace the mark with a letter “X” or unrelated icon.
- On dark UI, use the full-color square mark; avoid outline-only versions.
Colors
Primary brand purple matches the logo background. Pair with navy typography on light surfaces.
Brand
#5851EA
Logo background, buttons, links
Mark
#FFFFFF
Logo pills only
Text primary
#0A2540
Headings, body on marketing
Text secondary
#3C4257
Supporting copy
Lockup & wordmark
In headers and footers, place the logo mark beside the XenonFlare wordmark with comfortable spacing. Do not separate the mark from the name in product chrome.
Typography
Marketing and app UI use Inter. Headings use tight tracking; body copy stays at comfortable line height (1.5–1.6).