Flow.Documentatie

De huisstijl: logo, letters en kleuren

8 stappen± 6 minVideoGecontroleerd 22 okt 2026
  1. Stap 1 · Open de huisstijl
  2. Stap 2 · Upload het logo
  3. Stap 3 · De letters
  4. Stap 4 · Een kleur die niet kan
  5. Stap 5 · Neem de voorgestelde kleur over
  6. Stap 6 · Opslaan en publiceren
  7. Stap 7 · De inlogpagina in de nieuwe stijl
  8. Stap 8 · En de home

Wat uw collega's zien, draagt de huisstijl van uw bedrijf: de inlogpagina, de home, de dashboards en de chat daarin. U uploadt het logo, kiest de letters en de kleuren, en Flow controleert of alles leesbaar blijft — ook voor wie kleurenblind is. Een kleur die niet goed leesbaar is, weigert Flow, met een kleur die wél kan erbij. De studio houdt de eigen stijl van Flow.

Bekijk de hele handleiding als video8 stappen in één film
Stap 1 / 8

Open de huisstijl

Open Home in de verkenner en kies rechts Huisstijl. Wat u hier verandert, ziet u meteen in het voorbeeld ernaast; uw collega's zien het pas als u publiceert.

  1. Klik op Home
Open de huisstijl · Klik op Home
  1. Klik op Huisstijl
Open de huisstijl · Klik op Huisstijl
Stap 3 / 8

De letters

Standaard staan de koppen in Manrope en de tekst in DM Sans. U kiest uit lettertypen met een open licentie die met Flow meekomen, nooit van een dienst buiten Flow, of uploadt uw eigen WOFF2-bestand. Het voorbeeld laat echte tekst zien; met Lettergrootte maakt u alles compacter of ruimer.

  1. Kies bij Koppen: Plus Jakarta Sans
De letters · Kies bij Koppen: Plus Jakarta Sans
De letters · De kop in Plus Jakarta Sans, de tekst in DM Sans.
Stap 4 / 8

Een kleur die niet kan

Vul de accentkleur in: de kleur van knoppen, het gekozen menu-item en de grafieken. Een goudgele kleur ziet er warm uit, maar witte tekst erop is niet te lezen (minder dan 4,5 : 1). Flow zegt dat meteen en stelt de dichtstbijzijnde kleur voor die wél leesbaar is.

  1. Vul in bij Accentkleur (hex): #f2c14e
Een kleur die niet kan · Vul in bij Accentkleur (hex): #f2c14e
Een kleur die niet kan · De reden, met de voorgestelde kleur.
Stap 5 / 8

Neem de voorgestelde kleur over

Eén klik op Gebruik deze kleur en de accentkleur is leesbaar, in licht en donker. Daaronder ziet u de kleuren van de grafieken: afgeleid van uw kleuren en gecontroleerd op contrast, te onderscheiden voor kleurenblinden, en nooit de kleuren voor goed en fout.

  1. Klik op Gebruik deze kleur
Neem de voorgestelde kleur over · Klik op Gebruik deze kleur
Neem de voorgestelde kleur over · De grafiekkleuren met een voorbeeldgrafiek.
Stap 6 / 8

Opslaan en publiceren

De huisstijl hoort bij de home: hij gaat mee met publiceren en met de versies, en geldt voor elke variant.

  1. Klik op Opslaan
Opslaan en publiceren · Klik op Opslaan
  1. Klik op Publiceren
Opslaan en publiceren · Klik op Publiceren
  1. Klik op Publiceren
Opslaan en publiceren · Klik op Publiceren
Opslaan en publiceren · Het voorbeeld in de nieuwe huisstijl.
Stap 7 / 8

De inlogpagina in de nieuwe stijl

Wie nu naar het adres van uw bedrijf gaat, ziet de inlogpagina met het logo, de letters en de kleuren van de bakkerij. Alles komt van Flow zelf: geen lettertypen of plaatjes van buiten.

De inlogpagina in de nieuwe stijl · Het logo en de nieuwe accentkleur.
Stap 8 / 8

En de home

In de home staat het logo bovenaan het menu; ingeklapt wordt het het beeldmerk. Knoppen, het gekozen menu-item en de grafieken dragen de nieuwe accentkleur.

En de home · Het logo in het menu, en de home in de nieuwe kleuren.

Deze handleiding is op 22 okt 2026 stap voor stap uitgevoerd door een geautomatiseerde test op Flow (versie 3e563176).