Quoteflow

Huisstijl Handboek — Brand Identity Guide

Scroll

De betrouwbare motor achter uw offerteproces

Quoteflow is geen speelse startup. We zijn een solide, professionele tool voor het MKB en traditionele bedrijven — gebouwd op vertrouwen en eenvoud.

🛡
Betrouwbaar
We doen wat we beloven. Altijd en consistent.
💼
Zakelijk
Gericht op de professional en de ondernemer.
⚙️
Functioneel
Eenvoud en overzicht staan altijd centraal.
🤝
Toegankelijk
Laagdrempelig voor elk type bedrijf.

Tone of Voice

Onze communicatie is helder, direct en ondersteunend.

We gebruiken korte zinnen en vermijden onnodig jargon. We spreken de taal van de ondernemer: concreet, to the point en altijd behulpzaam.

Geen buzzwords. Geen overkill. Gewoon werken.

Document in beweging

Het logo combineert structuur (document) met actie (de flow-lijnen). Een afgerond vierkant in Deep Navy met een wit document en twee Tech Green actielijnen die snelheid en flow uitstralen.

Quoteflow

Horizontaal — lichte achtergrond

Quoteflow white logo

Horizontaal — donkere achtergrond

Icoon alleen (app)

Clear Space — minimale vrije ruimte

Quoteflow
≥ breedte 'Q'

03 — Kleurenpalet

Vertrouwen in blauw, actie in groen

Elk kleur heeft een specifieke rol en uitstraling binnen de huisstijl. Gebruik ze consistent om herkenning en vertrouwen op te bouwen.

#1F2E4D
Deep Navy
Logo, koppen, primaire knoppen & navigatie
#4CAF78
Frisse Tech Green
CTA-knoppen, vinkjes, flow-lijnen & highlights
#FFFFFF
Pure White
Primaire achtergrond
#F5F7FA
Off-White
Secties, kaarten & achtergronden

DM Sans — helder & functioneel

Primair lettertype: DM Sans. Modern, schreefloos en uitstekend leesbaar op elk scherm. Alternatieven: Poppins of Satoshi.

H1 — SemiBold · 42px
Offerte versturen in één klik.
H2 — SemiBold · 28px
Uw offerteproces overzichtelijk
H3 — Medium · 20px
Recent activities
Body — Regular · 16px
Quoteflow helpt MKB-bedrijven hun offerteproces te stroomlijnen. Betrouwbaar, snel en overzichtelijk — voor elke ondernemer.
Knoppen — Medium · 14px
Offerte versturen Meer info
H1 op donkere achtergrond
Slimmer offerteren begint hier.
Body op donkere achtergrond
Heldere, directe communicatie in de taal van de ondernemer. Geen jargon, geen omwegen — gewoon resultaat.
Letter tracking: +2% (logo woordmerk)
Quoteflow
Labels op donker
Status Verstuur

05 — Visuele Elementen

Vormen, iconen & flow

Afgeronde hoeken en minimalistische iconografie maken onze interface toegankelijk. De flow-lijnen verbinden alle uitingen tot één coherent merkgevoel.

Border Radius
Afgeronde hoeken doorheen alle UI-elementen. Logo-icoon: ±20% radius. Knoppen: 8px. Kaarten: 12–20px.
📄
📊
🔔
👤
🔍
⚙️
Iconografie
Minimalistisch, gelijke lijndikte (stroke-based). Geen complexe illustraties. Functie boven vorm.
Flow Lijnen
De horizontale flow-lijnen uit het logo kunnen als grafisch patroon of scheidingsteken worden gebruikt in marketingmateriaal.

De huisstijl in de applicatie

Deep Navy sidebar, witte kaarten met subtiele schaduwen, Tech Green voor alle primaire acties. Consistent en herkenbaar op elk scherm.

app.quoteflow.nl/dashboard
Dashboard
Quotes
Customers
Pipeline
Settings
Dashboard
Gewonnen Opdrachten
€24.500
Openstaand
12
Open Opdrachten
30
Concept
Verzonden
Bekeken
Geaccepteerd
Recent activities
Status Quote verstuurd aan Van der Berg BV 22 jan
Status Offerte bekeken door Scolen & Partners 10 jan
Status Quote geaccepteerd — Klurine Installaties 11 jan

07 — Toepassingen

Richtlijnen & Do's / Don'ts

Gebruik de huisstijl consistent op alle touchpoints — van website tot drukwerk.

Knoppen & CTA's
Hiërarchie in knopstijlen
Status Labels
Kleurcodering voor statussen
Concept Donker neutraal
Geaccepteerd Wit op groen
Bekeken Overlay navy
✓ Do's
Gebruik altijd de officiële kleuren
Houd de Q-breedte witruimte rondom het logo
Gebruik afgeronde hoeken (8–20px)
Green voor primaire CTA's
DM Sans als primair lettertype
✗ Don'ts
Logo uitrekken of vervormen
Andere kleuren gebruiken dan het palet
Logo op drukke foto zonder contrast
De hoek van de flow-lijnen aanpassen
Meerdere lettertypes door elkaar gebruiken
Snel Overzicht
Primaire kleur
#1F2E4D Deep Navy
Accentkleur
#4CAF78 Tech Green
Lettertype
DM Sans (Poppins / Satoshi)