Visuele toolkit
Look & feel van de campagne
De campagne leent de huisstijl van Forma en voegt één ding toe: beweging. Ink Violet zet het decor neer, Lila bouwt de meubels en Signal markeert de ene module die net verschoof.
Lockup
De campagnelockup
Het Forma-woordmerk staat boven de campagnelijn. De punt is een Signal-module die net uit z'n plek is getild: de campagne in één detail. Gebruik de lockup één keer per uiting; het woordmerk los is voor plekken waar de lockup niet past.
Voor schermen: websites, apps, social media, presentaties en e-mail.
Digitaal of print? De drie woordmerkkaarten hebben een bestand per kleurmodus — gebruik de schakelaar op elke kaart. RGB is voor schermen, social en Office. CMYK is voor offset- en digitaal drukwerk: flyers, bijsluiters, advertenties van partners. Pantone (2685 C, of Black 6 C voor één kleur) is voor steunkleurwerk waarbij het violet exact moet kloppen: posters, bewegwijzering, etalages en alles wat gezeefdrukt of geborduurd wordt.
Vrije ruimte
Minimale formaten
Plaatsing
Co-branding met partners
Kleurversies en bestandsformaten
Gebruik de negatieve versie op Ink Violet.
Gebruik de Ink Violet-versie op Mist, Lila of Chalk.
Plaats hem op een foto in een rustig vlak met genoeg contrast.
Gebruik de zwarte versie voor eenkleurendruk en kranten.- Geef hem lucht: houd aan elke kant x vrije ruimte.
Rek de lockup of het woordmerk niet uit, druk hem niet in en teken hem niet na.
Geef hem geen andere kleuren. Signal is voor de module, nooit voor de letters.
Draai hem niet. Alleen de module beweegt.
Zet hem niet op een drukke achtergrond of een patroon.
Voeg geen schaduwen, contouren, verlopen of andere effecten toe.
Kleur
Ink Violet zet het decor, Signal beweegt
Vier campagnekleuren en twee neutrale kleuren. Klik op een waarde om hem te kopiëren. De printwaarden gelden voor gestreken papier; check proeven altijd tegen de Pantone-staal.
Verhoudingen
Hoeveel van elke kleur
In een gemiddelde uiting. Ink Violet draagt de campagne; Signal blijft ruim onder de 10%.
- Ink Violet 40% · Achtergronden en koppen
- Mist 22% · Vloeren, balken en ruimte
- Lilac 18% · Meubels en vlakken
- Chalk 10% · Pagina en papier
- Signal 6% · De verschoven module en de knop
- Night 4% · Lopende tekst
Contrast
Combinaties die werken — en twee die niet werken
De verhoudingen worden live berekend (WCAG 2.2). Lopende tekst heeft minstens 4,5:1 nodig, grote tekst 3:1. Probeer de paren met je eigen tekst.
Pa’s wijze lynx bezag vroom het fikse aquaduct.
Pa’s wijze lynx bezag vroom het fikse aquaduct.
Pa’s wijze lynx bezag vroom het fikse aquaduct.
Pa’s wijze lynx bezag vroom het fikse aquaduct.
Pa’s wijze lynx bezag vroom het fikse aquaduct.
Pa’s wijze lynx bezag vroom het fikse aquaduct.
Pa’s wijze lynx bezag vroom het fikse aquaduct.
Pa’s wijze lynx bezag vroom het fikse aquaduct.
Contrast berekend met de WCAG 2.2-formule. AA: minstens 4,5:1 voor broodtekst en 3:1 voor grote tekst (24 px, of 19 px vet); AAA: 7:1.
Zo gebruik je Signal
Signal is de kleur van beweging. Hij markeert het ene ding dat beweegt — de module, de knop, het nieuwe — en verder niets.
Maximaal twee Signal-elementen per uiting: de verschoven module en de call-to-action.
Gebruik hem nooit als achtergrond voor tekstblokken of voor lopende tekst.
Tekst op Signal is altijd Night (6,7:1). Wit op Signal haalt het contrast niet (2,5:1).
In print gebruik je Pantone 1645 C voor posters en winkelmateriaal; voor flyers en bijsluiters is CMYK prima.
Typografie
Syne voor impact, Manrope voor de rest
Twee gratis Google Fonts, voor elke partner beschikbaar. Syne geeft de koppen hun brede, eigenwijze karakter; Manrope houdt de lopende tekst rustig en leesbaar.
Campagnelijn en koppen. Zinshoofdletter, altijd met een punt.
Goede typografie zie je niet. Ze leidt het oog van regel naar regel, zodat lezers bij het verhaal blijven in plaats van bij de letters. De ruimte tussen regels is net zo belangrijk als de letters zelf.
- Regelafstand
- 1,5 · 150% · 24 px bij 16 px
Tweede koppen, productnamen, e-mailtitels. Minstens half zo groot als de displayregel.
Goede typografie zie je niet. Ze leidt het oog van regel naar regel, zodat lezers bij het verhaal blijven in plaats van bij de letters. De ruimte tussen regels is net zo belangrijk als de letters zelf.
- Regelafstand
- 1,5 · 150% · 24 px bij 16 px
Lopende tekst, bijschriften, juridische regels. Regular 16–18 px op scherm, 9–11 pt in print.
Goede typografie zie je niet. Ze leidt het oog van regel naar regel, zodat lezers bij het verhaal blijven in plaats van bij de letters. De ruimte tussen regels is net zo belangrijk als de letters zelf.
- Regelafstand
- 1,5 · 150% · 24 px bij 16 px
Eyebrows in kapitalen. Knoppen met zinshoofdletter, Night op Signal.
Goede typografie zie je niet. Ze leidt het oog van regel naar regel, zodat lezers bij het verhaal blijven in plaats van bij de letters. De ruimte tussen regels is net zo belangrijk als de letters zelf.
- Regelafstand
- 1,5 · 150% · 24 px bij 16 px
Typeschaal
Eén hiërarchie, overal
Formaten voor scherm op desktopbreedte; verklein alles met dezelfde factor voor kleine formaten. Houd deze volgorde aan: eyebrow, lijn, subkop, tekst, knop.
Vervangende fonts: e-mail, Word en PowerPoint
Regelafstand en spatiëring
Grafisch element
De shift
Ons enige grafische element. Een raster van zachte modules, waarvan er één net is verschoven: hij laat een gestippelde omtrek achter en trekt een kort Signal-spoor. Gebruik het waar geen meubel te zien is: teasers, achtergronden, iconen, animatie.
1 · Begin bij het raster
Vierkante modules met 25% hoekradius, tussenruimte van 1/6 module. Lila op Ink Violet, of Ink Violet op Mist.
2 · Verschuif één module
Verschuif één module ongeveer een halve module naar rechtsboven en draai hem 4–6°. Hij wordt Signal. Laat een gestippelde omtrek achter op z'n oude plek.
3 · Voeg het spoor toe
Drie afgeronde lijnen achter de module, in Signal, van verschillende lengte. Nooit meer dan drie lijnen, nooit bij meer dan één module.
Iconen
Iconen die naar het product wijzen
Vier merkiconen vertellen het productverhaal; Material Symbols (rounded, gewicht 500) dekken alles wat functioneel is in banners, de landingspagina en de configurator. Ink Violet, met Signal alleen voor het deel dat beweegt.
Merkiconen
4 iconenInterface (Material Symbols)
12 iconenMaterial Symbols van Google, open source (Apache 2.0)
Fotografie
Echte huizen, midden in een verandering
Campagnefotografie laat het moment zien waarop het leven van vorm verandert — niet de perfecte showroom. Dozen nog in de gang, een nieuw zitje net vastgeklikt, een kindertekening op de plank. Deze illustraties briefen de fotograaf over scènes en kleur.
Licht: daglicht, van opzij. Geen flits, geen harde schaduwen.
Standpunt: op ooghoogte, met een 35 mm-gevoel. Laat de kamer zien, niet alleen het product.
Kleur: in elke foto minstens één campagnekleur — een lila bank, een inktviolette muur, een Signal-kussen.
Mensen: bezig met iets, niet poserend. Gezichten mogen buiten beeld vallen.
Ruimte: houd minstens 30% van het beeld rustig, voor tekst.
Wat dit betekent: Er gebeurt iets — een verhuizing, een nieuw zitje — maar het voelt nooit hectisch.
Wat dit betekent: Daglicht van opzij. Geen flits, geen harde schaduwen.
Wat dit betekent: Echte huizen met echte rommel: dozen, tekeningen, een mok op de grond.
Wat dit betekent: In elke foto minstens één campagnekleur; geen kleurcorrectie.
Wat dit betekent: Laat de kamer en de verandering zien; details alleen voor materialen.
Kernwoorden
- midden in de verandering
- daglicht
- echte huizen
- ooghoogte
- 35 mm
- een campagnekleur
- mensen bezig
- rustig vlak voor tekst
Moodboard
- Laat een verandering zien die nog bezig is: dozen, een half ingerichte kamer, een module die wordt gedragen.
- Fotografeer in echte huizen in Amsterdam, Utrecht en Antwerpen, waar het kan met de echte bewoners.
- Geen vrijstaande studiofoto's op wit voor campagnebeelden — die zijn voor productpagina's.
- Geen perfecte gezinnen die in de camera lachen, geen zware filters of teal-en-oranje kleurcorrectie.