Flowy.ai
PricingCommunityBlogSign up free

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.

Download assetsLogo & usage

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

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.

The mark

The symbol on its own — app icons, avatars, favicons.

SVG cream SVG dark SVG white

The wordmark

Flowy.ai set in the brand letterforms.

SVG cream SVG dark SVG white

The lockup

Mark + wordmark, the default for most placements.

SVG cream

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 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 & 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.

LockupSVGWordmarkSVGMarkSVGApp iconSVGFaviconSVGWordmark — blackPNGWordmark — whitePNG
Download all (.zip)
Questions about using the Flowy brand, or need a format that isn't here? Reach us at hello@tryflowy.ai.
PricingCommunityCollectiveBlogUpdatesBrandSupport
Terms of UsePrivacy Policy

Flowy.ai