Merkrichtlijnen
Een praktische referentie voor iedereen die met het FluoTest-merk werkt, van een partner die ons noemt tot een ontwerper die een slide bouwt.
Logo
Het woordmerk is het primaire logo. Gebruik de witte versie op donkere of paarse ondergronden en de zwarte versie op lichte ondergronden.
- Kleur het logo nooit om. Het is wit of zwart, nooit paars of geel.
- Niet uitrekken, draaien, omlijnen of van schaduw voorzien.
- Houd het F-merkteken en Fluo gescheiden. Het zijn twee verschillende dingen.
- De naam wordt geschreven als FluoTest, met een hoofdletter T.
- Houd aan alle kanten vrije ruimte ter hoogte van het F-merkteken; zet het woordmerk nooit kleiner dan 24 px.
Kleuren
Paars #9E3BB9 is de actiekleur. Bijna-zwarte ondergronden dragen alles. Geel #FFD94D is een zeldzaam accent. Wit is tekst.
Primair paars
#9E3BB9
Diep paars
#7A2D91
Helder paars
#C264DA
Geel accent
#FFD94D
Wit
#FFFFFF
Marketingondergrond
#0D0A12
Vlak
#17131E
Vlak, verhoogd
#211B2B
Typografie
Overal DM Sans. Contrast komt van gewicht, van 400 voor broodtekst tot 900 voor koppen, nooit van een tweede lettertype.
DM Sans
900 Black, koppen700 Bold, sectiekoppen500 Medium, labels en kickers400 Regular, broodtekst
Beeldtaal
Afgerond, zacht en rustig. Kaarten met een haarlijnrand, royale witruimte, één idee per sectie en beweging die drijft in plaats van stuitert.
- Kaarten hebben een afronding van 16 px en een rand van 1 px met laag contrast.
- Marketingknoppen zijn pillen; product- en e-mailknoppen hebben een afronding van 8 px.
- Icooncontainers hebben een afronding van 6 px.
- Secties ademen. Kaarten raken elkaar nooit.
- Screenshots van het echte product in plaats van abstracte illustraties.
- Elke decoratieve animatie stopt als de bezoeker minder beweging verkiest.
Hoekafronding
- Kaart16px
- Paneel in het product12px
- Knop (product, e-mail)8px
- Icooncontainer6px
- Marketingknop, badgepill
Fluo
Fluo is een personage, geen mascotte. Hij verschijnt klein, aan de zijkant, terwijl hij iets doet. Hij houdt nooit het verkooppraatje.
- Hooguit één Fluo per oppervlak, en vaak geen.
- Hij praat niet en heeft geen tekstballonnen.
- Een paar bubbels kunnen hem vervangen.
- Nooit in de quiz van een klant, nooit in foutmeldingen of facturatie.
Gebruiksvoorbeelden
Hoe de onderdelen samenkomen op echte oppervlakken.
Een social post
Donkere ondergrond, wit woordmerk in een hoek, één kop in gewicht 900, één screenshot. Paars alleen op de call-to-action.
Een vermelding door een partner
Schrijf FluoTest, link naar fluotest.com en gebruik het witte of zwarte woordmerk van de logopagina in de originele verhoudingen.
Een slide
Donkere ondergrond, witte tekst, DM Sans, één screenshot per slide. Als Fluo verschijnt, dan één keer en klein.
Een ingebedde quiz
De quiz draagt jouw merk, niet het onze. Het enige FluoTest-element is de kleine badge "Powered by FluoTest" in het gratis plan.
Wel en niet
Wel
- Gebruik het woordmerk in wit op donkere ondergronden en in zwart op lichte.
- Gebruik paars #9E3BB9 voor knoppen, links en accenten.
- Zet koppen in DM Sans op gewicht 900 met strakke letterspatiëring.
- Laat het echte product zien.
- Laat Fluo voorbijdrijven, klein en stil.
Niet
- Het logo omkleuren of op drukke beelden zetten zonder paneel.
- Een tweede lettertype of een nieuwe accentkleur introduceren.
- Geel als achtergrond voor tekst gebruiken.
- Het F-merkteken en Fluo tot één beeld samenvoegen.
- Fluo laten praten, verkopen of het merk laten uitleggen.