logo — test-concept v2
Chevron-stack + dot-matrix wordmark
Chevrons = rang-insigne + oplopende trend in één vorm. Geen gradient: drie vaste transparantiestappen van dezelfde signaalkleur. Wordmark opgebouwd uit vierkante cellen (LED/terminal), geen font-afhankelijkheid.
Animatie (optioneel, web-only): de drie chevrons bewegen om-en-om een fractie omhoog — een puls, geen draaiing. Zelfde regel als v1: nooit in e-mail, niet in tools/dashboards.
kleur-tokens
Ink, paper, signal — geen verloop
Eén accentkleur (signal-oranje) in drie stappen voor de chevrons, plus steel als neutrale derde kleur voor UI/borders. Klik op een staal om de hex te kopiëren.
typografie
Oswald + Inter + IBM Plex Mono
Condensed/hoofdletters voor koppen (Oswald), Inter voor UI/lopende tekst, Plex Mono voor labels en interface. Klik op de stack om te kopiëren.
KLAAR OM 08:00
⚠ e-mail-uitzondering: Oswald en Plex Mono laden niet in de meeste e-mailclients. Gebruik in e-mailtemplates altijd de systeem-fallback:
per kanaal
Wat mag waar
Zelfde merk, andere beperkingen per medium.
| Kenmerk | Website | Tools / dashboards | |
|---|---|---|---|
| Logo | Lockup of icoon, SVG | Lockup als gehost PNG (@2x), geen inline SVG (Outlook) | Mark-only (ink/paper), klein, geen chamfered plaat in dichte UI |
| Animatie | Toegestaan — subtiele puls, prefers-reduced-motion respecteren |
Nooit | Nooit (rust boven beweging in werk-UI) |
| Kleur | Ink-secties met signal-oranje accent; geen verloop | Effen kleuren; signal-oranje alleen voor knoppen/links, niet als vlak | Signal-oranje uitsluitend voor primaire actie/alert; steel voor de rest |
| Font | Oswald (koppen) + Inter | Arial Narrow/Arial-fallback | Inter / systeem-UI-font, Plex Mono voor labels/cijfers |
| Achtergrond | Paper licht + ink-donker (hero/rapport-secties) | Wit — leesbaarheid en dark-mode-inversie in mailclients | Bestaande UI-achtergrond van de tool; logo past zich aan (ink- of paper-mark) |
gebruik
Clearspace & do's / don'ts
Wel
- Houd minstens de hoogte van één chevron vrij rond het icoon.
- Scherpe hoeken overal — geen border-radius, ook niet op kaarten/knoppen in dit systeem.
- Op donkere ("ink") achtergronden: paper-mark/wordmark, geen ink-variant.
- In e-mail: gehoste PNG, geen animatie, systeem-font.
Niet
- Geen kleurverloop toevoegen — dat was juist v1.
- Geen afgeronde hoeken op het icoon, kaarten of knoppen.
- Geen tweede accentkleur naast signal-oranje introduceren.
- Dit icoon niet naast het bestaande app-icoon in
marketing/of v1 gebruiken zonder akkoord — het is een test-concept, geen vervanging.