Logo
The Flex logo is available in four variations. Use the version that provides the strongest contrast against your background.
Logo usage rules
✅ Do
Use the primary logo as your default. The secondary (black) logo should be used when the navy color clashes with surrounding elements or when a monotone treatment is needed. Always maintain clear space around the logo, and use an approved color variation that contrasts with the background.
❌ Don't
Never stretch, rotate, or distort the logo. Don’t change the logo colors outside of the approved variations, and avoid placing it on busy backgrounds without sufficient contrast.
Colors
Primary
#0A0077
Accent
#5A47FF
Light Accent
#F1F0FF
Background
#F7F7F7
Base
#FFFFFF
When to use each color
Typography
Flex uses Inter as its brand typeface across all channels. Inter is a free, open-source font family designed for screen readability.Display — 36px Semibold
Heading — 24px Semibold
Subheading — 20px Medium
Body — 16px Regular
Caption — 14px Medium
Type scale
| Element | Weight | Size | Tailwind |
|---|---|---|---|
| Display | Semibold (600) | 36px | text-4xl font-semibold |
| Heading | Semibold (600) | 24px | text-2xl font-semibold |
| Subheading | Medium (500) | 20px | text-xl font-medium |
| Body | Regular (400) | 16px | text-base font-normal |
| Caption | Medium (500) | 14px | text-sm font-medium |
Download Inter from Google Fonts — it’s free and available in all weights.
Co-Branding
When featuring Flex alongside your own brand, follow these rules to maintain visual balance and compliance.Layout
Place logos at equal visual weight with a vertical divider between them. Both logos should be vertically centered and share the same optical height.
Co-branding rules
✅ Do
Give both logos equal visual weight with a clear divider, either a line or whitespace, between them. Match logo color tones by pairing the navy Flex logo with dark brand logos and the white Flex logo with light brand logos.
❌ Don't
Never make the Flex logo significantly smaller than your brand logo, and don’t combine the logos into a single merged mark. Avoid using the Flex logo as an endorsement without context (e.g., “Approved by Flex”).
Questions about logo usage or co-branding? Reach out to marketing@withflex.com.