Stijlhandboek

Inhoud

01Het merkWaar CrossView voor staat en hoe het merk klinkt.
02LogoHet beeldmerk, het woordmerk en hoe je ze gebruikt.
03KleurHet palet uit het logo, voor scherm en druk.
04TypografieDrie families, elk met een eigen taak.
05BeeldtaalTegels, raster, iconen en beweging.
06Tekst en toonHoe CrossView schrijft, van knop tot campagne.
07Website en digitaalDe interface, iconen en toegankelijkheid.
08PrintDrukwerk, formaten en aanleverspecificaties.
09Social mediaFormaten, opbouw en toon per kanaal.
10Marketing en presentatiesPresentaties, e-mail, beurs en merchandise.

Dit handboek is de bron voor iedereen die met het merk werkt: ontwerpers, ontwikkelaars, schrijvers en drukkers. De interactieve stijlgids en de bestanden staan op /stijlgids/. Kleurwaarden voor druk zijn indicatief: vraag altijd een proefdruk aan.

Het merk

Waar CrossView voor staat en hoe het merk klinkt.

CrossView laat ontwerprichtingen eerlijk naast elkaar zien, zodat een team zonder groepsdruk tot een gedragen keuze komt.

Slogan

Kruislings vergelijken, trefzeker kiezen.

Belofte

Eerst eerlijk vergelijken, dan pas beslissen.

De naam

Cross

Kruislings vergelijken over duidelijke assen: meerdere uitgewerkte richtingen, allemaal met dezelfde inhoud, recht tegenover elkaar.

View

Rustig overzien vanaf je eigen scherm. Iedereen beoordeelt in eigen tempo, zonder verkoper of ontwerper die meekijkt.

ClearView

Het definitieve, beargumenteerde eindontwerp. Beoordelingen zijn input; het besluit wordt bewust zelf genomen en vastgelegd.

Kernwaarden

Eerlijk

Gelijke inhoud, gelijke kansen. We vergelijken vormgeving, niet wie de mooiste foto aanleverde.

Nuchter

Geen verkooppraat of superlatieven. We laten het werk voor zichzelf spreken.

Helder

Eén volgende stap per scherm, één accent per vlak, korte zinnen.

Zorgvuldig

Precieze lijnen, exacte maten en toetsbare keuzes, van kleurcontrast tot woordkeus.

Logo

Het beeldmerk, het woordmerk en hoe je ze gebruikt.

Het raster vergelijkt opties kruislings. De grijze starttegel groeit via twee tussenstappen naar de rode, uitgewerkte keuze. Die draagt als enige een vinkje en breekt zelfs uit het raster. In het woordmerk keert de starttegel terug als de stip op de i van "View". De ongelijke maten zijn het verhaal: maak ze nooit gelijk.

Varianten

Logo

Standaard op lichte grond

Logo donker

Op donkere grond

Op accent

Met eigen rood vlak

Gestapeld

Voor smalle of vierkante ruimtes

Beeldmerk

Vanaf 32 px, met vinkje

Beeldmerk klein

Onder 32 px, zonder vinkje

Eenkleurig

Zwart-witdruk, gravure, folie

Wit

Op foto's en donkere vlakken

Maten en gebruik

Vrije ruimte: Minstens de hoogte van de starttegel rondom het hele logo.
Minimaal liggend logo: 120 px op scherm, 30 mm in druk.
Minimaal beeldmerk met vinkje: 32 px op scherm, 8 mm in druk.
Kleiner dan dat: Het kleine beeldmerk zonder vinkje, tot 16 px of 4 mm.
Gestapeld logo: Voor vierkante en smalle vlakken: profielfoto, stempel, stickers.
Eenkleurig: Zwart-witdruk, gravure, folie, borduur en zeefdruk in één kleur.

Niet doen

De tegels gelijk maken, verplaatsen, draaien of herkleuren.
Het vinkje gebruiken onder 32 px of 8 mm.
Het woordmerk opnieuw zetten of in een ander lettertype.
Schaduw, verloop, gloed of omlijning toevoegen.
Het logo uitrekken, schuin zetten of in een vorm plaatsen.
Het lichte logo op een drukke foto zonder eigen vlak.

Kleur

Het palet uit het logo, voor scherm en druk.

#FF4438

Rood licht

RGB 255 68 56

CMYK 0 78 76 0

Pantone Warm Red C

Accent, gekozen tegel, "View"

#FF5240

Rood donker

RGB 255 82 64

CMYK 0 74 72 0

Pantone Warm Red C

Accent op donkere grond

#3B4652

Inkt licht

RGB 59 70 82

CMYK 81 66 48 25

Pantone 432 C

Tussentegels, "Cross", koppen

#E6EBF0

Inkt donker

RGB 230 235 240

CMYK 8 5 3 0

Pantone 656 C

Tussentegels en tekst op donker

#B4BDC6

Starttegel licht

RGB 180 189 198

CMYK 27 17 11 0

Pantone 428 C

Starttegel, decoratief

#4E5965

Starttegel donker

RGB 78 89 101

CMYK 75 59 44 13

Pantone 7545 C

Starttegel op donker

#0F1419

Zwart

RGB 15 20 25

CMYK 80 71 59 74

Pantone Black 6 C

Donkere grond, eenkleurig logo

#FFFFFF

Wit

RGB 255 255 255

CMYK 0 0 0 0

Pantone Papierwit

Lichte grond

Verhouding

60 %

25 %

10 %

5 %

Wit en grond 60 % · Inkt 25 % · Starttegel 10 % · Rood 5 %. Rood is het accent en wordt per vlak één keer uitgegeven.

Interface en status

Grond

#F4F6F8

Vlak zacht

#EAEEF2

Lijn

#DFE4E9

Lijn sterk

#C3CAD2

Gedempt

#525D69

Accenttekst

#D63024

Accent zacht

#FFE9E7

Inkt hover

#2A3440

Karmijn

#A51D2B

Amber

#F5AE39

Amber donker

#8A5700

Smaragd

#008053

Blauw

#226FB3

Combinaties

Vermijden: amber op wit (1,9:1), rood licht op wit (3,4:1), starttegel licht op wit (1,9:1).

Zwart op Grond17,1:1

Inkt licht op Wit9,6:1

Gedempt op Grond6,2:1

Accenttekst op Wit4,9:1

Wit op Rood licht3,4:1

Wit op Inkt licht9,6:1

Inkt donker op Zwart15,4:1

Rood donker op Zwart5,8:1

Rood licht op Grond3,2:1

Karmijn op Fout zacht6,6:1

Zwart op Amber9,7:1

Amber donker op Waarschuwing zacht5,5:1

Typografie

Drie families, elk met een eigen taak.

Satoshi · Display

Bold 700, Black 900

Het woordmerk, paginatitels, koppen en grote cijfers.

Vervanger in Office: Arial Black of Arial Bold

Geist Sans · Tekst

Regular 400, Medium 500, Semibold 600

Lopende tekst, knoppen, navigatie en formulieren.

Vervanger in Office: Arial

Inter · Detail

Semibold 600, Bold 700

Labels, datums, nummers, stempels en tabellen.

Vervanger in Office: Arial

Schaal

Titel

48 px · Black · -4% spatiëring

Print 36 pt

Eerst vergelijken

Kop 1

32 px · Black

Print 24 pt

Kruislings vergelijken

Kop 2

24 px · Bold

Print 16 pt

Rustig overzien

Kop 3

18 px · Bold

Print 12 pt

Ronde 2 · huidig

Tekst

16 tot 18 px · Regular · regelafstand 1,6

Print 9,5 tot 10,5 pt

Iedereen beoordeelt in eigen tempo, zonder groepsdruk.

Klein

14 px · Regular

Print 8 pt

Laatst bijgewerkt op 27 oktober 2026

Label

11 px · Semibold · hoofdletters

Print 7 pt

Ronde 2 · huidig

Regellengte voor lopende tekst: 60 tot 75 tekens. Koppen met evenwichtige regelval, nooit volledig in hoofdletters behalve korte labels.

Beeldtaal

Tegels, raster, iconen en beweging.

De tegel als bouwsteen

Afgeronde tegels met één scherpe hoek naar het midden komen uit het beeldmerk. Gebruik ze groot en vaag op de achtergrond (zoals in het deelbeeld) of als kader rond beeld. Nooit meer dan één rode tegel per vlak.

Raster van vier

Composities volgen een 2x2 of 4-koloms raster met ruime witruimte. Elementen groeien in één richting, zoals de tegels in het logo.

Fotografie

Echt werk en echte mensen: studio, werkplaats, schermen met ontwerpen. Geen gestileerde stockfoto's. Kleur licht koel en naturel; geen zware filters.

Iconen

Lijniconen met een lijndikte van 1,5 tot 2, afgeronde uiteinden, in inkt of gedempt grijs. Rood alleen voor de ene actie die telt.

Beweging

Kort en betekenisvol: de logo-animatie speelt het verhaal van vergelijken naar kiezen af. Interface-overgangen duren 150 tot 200 ms. Respecteer altijd de instelling voor minder beweging.

Tekst en toon

Hoe CrossView schrijft, van knop tot campagne.

Stem

Nuchter, niet opgeklopt

Wel: "Iedereen kijkt zelf, in eigen tempo."

Niet: "Revolutionaire, baanbrekende beoordelingsbeleving!"

Helder, niet vaag

Wel: "Beoordeel de zes richtingen voor vrijdag."

Niet: "Graag uw input op de diverse concepten."

Eerlijk, niet sturend

Wel: "Een ranking is input, geen besluit."

Niet: "De winnaar is bekend!"

Persoonlijk, niet ambtelijk

Wel: "Je ziet de andere beoordelingen nadat je hebt opgeslagen."

Niet: "Na indiening worden overige beoordelingen zichtbaar."

Schrijfregels

Taal: Nederlands. Spreek de lezer aan met je en jij. Engels alleen voor vaste productnamen.
Hoofdletters: Koppen, knoppen en labels in zinsvorm: alleen de eerste letter en namen met een hoofdletter.
Knoppen: Werkwoord plus onderwerp: "Beoordeling opslaan", "Ronde openen". Nooit alleen "OK" of "Verstuur".
Leestekens: Geen lange gedachtestreep (—). Gebruik een dubbele punt, komma, haakjes of een nieuwe zin. Het koppelteken (-) en het bereikstreepje (–) mogen wel.
Zinnen: Kort en actief. Eén gedachte per zin, het belangrijkste eerst.
Getallen en datums: Datums voluit: 17 september 2026. Getallen onder de tien in woorden in lopende tekst, cijfers in tabellen en labels.
Foutmeldingen: Zeg wat er gebeurde en wat de lezer nu kan doen. Geen schuld, geen technische codes.
Lege schermen: Een uitnodiging met één duidelijke volgende stap, geen "Geen resultaten".

Woordenlijst

CrossView: Altijd aan elkaar, met hoofdletters C en V. Nooit Crossview, Cross View of CROSSVIEW in lopende tekst.
ClearView: De fase en het resultaat: het definitieve, beargumenteerde eindontwerp.
Richting: Een uitgewerkt ontwerp binnen een ronde. In vakteksten ook stijlwereld.
Ronde: Eén vergelijkingsmoment met een vaste set richtingen en een eigen besluit.
Beoordeling: De input van één beoordelaar. Nooit "stem" of "uitslag".
Besluit: Wat het team zelf vastlegt na de ronde. Een ranking of AI-advies is nooit het besluit.
Advies, geen besluit: Vaste toevoeging bij AI-analyses en samenvattingen.

Website en digitaal

De interface, iconen en toegankelijkheid.

Eén accent per vlak

Het rood gaat naar de ene actie die telt. Alle andere knoppen zijn omlijnd of secundair (inkt).

Grond en vlakken

Koel lichtgrijze grond (#F4F6F8) met witte kaarten erop: lijn en zachte schaduw samen, nooit één van beide.

Contrast

Tekst haalt WCAG 2.1 AA (4,5:1). Uitzondering: witte tekst op de rode accentknop is een bewuste merkkeuze; houd die labels kort en halfvet.

Focus en bediening

Altijd een zichtbare focusring in rood, klikvlakken van minstens 44 bij 44 px op touch.

Favicons en deelbeeld

Gebruik de officiële set uit de stijlgids: favicon.svg volgt licht en donker, het deelbeeld is 1200 bij 630 px.

Knoppen

Beoordeling opslaanRonde openenAnnulerenTekstlink

Favicons en app-iconen

favicon.svg

favicon-16.png

favicon-32.png

favicon-48.png

apple-touch-icon.png

Print

Drukwerk, formaten en aanleverspecificaties.

Formaten

Visitekaartje85 × 55 mm: Voorzijde wit met logo, achterzijde zwart met beeldmerk. Minimaal 350 g/m², mat.
BriefpapierA4 · 210 × 297 mm: Logo linksboven op 20 mm van de rand, adresblok onderaan in Inter 7 pt.
FlyerA5 · 148 × 210 mm: Eén boodschap, één rood accent, logo onderaan.
PosterA3 / A2: Grote tegels als achtergrondvorm, titel in Satoshi Black.
Roll-up banner85 × 200 cm: Logo in het bovenste derde, belangrijkste tekst boven 100 cm. Onderste 20 cm leeg (voet en ooghoogte).
Spandoek210 × 100 cm: Gestapeld of liggend logo op minstens een derde van de hoogte; leesbaar op 10 meter.

Visitekaartje

Naam Achternaam

Functie

naam@crossview.nl · 06 00 00 00 00

Aanleveren

Afloop: 3 mm rondom (groot formaat: volgens drukker, vaak 2 tot 5 cm)
Veilige marge: 5 mm binnen het snijformaat, 10 mm bij brochures
Kleurmodus: CMYK coated (FOGRA39), spotkleur Warm Red C waar mogelijk
Zwart: Tekst kleiner dan 12 pt in 100 % K; grote vlakken in diep zwart 60 50 40 100
Resolutie: 300 dpi op eindformaat; groot formaat 100 tot 150 dpi
Bestanden: PDF/X-4 met ingesloten lettertypen; logo altijd als vector (SVG, PDF, AI)
Kleurproef: Altijd een proefdruk van het rood: fel oranjerood ligt deels buiten CMYK

Marketing en presentaties

Presentaties, e-mail, beurs en merchandise.

Titelslide op zwart

Eén boodschap per slide

Presentaties

16:9 (1920 × 1080). Titelslide op zwart met het donkere logo, inhoudsslides op wit met het beeldmerk klein linksonder. Eén boodschap per slide, rood voor het ene kerncijfer.

E-mailhandtekening

Naam in Arial Bold, functie en contact in Arial Regular 11 px. Beeldmerk als PNG van 32 px hoog; geen slogans of banners.

Nieuwsbrief

600 px breed, logo bovenaan op wit, één hoofdboodschap met één rode knop. Lettertypen vallen terug op Arial.

Beurs en evenement

Roll-up en spandoek volgens de printformaten. Beeldmerk-animatie op schermen als herhalende versie.

Merchandise

Eenkleurig logo of beeldmerk in zeefdruk of borduur; minimaal 8 mm beeldmerk. Op donkere stof het witte logo.

Video

Openen of sluiten met de eenmalige logo-animatie op wit of zwart. Ondertitels in Geist Sans, wit op een zwart vlak.

Twijfel je over een toepassing? Kies de rustigste oplossing: wit, inkt en één rood accent. Alle bestanden en de actuele versie van dit handboek staan in de stijlgids op /stijlgids/.

Het merk

De naam

Kernwaarden

Logo

Varianten

Maten en gebruik

Niet doen

Kleur

Verhouding

Interface en status

Combinaties

Typografie

Schaal

Beeldtaal

Tekst en toon

Stem

Schrijfregels

Woordenlijst

Website en digitaal

Knoppen

Favicons en app-iconen

Print

Formaten

Visitekaartje

Aanleveren

Social media

Marketing en presentaties