betterflo
The betterflo brand, in one place.
The logomark, the palette, the type stack, and how (and how not) to use them. Everything on this page is also in the downloadable zip.
One stroke, speech to text.
A single line that enters as a waveform and settles into a written line, with a magenta caret waiting at the end — the whole product in one gesture. It's the same artwork as the app's launcher icon, so the mark you see here is the one on your home screen. Available as a scalable SVG and a flat PNG.
Clear space and minimum size
Keep clear space of at least one tenth of the mark's width (the dashed margin above) on every side — don't let text, edges, or other marks crowd closer. Don't render the mark smaller than 24px; below that the waveform's peaks close up and the magenta caret merges into the stroke.
Paper and ink, plus four accents.
Warm off-white paper (#FAF9F7) and ink carry nearly every surface, with cards in pure white and quiet bands a shade darker (#F2F0EC). The four hues are accents, never grounds — an eyebrow, a rule, an icon, a small tag — and they still tell you what kind of page you're on. Exactly two surfaces sitewide are ink: the closing call to action, and the footer.
- Base#FAF9F7
- Ink#201A2E
- Vermilion#E8452B
- Peacock#0E7C7B
- Marigold#F6A31A
- Magenta#C4267F
Three typefaces, three jobs.
- Display — Baloo 2Aa Bb बोलो
Headings and buttons. Rounded, friendly, high-weight.
- Body — MuktaAa Bb बोलो
Running copy, everywhere. Also covers Devanagari.
- Accent — KalamAa Bb बोलो
Handwritten accents — used sparingly, never for body copy.
Correct and incorrect.
Full opacity, palette colours, undistorted proportions, clear space kept.
Recoloured outside the palette, stretched, and skewed — don't do any of this.
Same rule for text: don't put the mark on a busy photo or a low-contrast background, and don't add a drop shadow or outline that isn't already part of it.
Lowercase in body copy.
In running body copy, the name is lowercase: betterflo. Reserve the capitalised form for places that require it, like a formal document title or a legal filing.
“Turn on betterflo's floating mic, then just speak.”
“Turn on Betterflo's floating mic, then just speak.”
One zip, everything above.
The logomark in SVG and PNG, the palette hex values, and the usage notes — packed into one small download.