Brand guidelines

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 is the product; Flowy AI is the assistant. The voice is warm, confident, and verb-forward — American English, sentence case, single em dashes.

Lead with verbs

Every action opens on motion. Generate, Regenerate, Remix — momentum over nouns, on every surface.

Never break the spell

No code, raw IDs, or internal names on user-facing surfaces. The canvas stays effortless and intact.

Swagger, not slang

Confident and kinetic, with earned precision. No hype, no exclamation pile-ups, no “AI magic.”

Say

  • Flowy, Flowy AI
  • Generate / Regenerate / Remix
  • Canvas, Studio, Brand Kit
  • node, Quick Creates, Community

Avoid

  • GenStudio, Flam, Spark, Thinkflow
  • Canvas AI, Flam AI
  • “Failed to…”, “Something went wrong”
  • “AI magic”, hype adjectives

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.

24px · wordmark
16px · mark

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 sage and mint as the living accents. Click any swatch to copy its hex. Tokens live in src/app/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 & headlines500

Stay in the flow

Golos TextBody & UI400 · 500 · 600 · 700

Generate. Regenerate.

InterCanvas & nodes400 · 500 · 600 · 700

node_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@flowy.ai.