Flow.Documentation

The house style: logo, type and colours

8 steps± 6 minVideoVerified 22 Oct 2026
  1. Step 1 · Open the house style
  2. Step 2 · Upload the logo
  3. Step 3 · The type
  4. Step 4 · A colour that does not work
  5. Step 5 · Take the suggested colour
  6. Step 6 · Save and publish
  7. Step 7 · The sign-in page in the new style
  8. Step 8 · And the home

What your colleagues see wears your company's house style: the sign-in page, the home, the dashboards and the chat in it. You upload the logo, choose the type and the colours, and Flow checks that everything stays readable — also for colour-blind readers. A colour that is not readable enough is refused, with one that does work beside it. The studio keeps Flow's own look.

Watch the whole guide as a video8 steps in one film
Step 1 / 8

Open the house style

Open Home in the explorer and choose House style on the right. What you change here shows straight away in the preview beside it; your colleagues see it only once you publish.

  1. Click Home
Open the house style · Click Home
  1. Click House style
Open the house style · Click House style
Step 3 / 8

The type

By default the headings are in Manrope and the text in DM Sans. You choose from fonts with an open licence that ship with Flow, never from a service outside Flow, or upload your own WOFF2 file. The preview shows real text; Text size makes everything more compact or roomier.

  1. In Headings, choose Plus Jakarta Sans
The type · In Headings, choose Plus Jakarta Sans
The type · The heading in Plus Jakarta Sans, the text in DM Sans.
Step 4 / 8

A colour that does not work

Fill in the accent colour: the colour of buttons, the chosen menu item and the charts. A golden yellow looks warm, but white text on it cannot be read (less than 4.5 : 1). Flow says so at once and suggests the nearest colour that is readable.

  1. In Accent colour (hex), type #f2c14e
A colour that does not work · In Accent colour (hex), type #f2c14e
A colour that does not work · The reason, with the suggested colour.
Step 5 / 8

Take the suggested colour

One click on Use this colour and the accent colour is readable, in light and dark. Below it you see the chart colours: derived from your colours and checked for contrast, distinguishable for colour-blind readers, and never the colours for good and bad.

  1. Click Use this colour
Take the suggested colour · Click Use this colour
Take the suggested colour · The chart colours with a sample chart.
Step 6 / 8

Save and publish

The house style belongs to the home: it goes along with publishing and the versions, and applies to every variant.

  1. Click Save
Save and publish · Click Save
  1. Click Publish
Save and publish · Click Publish
  1. Click Publish
Save and publish · Click Publish
Save and publish · The preview in the new house style.
Step 7 / 8

The sign-in page in the new style

Whoever goes to your company's address now sees the sign-in page with the bakery's logo, type and colours. Everything comes from Flow itself: no fonts or images from outside.

The sign-in page in the new style · The logo and the new accent colour.
Step 8 / 8

And the home

In the home the logo sits at the top of the menu; folded, it becomes the mark. Buttons, the chosen menu item and the charts wear the new accent colour.

And the home · The logo in the menu, and the home in the new colours.

This guide was carried out step by step on 22 Oct 2026 by an automated test on Flow (version 3e563176).