Wordmark
The Floww wordmark uses Source Serif 4 italic at weight 600 as the single canonical mark. Bold, warm, and unmistakable.
Monogram
The italic serif "f" for app icons, favicons, and social avatars. Set inside a rounded-square container with 20% border-radius.
Color
Floww's palette is built on three core colors.
Extended palette
Typography
Source Serif 4 is the brand typeface. System sans-serif handles UI text.
Source Serif 4 supports optical sizing (font-optical-sizing: auto) with an axis range of 8–60. The browser automatically adjusts letterforms for the rendered size.
Tagline
The tagline accompanies the wordmark in marketing contexts.
Approved pairings
Omit the tagline for favicons, app icons, navigation bars, and small-format contexts.
Usage
Guidelines for using the Floww brand consistently.
Respect clear space
Keep at least the height of the "f" character as minimum padding around the wordmark. Don't crowd it with other elements.
Use correct contrast
White variant on dark backgrounds, dark variant on light backgrounds. Always ensure the wordmark is clearly legible.
Spell it correctly
"Floww" with a capital F and double w. Not "Flow", "FLOWW" (in body text), or "FlowW".
Stretch, rotate, or add effects
Never distort the wordmark. No drop shadows, outlines, gradients, or any modifications to the original form.
Place on busy backgrounds
Don't use the wordmark on photographic or complex backgrounds without sufficient contrast and a safe area.
Recolor outside the palette
Only use the wordmark in the approved tri-color combinations. Don't apply arbitrary colors.
Application UI
How nodes and connections appear on the Floww canvas.
Flat cards with color-coded borders. Solid bezier connections with directional arrowheads. No hover scaling — only a subtle border-color change on interaction.
Downloads
All brand assets in one place. Individual files or the full kit.
Includes all wordmark PNGs and the OG image.
