Primary lockup
Default for light backgrounds. Prefer this whenever it fits.
Brand
How to represent hFlow.
Use these logos, colors, and fonts when you put hFlow on a slide, a school site, or print. Click a color to copy its hex value.
Logos
The mark is six dots in a rising triangle, paired with the wordmark. Always write the name as hFlow (lowercase h, capital F).
Dark lockup
White wordmark for navy or near-black backgrounds.
App mark
Use as an app icon or avatar. Do not replace the lockup in a header.
Chart mark
Dots only, when the wordmark would not fit.
Do
Keep clear space around the lockup, scale it uniformly, and keep the six-dot colors as given.
Don’t
Don’t stretch it, recolor the dots, add outlines, or write HFlow, hflow, or HFLOW.
Color
Indigo is the brand color: buttons, links, and emphasis. Navy is for marketing headings. Teal is a secondary accent, not a second primary button.
Fonts
Two families, both geometric sans serifs. Use Inter for the website, help docs, and any slide or partner page. Use Geist only when matching the product UI. Sentence case on headings and buttons. If neither is available, fall back to the system UI font. Do not substitute a decorative or serif face.
Inter
Website, help center, presentations
400The quick brown fox
500The quick brown fox
600The quick brown fox
700The quick brown fox
800hFlow
Geist
Product app
400The quick brown fox
500The quick brown fox
600The quick brown fox
700The quick brown fox
800Welcome back
Voice
Plain, confident, benefit-first. No jargon, no hype, and no emoji.
Write like this
- hFlow is the modern reading and language assessment platform for schools that want clarity, not complexity.
- Track student progress, configure your own assessments, and communicate results, all in one place.
Avoid
- Hype words and decorative stats.
- Writing HFlow, hflow, or HFLOW in public copy.
These logos identify hFlow. Using them does not imply partnership or endorsement. Questions: support@hflow.pro.