Skip to main content
Flowra
PricingCommunityFAQ
JoinStart with Flowra
  • PricingPlans, seats and payment
  • Frequently asked questionsEverything you have asked, in one place
  • Contact usWrite to the right team
  • CommunityKaro Studio, who make Flowra

For your team

  • Marketing teamsCampaigns from brief to launch
  • Product and dev teamsFeatures and bugs with full context
  • Design and content teamsBrief, files and delivery side by side
  • Operations teamsWork, documents and costs you can track
  • Sales and services teamsFrom meeting to contract and payment
  • Remote teamsOnline meeting to delivery, on your time

For your role

  • Project managersAction stories instead of chasing the team
  • Freelancers and consultantsFrom brief to contract and settlement

For your workflow

  • Meeting to actionMeeting decisions as trackable work
  • Actions with financial contextCosts next to the work that caused them
  • Actions with contract contextEvery commitment as trackable work
  • Brief to project deliveryEvery project step, one complete action
See all solutionsStart with FlowraJoin
++
Brand kit

Flowra brand.

We're glad you want to write about Flowra or work with us. This page has everything you need: the mark and logos, colors, type, and a few short rules that keep the brand the way it is.

Download brand kit

The mark, logo, app icon, colors and guidelines; SVG and PNG.

ZIP · 202 KB

Download brand kit
Why FlowraAbout the brandColorsTypographyLogoSpace and sizeMisuse

Why Flowra?

Flowra comes from “flow”. The state where work keeps moving because there is nothing left to go looking for: no file lost in a chat, no decision that stayed in a meeting and never reached the work.

Our tagline says the same thing, and the mark draws it.

Not a seventh tool. The flow between them.

What the mark says

1

One line

The mark is a single line that never breaks, like the context of a piece of work, which shouldn't be cut into pieces across tools.

InboxDone
2

From start to done

The line starts low and ends high: two calm stretches at either end and a smooth climb between them. The same path every action takes from the inbox to “done”.

3

Flow is alive

The mark doesn't sit still: in the app itself it ripples when the pointer moves over it. Hover over it to see.

More about the brand.

What makes Flowra Flowra is more than a mark.

Tagline

Everything, in flow.

Flowra's short line: under the name in the app header, and wherever the name alone isn't enough.

Core promise

Every task, with its full context.

Flowra is an action management system with full context; not an accounting app, not a chat. Money, meetings and files are context, not the headline.

Our own vocabulary

We call some things by our own names. Use these words when you write about us.

ActionsLibraryFolioAction storyAscent ladderMy network

Voice

Warm, clear and without exaggeration. We speak to you directly, keep sentences short, and never promise what hasn't been built.

Writing the name

Write the name like this: Flowra. One word, capital F, the rest lowercase. Not in all caps, not split apart.

FlowraFLOWRAflowraFlow ra

Always simple

One accent color, a warm calm ground, and enough white space. If something can go and the message stays the same, take it out.

Colors.

The core palette behind the brand's colors; tap any color to copy its code.

Primary

Neutral and status

Dark mode

Typography.

One family for everything: headlines, text and numbers.

Estedad

Google Fonts

Aa

Every task, with its full context.

Everything, in flow.Regular 400
Everything, in flow.Medium 500
Everything, in flow.Bold 700
Everything, in flow.Extra bold 800

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz0123456789

The brand typeface: headlines, body text and the logo's wordmark, which is Estedad Bold.

SIL Open Font License; free for any use.

Type rules

  • Headlines are bold and tight, with slightly reduced letter spacing.
  • Body text gets generous line height, so reading can breathe.
  • Orange is enough for emphasis; don't make everything bold.
  • Codes and values in the system monospace.

Type scale

  1. Page title40 / 800
  2. Section title20 / 800
  3. Text14 / 400
  4. Small text11.5 / 500

Official logo.

Flowra's mark and wordmark, for light and dark backgrounds. The lettering is outlined, so no font is needed.

Logo

Logo

Mark to the left of the name.

SVGPNG
Logo, dark background

Logo, dark background

For dark backgrounds.

SVGPNG
Mark

Mark

When the name isn't needed beside it.

SVGPNG
Mark, dark background

Mark, dark background

The same mark as in the app's dark mode.

SVGPNG
Monochrome symbol

Monochrome symbol

The line alone, for very small sizes.

SVGPNG
White monochrome symbol

White monochrome symbol

The line alone, on dark.

SVGPNG
App icon

App icon

For app stores and shortcuts.

SVGPNG
Download brand kit

Space and size.

A logo needs room to stay legible.

Clear space

xxxx

x = a quarter of the mark's side

Keep at least a quarter of the mark's side empty all around the logo. No text, image or page edge should enter this space.

Minimum size

96px

Logo with name width

20px

Mark side

16px

Monochrome symbol width

These sizes are for screens. Any smaller and the mark can no longer be read.

Logo misuse.

So Flowra looks like itself everywhere, don't do these things with the logo.

Don't change its proportions; don't stretch or squash it.

Don't add shadows, gradients or effects.

Don't recolor it, not even with the brand's own colors.

Don't rotate it in any direction.

Don't reduce its opacity.

Don't outline the wordmark.

Don't swap the mark and the name; the mark always sits to the left of the name.

Don't place the name above the mark.

Don't place it on a similar color; for dark backgrounds, use the dark version.

Something missing?

For special use of the brand, media partnerships, or a file that isn't in the kit, write to our partnerships team.

Write to partnerships

Related pages

  • PageDesign systemThe Flowra design system with live examples: color, type and motion, buttons, fields and dialogs, mobile and right-to-left patterns, and every brand kit rule with its reasoning.
  • PageDocumentationThe complete Flowra guide: actions, calendar, meetings, knowledge, files, Folio, chat, network, finance, connectors, settings and AI, each with its connections.
  • PageContact usReach the right team: support, sales and plans, partnerships, careers, or security and privacy.
Flowra

Flowra is an all-in-one workspace for managing tasks, projects, finances, meetings, and teamwork, powered by AI to keep everything organized in one place.

Solutions for teams

  • Marketing teams
  • Product and dev teams
  • Design and content teams
  • Operations teams
  • Sales and services teams
  • Remote teams

Roles and flows

  • Project managers
  • Freelancers and consultants
  • Meeting to action
  • Actions with financial context
  • Actions with contract context
  • Brief to project delivery

With Flowra

  • All solutions
  • Pricing
  • Frequently asked questions
  • Documentation
  • Contact us
  • Brand kit
  • Design system
Crafted by Karo Studio
SecurityPrivacyTermsCookies
Version 0.16.0