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
++
Flowra design system

Fundamentals

PrinciplesVoice and writingCopy rules for each surfaceGlossaryRTL and languagesNumbers and datesAccessibility

Foundations

ColorDark modePrintingTypographySpacing and layoutRadius and shadowLayersMotionNotification soundKeyboard shortcutsIconsService logos

Components

ButtonsText fieldPickerDate and timeCheckboxRadioKeySegmented controlSliderMenu and sheetDialogCard and listTables and data listsBadge, pill, and switchTabs and filtersAvatarEmpty and loading statesProgress and stepsToastFloating helpNavigationPage headerAssistants

Patterns

Connector pageList, filter, and searchForm layoutCreation flowUpgrade promptConfirmation and irreversible actionsPhone layoutFixed bars and scrolling

Brand

Flowra brandMark and logoBrand colorBrand typographyMisuse

Design system/Brand

Flowra brand

The Brand kit is what someone outside the team needs to write about Flowra or work with it. This page lays out all its rules and the reasons behind them; the files themselves are downloaded from the Brand kit page.

In codelib/marketing/brand.tspublic/brand-kit/

On this page

  1. One identity, Latin
  2. Why Flowra
  3. Tagline and promise
  4. Writing the name
  5. Voice and vocabulary
  6. Rules for writing the name

One identity, Latin

By the product owner's decision, the Brand kit has nothing Persian or Iranian in it: a Latin logo (flowra-logo), the name written Flowra in every language on that page, fixed Latin type specimens, no Persian font, and English metadata. The explanatory text around it, like this page, is in the reader's language.

Why

The brand should be the same wherever it goes: in a German article, a Turkish slide, or an app store. A Latin identity reads the same everywhere.

Why Flowra

Flowra comes from "flow": the state where work moves forward without interruption, because there's nothing left to go looking for. The mark draws exactly that: one line that never breaks, starting at the bottom and ending at the top.

Live example
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.

Tagline and promise

The tagline and promise appear exactly as written and aren't translated. Flowra is a system for managing actions with their full context; not an accounting app, not a chat. Finance, meetings, and files are context, not the headline.

TaglineEverything, in flow.Under the name in the app header
Core promiseEvery task, with its full context.

Writing the name

One word, capital F and the rest lowercase. Not all caps, not split apart, not spaced out.

Live example
FlowraFLOWRAflowraFlow ra

Voice and vocabulary

Friendly, clear, and free of exaggeration. We use the informal you, sentences are short, and we don't promise anything that isn't built. We call some things by our own names and use those same words in our copy: Actions, Library, Folio, Action story, Ascent ladder, My network.

Always simple: one accent color, a warm and calm background, and enough white space. If something can be removed and the message stays the same, remove it.

Rules for writing the name

Do

Flowra

Don't

FLOWRA, flowra, or Flow Ra

Do

«فلورا» in Persian text; Flowra in the Brand kit.

Don't

«فلوورا» or «فلورآ».

Do

The tagline exactly as written: Everything, in flow.

Don't

Translating the tagline on a slide or banner.

Related pages

Mark and logoMark and logo, clear space, and minimum size.Brand colorThe brand palette.Brand typographyBrand typography.MisuseWhat not to do with the logo.Voice and writingThe product's voice is the brand's voice.Flowra design systemThe product design system the brand comes from.
PreviousFixed bars and scrollingNextMark and logo

Related pages

  • PageBrand kitThe Flowra mark and logo, colors, typography, clear space and minimum size, and the brand kit files to download.
  • PageDocumentationThe complete Flowra guide: actions, calendar, meetings, knowledge, files, Folio, chat, network, finance, connectors, settings and AI, each with its connections.
  • PageChangelogWhat each release added to Flowra, what got better, and what’s coming next.
  • 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