Brand guidelines

Eenvoudig. Snel. Herkenbaar.

Een compact visueel systeem rond één sterk chat-en-snelheidssymbool, één helder blauw en één diep navy.

Logo

Het icoon draagt de productidentiteit. Het wordmark blijft donker navy voor contrast en een volwassener merkimago.

Primair — lichte achtergrond

Omgekeerd — donkere achtergrond

Kleur

Houd het kernpalet strak. Rappid Blue trekt de aandacht; Rappid Navy verankert typografie en UI.

Rappid Blue

RGB 41 · 131 · 233

#2983E9

Rappid Navy

RGB 13 · 29 · 69

#0D1D45

White

RGB 255 · 255 · 255

#FFFFFF

Canvas#F5F7FB

Muted#6D7890

Line#E7EBF2

Typografie

Het wordmark gebruikt een zware, afgeronde sans. Voor product-UI blijft typografie schoon en neutraal: Inter.

Wordmark-karakter

Rappid

Aa Rr

Heavy · afgerond · vriendelijk · zelfverzekerd

Aanbevolen UI-hiërarchie

Kop

Sectietitel

Bodytekst blijft neutraal en goed leesbaar.

Inter Variable · -apple-system / system-ui

App-icoon

Op kleine formaten moet het symbool visueel dominant blijven. Vermijd gradients en extra decoratie.

Schaaltest

128 px

72 px

40 px

24 px

Dock-context

◉

•

●

Op een donkere dock of tegel geeft een wit vlak het Rappid-mark genoeg contrast — het mark-bestand zelf blijft transparant.

Gebruik

Consistentie telt meer dan decoratie. Het symbool blijft eenvoudig en meteen herkenbaar.

Vrije ruimte

Minimale vrije ruimte = 1 stip. Houd die ruimte vrij van tekst, randen of andere merkelementen.

1 stip1 stip

Gebruik

✓

Houd het icoon plat. Gebruik één solid Rappid Blue.

✓

Gebruik wit voor de drie stippen. Zij horen bij de herkenbare silhouet.

✓

Houd het wordmark navy. Zo krijgt het heldere icoon een stabiele tegenhanger.

Voeg geen gradients toe. Die verzwakken de vereenvoudigde richting.

Rek of roteer niet. Houd de icoonverhoudingen vast.

Voeg geen extra snelheidslijnen toe. De huidige silhouet is bewust minimaal.

Rappid merkpagina · Primair blauw #2983E9 · Primair navy #0D1D45