Brand
flare brand assets.
Use these logo files when referencing flare.design in product UI, partner pages, launch notes, and community materials.
Primary logo
Logo system
The mark is drawn as two interlocking F forms. Keep the perspective intact; do not redraw it.
Use flare for the logo wordmark. Use flare.design when writing the domain, product URL, legal name, or metadata.
Downloads
Logo assets and basic brand usage for flare.design.
| Asset | Format | Use |
|---|---|---|
| /flare.svg | SVG | Transparent mark for light surfaces. |
| /flare-inverted.svg | SVG | Transparent mark for dark surfaces. |
| /flare-lockup.svg | SVG | Primary lockup for light surfaces. |
| /flare-lockup-inverted.svg | SVG | Inverted lockup for dark surfaces. |
| /favicon.svg | SVG | Browser favicon and compact product mark. |
Color
Ink
#141414 Paper
#ffffff Dark page
#0a0a0b Accent
#5b57d9 Spacing
Give the mark room to breathe. Keep clear space around the logo equal to at least one quarter of the mark width.
Minimum size
Use the mark at 24 px or larger in UI. For app icons and social avatars, use 180 px or larger.
Do not
- Rotate the mark
- Add shadows or outlines
- Change the black and white relationship