Every email account you own, in one calm inbox: read, found and answered from the right address.
One source asset, three contexts. Use the file directly — don't re-trace.
On light
Default surface · #FFFFFF
On dark
Footer / dark CTAs · #090E1F
On brand
Hero / pull-quote backdrop
Clear space
Minimum 16px on every side.
No other element — text, icon, edge of frame — within the dashed boundary.
Do
Don't
Tokens are exposed as CSS variables under [data-product="mails"]. Tailwind utilities like bg-flx-brand resolve through these tokens, so the same component layer themes correctly across every product.
Brand Primary
#1059ED
--flx-brand-primary
bg-flx-brand
Brand Accent
#3B82F6
--flx-brand-accent
text-flx-brand-accent
Brand Soft
#DBEAFE
--flx-brand-soft
bg-flx-brand-soft
Brand Ring
#60A5FA
--flx-brand-ring
ring-flx-brand-ring
Mails inherits the ecosystem typeface stack — only the colour palette changes per product.
Display & headlines
Plus Jakarta Sans
Aa Bb Cc 123
font-flx-display
Weights: 500 / 600 / 700 / 800
Tracking: -0.022em
Body & UI
Inter
Aa Bb Cc 123
font-flx-sans
Weights: 400 / 500 / 600 / 700
Tracking: normal
Code & data
JetBrains Mono
Aa Bb Cc 123
font-flx-mono
Weights: 400 / 500 / 600
Tracking: normal
Type scale
Display XL
text-flx-display-xl
Marketing hero
Display LG
text-flx-display-lg
Interior page hero
Display MD
text-flx-display-md
Section heading
EYEBROW LABEL
text-flx-eyebrow
Pre-title kicker
Four principles every piece of Mails copy passes through — from a tooltip to a press release.
01
We talk to the person doing the work, not the person buying for the team. Concrete verbs over corporate nouns.
Do
"The copilot suggests a reply from your help articles; an agent reads it and sends it."
Don't
"Our enterprise-grade AI-powered solution streamlines your customer experience workflow."
02
A claim worth making is a claim worth measuring. Lead with the number, name the trade-off, then explain.
Do
"Every ticket shows its time to first reply, so you can see which ones waited longest."
Don't
"Lightning-fast responses powered by best-in-class AI."
03
No buzzwords, no synergies, no "AI-powered" without saying which model and what it costs. Plain language wins.
Do
"Suggested replies are drafted from your saved answers. Each one uses AI credits from your workspace balance."
Don't
"Cutting-edge generative AI revolutionising the support paradigm."
04
Every product carries the Flaxxa Core brand on its back. Colour shifts per product; voice and trust do not.
Do
"Built on Flaxxa. One login, one audit log and one bill across Desk, CRM and AI."
Don't
"Best-of-breed integrations with the Flaxxa product family."
Drop a button, a card, and a callout — any Flaxxa component renders in the Mails theme automatically when the page sits inside [data-product="mails"].
Primary CTA
Soft callout
Focus ring
Status badge
LiveLink / accent
Read the full case studySelected pill
Source assets, palette swatches, and the type system — for partners, press, and your design tools.
In the Downloads section of this page. The Flaxxa Mails logo file downloads directly; the palette and typefaces are listed beside it.
Pull the brand tokens, theme your component layer, and ship in minutes.
Free plan · No credit card · Cancel anytime