One canvas. One flow.
Everything you need to represent Flowy well: the logo, color, type, and voice that make one canvas feel like one flow. Use these assets as-is, and keep the marks intact.
Voice
How Flowy talks
Flowy talks like the best person on set: sure of itself, dry when there's time, straight when it counts. American English, sentence case, no em dashes.
Sure, not loud
Short sentences, full stops, no superlatives. Confidence is saying less.
Dry, not silly
One exact word or one deadpan line per screen, only when nothing is at stake.
Yours, not ours
You direct, Flowy renders. We credit the direction, never the machine.
Straight when it counts
Errors, money and deletes get no jokes. What happened, what it cost, what's next.
Say
- Flowy (product and agent)
- Generate / Regenerate / Try again
- Studio, canvas, Timeline, Library
- Flow, take, credits, Top up
Avoid
- GenStudio, Flowy AI, Spark, Katana
- “Failed to…”, “Something went wrong”, “Oops”
- “magic”, “unleash”, “seamless”, “stunning”
- Exclamation marks, emoji, em dashes
Logo
The mark & the wordmark
Flowy's identity is the geometric “F” mark paired with the Flowy.ai wordmark. Use the lockup wherever there's room; the standalone mark in tight or square spaces.
Clear space & sizing
Give it room
Keep clear space around the logo equal to the height of the mark, and never render it below the minimum sizes.
Clear space
The dashed boundary equals the mark's height on every side. Keep other elements outside it.
Minimum size
Wordmark no smaller than 24px tall; the standalone mark no smaller than 16px.
Misuse
Keep the mark intact
Don't recolor, distort, or decorate the logo. When in doubt, use a supplied file.
Don’t recolor outside the palette
Don’t stretch or distort
Don’t rotate the mark
Don’t skew or slant
Don’t add shadows or glows
Don’t place on low-contrast backgrounds
Color
Cream on near-black
Cream type on a near-black ground, with ember and neon orange as the living accents. Click any swatch to copy its hex. Tokens live in packages/design-system/styles/tokens.css.
Core
Semantic
Canvas node accents
Typography
Three voices, one system
Clash Display sets the tone; Golos Text carries the interface; Inter keeps the canvas crisp at small sizes; DM Mono labels the technical edges.
One canvas.
Clash DisplayDisplay & headlines500Stay in the flow
Golos TextBody & UI400 · 500 · 600 · 700Generate. Regenerate.
InterCanvas & nodes400 · 500 · 600 · 700node_42 · 112cr
DM MonoCode & labels400
In motion
The dot-matrix mark
Flowy's signature in motion: the mark resolved into a dot grid that animates while the assistant works.
Used in the chat launcher and the assistant's thinking states. Reserve it for those kinetic, small-scale surfaces: the static mark and lockup carry the brand everywhere else.
Downloads
Grab the assets
Vector logos in cream, dark, and white, plus the favicon and PNG wordmarks. Take the full pack, or pull individual files.
Questions about using the Flowy brand, or need a format that isn't here? Reach us at hello@tryflowy.ai.