Sanne Beeren

werk
Biografie
Contact

CPNB Huisstijl

Ontwerp in opdracht van–, en samen met Irma Boom.
Huisstijl voor Stichting CPNB,
2002

CPNB Huisstijl · grafisch vormgegeven door Sanne Beeren

CPNB Huisstijl · voorbeelden ontwerp

test

letter-grootte globaal/body-tekst - mobiel

Selecteer een lettergrootte voor de body-tekst op mobiele telefoon (in pixels):

10 10.5 11 11.5 12 12.5 13 13.5 14 14.5 15 15.5 16 16.5 17 17.5 18 18.5 19 19.5 20

16px

letter-grootte globaal/body-tekst- desktop

Selecteer een lettergrootte voor de body-tekst op desktop (in pixels):

10 10.5 11 11.5 12 12.5 13 13.5 14 14.5 15 15.5 16 16.5 17 17.5 18 18.5 19 19.5 20

15px

letter-grootte menu + naam-titel - mobiel

Selecteer een lettergrootte voor het menu op mobiele telefoon (in pixels):

10 10.5 11 11.5 12 12.5 13 13.5 14 14.5 15 15.5 16 16.5 17 17.5 18 18.5 19 19.5 20

14px

letter-grootte menu + naam-titel - desktop

Selecteer een lettergrootte voor het menu op desktop (in pixels):

10 10.5 11 11.5 12 12.5 13 13.5 14 14.5 15 15.5 16 16.5 17 17.5 18 18.5 19 19.5 20

14px

regel-hoogte globaal/body-tekst - mobiel

Selecteer een waarde voor de regelhoogte van de body-tekst op mobiele telefoon(= in verhouding tot de lettergrootte):

1.25 1.3 1.35 1.4 1.45 1.5 1.55 1.6 1.65 1.7 1.75

1.45

regel-hoogte globaal/body-tekst - desktop

Selecteer een waarde voor de regelhoogte van de body-tekst op desktop(= in verhouding tot de lettergrootte):

1.25 1.3 1.35 1.4 1.45 1.5 1.55 1.6 1.65 1.7 1.75

1.4

regel-hoogte menu + naam-titel - mobiel

Selecteer een waarde voor de regelhoogte van het menu en de naam-titel op mobiele telefoon (= in verhouding tot de lettergrootte):

1.25 1.3 1.35 1.4 1.45 1.5 1.55 1.6 1.65 1.7 1.75

1.7

regel-hoogte menu + naam-titel - desktop

Selecteer een waarde voor de regelhoogte van het menu en de naam-titel op desktop (= in verhouding tot de lettergrootte):

1.25 1.3 1.35 1.4 1.45 1.5 1.55 1.6 1.65 1.7 1.75

1.65

letter-dikte

Selecteer een gewicht voor de body-tekst (variable font: "Neutral variable"):

400 405 410 415 420 425 430 435 440 445 450 455 460 465

400

letter-dikte vet

Selecteer een gewicht voor vette tekst zoals op de biografie pagina:

450 455 460 465 470 475 480 485 490 495 500 505 510 515 520 525 530 535 540 545 550

500

letter-spatiëring

Selecteer een letter-spatiërings waarde voor de body-tekst: (= in verhouding tot de lettergrootte):

0 0.005 0.01 0.015 0.02 0.025 0.03 0.035 0.04 0.045 0.05 0.055 0.06 0.065

0em

tekst-kleur

Selecteer de kleur van de body-tekst (in HSL formaat)

HSL (22, 25%, 15%)

Hue

Saturation

Lightness

afbeelding rand dikte

Selecteer de dikte van de rand en middenlijn van een afbeelding (in pixels):

0.5 0.55 0.6 0.65 0.7 0.75 0.8 0.85 0.9 0.95 1 1.05 1.1 1.15 1.2 1.25 1.3 1.35 1.4 1.45 1.5

1px

afbeelding rand-kleur

Selecteer de kleur van de afbeelding rand (in HSL formaat)

HSL (22, 8%, 65%)

Hue

Saturation

Lightness

witruimte onder menu mobiel

Hoeveel witruimte onder het menu op mobiel (in pixels):

150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170

160px

witruimte onder menu desktop

Hoeveel witruimte onder het menu op desktop (in pixels):

175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205

185px

correctie witruimte onder menu mobiele telefoon - projectpagina

Hoeveel moet de witruimte van het menu op mobiele telefoon gecompenseerd worden op een project-pagina in vergelijking met de home-pagina (in pixels):

0 1 2 3 4 5 6

0px

correctie witruimte onder menu desktop - projectpagina

Hoeveel moet de witruimte van het menu op desktop gecompenseerd worden op een project-pagina in vergelijking met de home-pagina (in pixels):

0 1 2 3 4 5 6

4px