Nederlandse Organisatie voor Wetenschappelijk Onderzoek
|
|
- Sterre de Haan
- 7 jaren geleden
- Aantal bezoeken:
Transcriptie
1 Nederlandse Organisatie voor Wetenschappelijk Onderzoek richtlijnen webstijl version 1.1 Fabrique Merken, Design en Interactie Fabrique Merken, Design en Interactie
2 Inhoud 3 Introductie Algemeen 5 Grid 6 Beeldgebruik 11 Kleurenpalet 13 Typografie 14 Links & Buttons 15 Beeldmerk 16 Functionele onderdelen Templates 19 Homepagina 20 Landingspagina 21 Thema-, Gebied-, Topsector en Programmapagina 22 Subsidiesubhome en Subsidiedetailpagina 23 Case- en Onderzoeksresultaatpagina 24 Lijst- en Zoekresultatenpagina 2 Fabrique Merken, Design en Interactie
3 Introductie Deze handleiding beschrijft de richtlijnen van de NWO website. We zullen op losse onderdelen als grid en beeldgebruik ingaan, maar ook specifieke pagina s. Het vormconcept achter de stijl NWO.nl is de inspirerende en slimme gids die mij informeert, ondersteunt en stimuleert op het gebied van excellent en innovatief wetenschappelijk onderzoek; van idee tot resultaat. De nieuwe site heeft een frisse, moderne en actuele uitstraling waarin de content meer ruimte krijgt en prominenter aanwezig is. Om Wetenschapsgebieden, Topsector, Thema s en Programma s op de site een eigen identiteit te bieden zullen er extra kleuren worden gebruikt. Hiervoor zijn 4 extra kleuren gedefinieerd waarbij elke kleur nooit dominanter mag zijn dan het corporate rood van NWO. Het gebruik van beeld is erg belangrijk op de NWO-website. De verhouding van beeldgebruik zal per paginasoort anders zijn. Functionele pagina s zoals subsidiepagina s zullen geen of weinig beeld hebben om voldoende overzicht te behouden. Het primaire kleurgebruik op de site zal bestaan uit de huidige corporate kleuren van NWO: rood, wit en zwart. Het rood zal op elke pagina aanwezig zijn in de header die als een soort kapstok fungeert van de hele pagina. 3 Fabrique Merken, Design en Interactie
4 Algemeen 4 Fabrique Merken, Design en Interactie
5 Grid 5 Fabrique Merken, Design en Interactie
6 Beeldgebruik Voor de grote visuals die op de verschillende pagina s worden gebruikt zijn er een aantal algemene uitgangspunten. Er zijn drie maten visuals: Large, Medium en Small. De visuals hebben aan de linkerkant een grafische toevoeging die bestaat uit het ruimtelijke grid, de gekleurde driehoeken en het tekstvlak (behalve visual S) De visuals zijn 1220px breed waardoor ze rekening houden met grote beeldschermen. Het linker gedeelte van buiten het normale grid en zal dus alleen bij grote beeldschermen (gedeeltelijk) te zien zijn. 6 Fabrique Merken, Design en Interactie
7 Beeldgebruik Visual L De grootste maat visual die er op de site van NWO wordt gebruikt heeft een hoogte 350px. Deze komt in carousselvorm terug op de Homepage en wordt als statisch beeld op de landingspagina van Onderzoek & Resultaten en als statisch beeld op de Case pagina gebruikt. 7 Fabrique Merken, Design en Interactie
8 Beeldgebruik Visual M De middelste maat visual die op de site van NWO wordt gebruikt heeft een hoogte 260px. Deze wordt op de landingspagina s van Ambities gebruikt en als Google Maps container op de contactpagina. 8 Fabrique Merken, Design en Interactie
9 Beeldgebruik Visual S De kleinste maat visual die op de site van NWO wordt gebruikt heeft een hoogte van 200px. Deze wordt op de pagina s gebruikt voor de Thema s, Gebieden, Programma s en Topsectoren. 9 Fabrique Merken, Design en Interactie
10 Beeldgebruik Visual do s & don ts Omdat het beeldgebruik een belangrijkere rol gaat hebben op de site van NWO zal de kwaliteit van die beelden ook goed moeten zijn. Een aantal voorwaarden waaraan foto s moeten voldoen zijn: Foto s mogen niet te zichtbaar bewerkt zijn (dit is een advies en zal, als er al bestaand materiaal aanwezig is, niet altijd nageleefd kunnen worden) Foto s van mensen (onderzoekers) alleen in hun natuurlijke setting. Foto s moeten Nederlands aanvoelen. (Amerikaanse stockfotografie is niet de bedoeling. Do s Don ts 10 Fabrique Merken, Design en Interactie
11 Kleurenpalet Corporate kleuren Verhoudingen Primaire kleuren Steunkleuren #FFFFFF # #D60006 # # #CCCCCC #F1F1F1 #FFEAEA 11 Fabrique Merken, Design en Interactie
12 Kleurenpalet Subidentiteit kleuren Verhoudingen Gebieden Programma s Thema s Topsectoren Vlak kleuren #A6BF64 #68B0CE #E56000 #8E68A0 Tekst kleuren Gebieden #7B8C46 Programma s #5896B0 Thema s #D64700 Topsectoren #8E68A0 #D6E5C0 #B3D7E6 #F3C5A2 #D9C3DA 12 Fabrique Merken, Design en Interactie
13 Typografie Pagina kop H1 Georgia regular 36px interlinie 36px # Quote/Accent Georgia italic 24px interlinie 30px #D60006 / Subidentiteit kleur Artikel kop H2 Georgia regular 24px interlinie 24px #D60006 / Subidentiteit kleur Tussenkopjes H5 Verdana bold 12pt interlinie 18pt # Paragraaf kop H3 Georgia regular 20px interlinie 22px #D60006 / Subidentiteit kleur Lopende tekst Verdana regular 12pt interlinie 18pt # Intro tekst Georgia regular 16px interlinie 22px # Fabrique Merken, Design en Interactie
14 Links & Buttons Normal Mouse - Over Clicked Button Georgia regular 16px #D60006 #AB0005 #AB inner shadow Links Verdana regular 12px #D60006 #AB0005 Begrip + Tooltip Introtekst Georgia regular 16px # #D60006 Begrip + Tooltip Lopende tekst Verdana regular 12px # #D60006 Tooltip Rechter kolom Verdana regular 12px # #D60006 Tekst link #D60006 #AB Fabrique Merken, Design en Interactie
15 Beeldmerk Vrijstaand logo Logo in header De maat van het logo in de header is 85 x 43 px. Logo in footer Het logo in de footer heeft het onderschrift er nog onderstaan maar de relatieve maat van het logo in de footer is gelijk aan die van de header. 15 Fabrique Merken, Design en Interactie
16 Functionele onderdelen Header A Logo A B A C 1 A D B Generieke navigatie A A C 1 Taal switch A E C 2 D E F Taal switch uitgeklapt Zoek invulveld Hoofdnavigatie Hoofnavigatie met voorbeeld van uitklapper met subnavigatie. A C 2 A F 16 Fabrique Merken, Design en Interactie
17 Functionele onderdelen Footer A B C Copyright bar met laatst gewijzigd datum en reageer link. Algemene beschrijving NWO Sitemap A A A B D Logo A C A D 17 Fabrique Merken, Design en Interactie
18 Templates 18 Fabrique Merken, Design en Interactie Algemene richtlijnen voor de webstijl van NWO sep 2011
19 Homepage A Header met hoofdnavigatie, generieke navigatie, taalkeuze en zoekveld. B Carrousel waarin cases of belangrijk nieuws in uitgelicht wordt (maat L). C Nieuwsblok met één uitgelicht item en een aantal andere nieuwsitems. D Subsidie eiland met verschillende ingangen van het totaal aanbod en één grote duidelijke knop om direct naar het overzicht te gaan. E Ambitie harmonica waarin de belangrijkste pijlers van NWO in uitgelicht worden. F Wetenschapsgebieden carrousel waarin alle wetenschapsgebieden uitgelicht worden. G Programma lijst met daarin de belangrijkste programma s uitgelicht. H Kalender lijst met daarin de belangrijkste kalender items uitgelicht. 19 AA AB AD AC AE AF AG AH Fabrique Merken, Design en Interactie
20 Landingspagina s A Header met hoofdnavigatie, generieke navigatie, taalkeuze en zoekveld. AA B1 Ondersteunende visual + titel voor de Ambities van NWO (maat M). AB1 B2 Visual waarin een bepaalde case wordt uitgelicht (maat L). C Subnavigatie. D Pagina tools om de pagina te delen, uit te printen of te beluisteren. E Pagina introtekst met optionele titel. F Een verzameling uitgelichte items waarnaar meteen doorgeklikt kan worden. G Pagina quote/accent waarin er een belangrijk stuk tekst meer aandacht kan krijgen. H Lopende tekst. I Top 3 lijstjes van Programma s, Projecten, etc. 20 AA AB2 AD AC AD AC AE AE AF AF AG AG AH AI Fabrique Merken, Design en Interactie
21 Thema-, Gebied-, Programma- en Topsectorpagina s A Header met hoofdnavigatie, generieke navigatie, taalkeuze en zoekveld. AA B Ondersteunende visual voor het desbetreffende Thema/Gebied/ Programma (maat S). AB C Paginatitel met bijbehorend label en subnavigatie. D Pagina tools om de pagina te delen, uit te printen of te beluisteren. E Pagina introtekst. F Uitgebreide Top 3 van de bijbehorende subsidies. G Gerelateerde nieuwsberichten en kalenderitems. H Top 3 lijstjes van Programma s, Projecten, etc. I Binnenbanner om een (gerelateerd) onderwerp uit te lichten. 21 AA AB AD AC AE AD AC AE AG AG AF AF AI AH AI AH Fabrique Merken, Design en Interactie
22 Subsidie subhome en subsidiedetailpagina A Header met hoofdnavigatie, generieke navigatie, taalkeuze en zoekveld. A A A D A A A D B 1 Paginatitel met filter navigatie voor de subsidies. A B 1 A B 2 A E A C B 2 Paginatitel met Subnavigatie. A H C D Aanvraag button voor de desbetreffende subsidie. Pagina tools om de pagina te delen, uit te printen of te beluisteren. A F A J A G A I E Pagina introtekst. A K F Filterresultaat van de subsidies. G Lopende tekst. A J H Uitleg over subsidies aanvragen. I Subsidiekenmerken en contactpersoon. J Gerelateerde onderzoeken. K Binnen banner om een (gerelateerd) onderwerp uit te lichten. L Documentatielijst. A L A C 22 Fabrique Merken, Design en Interactie
23 Case- en onderzoeksresultaatpagina A B C1 Header met hoofdnavigatie, generieke navigatie, taalkeuze en zoekveld. AA Visual met titel en label waarin een bepaalde case wordt uitgelicht (maat L). AB Subnavigatie. C Paginatitel met bijbehorend label en subnavigatie. D Pagina tools om de pagina te delen, uit te printen of te beluisteren. 2 E Pagina intro tekst. F Pagina quote/accent waarin er een belangrijk stuk tekst meer aandacht kan krijgen. G Project kenmerken en contactpersoon. H Lopende tekst. 23 AA AD AC2 AC1 AE AD AE AG AF AH AF AH Fabrique Merken, Design en Interactie
24 Lijst- en zoekresultaten pagina A B 1 Header met hoofdnavigatie, generieke navigatie, taalkeuze en zoekveld. Paginatitel met bijbehorend label en subnavigatie. A A A B 1 A D A C A A A B 2 A I A C B 2 Filter navigatie om de zoek resultaten te filteren. A H A H C D Pagina tools om de pagina te delen, uit te printen of te beluisteren. Pagina intro tekst. A E A G E Lijst elementen met optioneel beeld F Link lijstjes van Programma s, Projecten, etc. G Zoekresultaten. A F H Binnen banner om een (gerelateerd) onderwerp uit te lichten. 24 Fabrique Merken, Design en Interactie
edenspiekermann_ hva Stijlgids HvA responsive website
edenspiekermann_ hva Stijlgids HvA responsive website April 2014 Versie 1.0 HvA, Stijlgids responsive website - Februari 2014 - Versie 1.0 2 Inhoud Introductie 3 Concept webstijl 4 3-koloms grid homepage
Nadere informatieHuisstijlhandboek digitaal van de Bibliotheek. Versie 0.8
Huisstijlhandboek digitaal van de Bibliotheek Versie 0.8 Inhoudsopgave Inleiding 3 Verklarende woordenlijst 4 Basis elementen 5 1. Logo 6 1.1 Beeld 6 1.2 Naam 7 1.3 Toevoeging vestigingsnaam 8 1.4 Grootte
Nadere informatieedenspiekermann_ hva Stijlgids HvA responsive website
edenspiekermann_ hva Stijlgids HvA responsive website April 2014 Versie 1.0 HvA, Stijlgids responsive website - Februari 2014 - Versie 1.0 2 Inhoud Introductie 3 Concept webstijl 4 3-koloms grid homepage
Nadere informatieDennis Wagenaar 19-04-10 v 1.0
Ontwerprapport Save Energy Leiden Dennis Wagenaar 19-04-10 v 1.0 Inhoudsopgave Inleiding...4 1 Grafisch Ontwerp...5 1.1 De website...5 1.2 Header...6 1.3 Menu...6 1.4 Content...7 1.5 Grafieken...7 1.5
Nadere informatieSTIJLGIDS WAGENINGENUR.NL
STIJLGIDS WAGENINGENUR.NL Bron: Fabrique versie 1.0 feb 2013 Aanpassing/aanvulling Wageningen UR: sep 2013 TEMPLATES PAGINA S wageningenur.nl GRID HOMEPAGE STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 3 640 x
Nadere informatieInhoudsopgave. Huisstijlhandboek Droomstad 05-06-2014 Versie 1.0 2
Huisstijldocument Inhoudsopgave 1. Logo 3 1.1 Beeld 3 1.2 Naam 4 1.3 Toevoeging stadsnaam 5 1.4 Plaatsing 6 1.5 Achtergrond 7 2. Kleur 8 2.1 Logo 8 2.2 Website 9 3. Typografie 10 4. Knoppen 11 5. Waardering
Nadere informatieInhoudsopgave. Styleguide Bewust. Pagina 2
Huisstijl Inhoudsopgave Inleiding Logo Logo gebruik Logo misbruik Logo app Kleuren Typografie Grid Beeld gebruik Beeld misbruik Beeld toepassing Buttons & iconen 3 4 5 6 7 8 9 10 11 12 13 14 Pagina 2 Inleiding
Nadere informatieHandleiding NBVA-Webformulesite 2.0
Handleiding NBVA-Webformulesite 2.0 Inhoud 1. Algemeen 2. Structuur beheeromgeving 2a Posities 2b Inhoud 2c Extra 3. Hoe werkt de WYSIWYG-editor? 3a Wijzigen van teksten 3b Nieuwsberichten plaatsen 3c
Nadere informatieWeb. TU Delft. Huisstijlrichtlijnen
TU Delft Web TU Delft Huisstijlrichtlijnen Index 1 Broodtekst 2 Titels 3 Template homepage 4 Template vervolgpagina s 5 Hoofdmenu 6 Submenu 7 Headers 8 Tabblad 9 Tabblad varianten 10 Tabblad nieuws / agenda
Nadere informatie/ versie januari 2015
S T A D S S T I J L R I C H T L I J N E N O N L I N E versie 0.1 - januari 2015 H I S T O R I E M E T T O E K O M S T Delft heeft unieke kwaliteiten: een prachtige historische binnenstad, een culturele
Nadere informatieTitelpagina Styleguide Jij&Overijssel
Huisstijlrichtlijnen Digitaal Titelpagina Styleguide Jij&Overijssel Inhoudopgave Onderwerp Pagina 1 Responsive design 3 2 Tone of voice 4 3 Kleurgebruik 5 4 Typografie 6 5 Formulieren 8 6 Pictogrammen
Nadere informatieBeheer www.drentsparlement.nl GO. cms enterprise. Versie 1.16
Beheer www.drentsparlement.nl GO. cms enterprise Versie 1.16 Handleiding beheer www.drentsparlement.nl Product: GO. cms enterprise 1.16 Documentversie: 1.2 Documentdatum: 22 juni 2015 Auteur: Henk Kruse
Nadere informatieINHOUD. Introductie 3 Kleurenpalet 4 Typografie 5 Grid 6 Marges 7 Intro 8 Naam en functie 10 Bullet points 11 Titelpagina 12 Ondertiteling 13 Outro 14
STIJLGIDS HVA-VIDEO HOGESCHOOL VAN AMSTERDAM RICHTLIJNEN HVA-VIDEO VERSIE 1.0 2 INHOUD Introductie 3 Kleurenpalet 4 Typografie 5 Grid 6 Marges 7 Intro 8 Naam en functie 10 Bullet points 11 Titelpagina
Nadere informatieCLOUDSUITE. stijlwijzer. februari 2015
CLOUDSUITE stijlwijzer februari 2015 colofon Aan deze uitgave kunnen op geen enkele manier rechten worden ontleend. Onder voorbehoud van (druk)fouten. Niets uit deze uitgave mag zonder toestemming van
Nadere informatieHANDLEIDING E-NEWSLETTER
HANDLEIDING E-NEWSLETTER Werking van de vernieuwde E-newsletter document inhoud: Dit document beschrijft de veranderingen en werking van het vernieuwde E-newsletter systeem versie 1.0.1 DENK INTERNET SOLUTIONS
Nadere informatieFunctioneel Ontwerp. digital4u.nl effectief op internet. Klant. Digitale Vaardigheden. Project. Website. April 2013. Datum
Functioneel Ontwerp Klant Project Datum Website April 2013 digital4u.nl effectief op internet 2 Inhoudsopgave 3 4 6 7 8 10 11 13 14 16 18 19 21 22 Introductie Functioneel Ontwerp Homepagina Header, Sidebar
Nadere informatieNa het inloggen met de gegevens die je hebt gekregen, verschijnt het overzichtsscherm zoals hieronder:
Inhoud van de website invoeren met de ContentPublisher De inhoud van websites kan worden ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem (CMS). De websites van Muismedia
Nadere informatieCMS Instructiegids Copyright Endless webdesign v.o.f
CMS Instructiegids Copyright Endless webdesign v.o.f. 2017 1 Inhouds opgave 1. Hoe log ik in? Inloggen in het CMS systeem is heel simpel! Hoe log ik in? Een pagina toevoegen. Een pagina vullen/aanpassen.
Nadere informatiestyleguide Albert Slow Styleguide
styleguide 1 Inleiding Albert Heijn wilde voor de ipad app Albert Slow een ontwerp dat echt aansprekend en wervend is zonder dat gebruiksvriendelijkheid en informatie voorziening in het gedrang zou komen.
Nadere informatieWORDPRESS. op de FourBottles manier. Pagina 1
WORDPRESS op de FourBottles manier Pagina 1 Fijn dat je voor FourBottles hebt gekozen voor het realiseren van je website. Bij een website hoort natuurlijk een Content Management Systeem (CMS). Ik maak
Nadere informatieHuisstijlhandboek. Kunststichting Firma Van Drie
Huisstijlhandboek Kunststichting Firma Van Drie Martine den Boer Definitief 1 april 2013 Huisstijlhandboek Firma Van Drie definitief d.d. 1-4-2013 1 Inhoudsopgave Inleiding 3 1. Logo 4 1.1. Varianten 4
Nadere informatieHuisstijl en beeldplan intranet / internet VUmc
1 Huisstijl en beeldplan intranet / internet VUmc 2 Inhoudsopgave 1 De huisstijl van de VUmc web- en intranetsite 1.1 Beschrijving huisstijl 1.2 Bewaking huisstijl van de website en intranet 2 Fotomateriaal
Nadere informatieInhoud. Installatie. Functies
Inhoud Installatie Functies Instellingen Achtergrond Blokken, knoppen Korting Footer Header, left column Main navigation Modules Price categories, Producten Text Contact 3 4 5 5 6 7 8 9 10 11 12 13 14
Nadere informatieStrategie. concept. Schatkamer van de Toekomst
Strategie en concept Schatkamer van de Toekomst Inhoudsopgave Inleiding 3 Online strategie 4 Templates 6 Grid 7 Top-level template 8 Mid-level template 11 Bottom-level template 15 Mijn omgeving 23 Thema
Nadere informatieHUISSTIJLHANDBOEK LIVING CTIVE
HUISSTIJLHANDBOEK LIVING CTIVE PAGINA 2 STATEMENT Living Active is hét online platform voor mensen met een actieve levensstijl om sporten te verkennen, te ervaren en van deze informatie te leren. Living
Nadere informatieyuki huisstijlmanual
Inhoud 3 Huisstijl is meer dan het toevoegen van een beeldmerk. Wat een huisstijl tot een huisstijl maakt is vooral eenheid van stijl. Deze eenheid wordt alleen bereikt, wanneer iedereen zich houdt aan
Nadere informatieDe huisstijl vormt het gezicht van een organisatie.
huisstijl handboek Elke organisatie, elk bedrijf is uniek. Ze creëert dan ook, bewust maar soms ook onbewust, een eigen visuele identiteit, een eigen huisstijl. Het doel van die huisstijl is een bepaald
Nadere informatieCMD brand guide. Versie 1.0 oktober 2014
CMD brand guide Versie 1.0 oktober 2014 Inhoud 5 Uitgangpunten 7 Iconen 10 Totems 13 Typografie 16 Kleurgebruik 20 Fotografie 23 Uitingen 27 Powerpoint 29 Online 33 Beeldbank 35 Combinatie met HvA huisstijl
Nadere informatieWISWEB. design concepts v0.1 WISWEB
design concepts v0.1 Het doel van het WISWeb design is vier-ledig: 1. het moet informatie verschaffen over producten (en evenementen) die voor voor het wiskunde onderwijs in het voorgezet onderwijs relevant
Nadere informatieOpdracht 1. 2C_0888632_van_ Ruth_Colin_ Opdracht_1_Compleet
Opdracht 1 2C_0888632_van_ Ruth_Colin_ Opdracht_1_Compleet Deliverable 1 Visuele merk- en concurentieanalyse Merkanalyse 2C_0888632_van_ Ruth_Colin_ Opdracht_1_Analyse_ ING_BANK Concurentieanalyse 2C_0888632_van_
Nadere informatieFunctioneel Ontwerp Kennisland website 2006 Versie 2.0
Functioneel Ontwerp Kennisland website 2006 Versie 2.0 Versie 2.0 is vervolg op versie 1: Datum : 1 november 2005 Auteurs Geert Wissink & Lennard van Otterloo Versie 2.0 door Hippo [RV] dd. 12 januari
Nadere informatieRegels en richtlijnen voor de visuele identiteit >>
Regels en richtlijnen voor de visuele identiteit >> Maart 2010 De visuele identiteit van eherkenning Dit handboek bevat regels en richtlijnen voor de visuele identiteit van eherkenning. Het is voor iedereen
Nadere informatiehandboek huisstijlhandboek nieuweschool.nu
handboek huisstijlhandboek Husstijl is meer dan het toevoegen van een beeldmerk. Wat een huisstijl tot een huisstijl maakt is vooral eenheid van stijl. Deze eenheid rdt alleen bereikt, wanneer iedereen
Nadere informatieFUNCTIONEEL ONTWERP STANDAARD SITE VOOR VERENIGING O3D
FUNCTIONEEL ONTWERP STANDAARD SITE VOOR VERENIGING O3D Aan: : Vereniging O3D Auteur : I. Verbeek, J. Caris, Ritense BV Datum : 11 mei 2010 Versie : 2.4 CONTENT 1 VERSIE HISTORIE... 1 2 BEGRIPPENLIJST...
Nadere informatieinstitute for art, science and technology design toolkit
institute for art, science and technology design toolkit Inhoud logo gebruik logo op achtergronden lettertype kenmerken huisstijl logo s labs Waag Society Sint Antoniesbreestraat 69 1011 HB Amsterdam waag.org
Nadere informatie2018 Handboek. Werkgelegenheid, sociale zaken en inclusie
2018 Handboek Werkgelegenheid, sociale zaken en inclusie 2 EUROPESE WEEK VAN BEROEPSVAARDIGHEDEN Kleurenpalet MONOCHROOM CMYK 0 50 100 0 RGB 243 146 0 HEX #f39200 CMYK 100 95 25 13 RGB 41 44 105 HEX #292c68
Nadere informatieHuisstijlhandboek Internet en intranet. Versie 4.2 Datum Juli 2011
Huisstijlhandboek Internet en intranet Versie 4.2 Datum Juli 2011 2 van 97 Colofon Versienummer 4.2 Datum juli 2011 Locatie http://www.rijkshuisstijl.nl Ontwerp Studio Dumbar Auteur Project 1 Logo Historie
Nadere informatieHuisstijlhandboek. Voor vragen of meer info: info@interrijswijk.nl. pagina
Beeldmerk Kleuren Typografie Huisstijlhandboek 1. Beeldmerk Kleuren Typografie Inhoudsopgave Voorwoord Beeldmerk Schrijfwijzer Kleuren Typografie Voorbeelden p2 p3 p4 p5 p6 p7 p8 Voorwoord Dit is het huisstijlhandboek
Nadere informatieHandleiding. Look & Feel. RIE Manager. Versie 1 maart IT&Care B.V.
Handleiding Look & Feel RIE Manager Versie 1 maart 2016 IT&Care B.V. Inhoudsopgave 1. INLEIDING EN VERANTWOORDING... 4 2. LOOK & FEEL... 5 3. AANPASSEN VAN DE (VASTE) TEKSTEN IN DE RIE MANAGER... 8 4.
Nadere informatieMaak een vormgeving (geschikt voor meerdere devices), met een duidelijke huisstijl en visual, die aansluit bij jouw doelgroep, waarbij je rekening
Maak een vormgeving (geschikt voor meerdere devices), met een duidelijke huisstijl en visual, die aansluit bij jouw doelgroep, waarbij je rekening houdt met verschillende behoeftes binnen je doelgroep.
Nadere informatieNaast deze specificaties zijn deze de volgende opzetten in PSD formaat een goede basis om mee aan de slag te gaan: Desktop Mobiel
Design aanleveren Zelf een design voor een nieuw e-mailtemplate aanleveren welke door ons moet worden omgezet in code? Houd dan rekening met specificaties en beperkingen die hierop van toepassing zijn.
Nadere informatieHuisstijl ROVZ Versie 1.2, september 2018
Huisstijl ROVZ Versie 1.2, september 2018 2 Inhoud 1 Logo... 3 Do s and don ts... 3 Witruimte rondom logo... 4 Minimale formaat... 4 2 Kleurgebruik... 5 3 Typografie... 6 4 Label '100% verkeersveilig'...
Nadere informatieDesign rationale document. Rabobank.com
Design rationale document Rabobank.com Inhoudsopgave 3 4 5 14 Inleiding Design values Algemene rationale Styleguide 2 Inleiding In dit document zijn de ontwerpuitgangspunten vastgelegd voor de vernieuwde
Nadere informatieOm het Elektronica thema te installeren gaat u naar "Theme Store" in Design. Hier kunt u het Elektronica thema in 4 kleurvarianten vinden.
Inhoud: 1. Installatie 2. FAQ 3. Thema instellingen 4. Meer hulp nodig? 1.Installatie: Om het Elektronica thema te installeren gaat u naar "Theme Store" in Design. Hier kunt u het Elektronica thema in
Nadere informatieWebsites van dewebmasters
websites van dewebmasters Websites van dewebmasters Maak eerst keuze voor basis of maatwerk Er zijn 2 mogelijkheden voor een keuze voor uw nieuwe website. Dit is maatwerk en wordt altijd in overleg met
Nadere informatieHandleiding Wordpress. Ten behoeve van websitebeheer CSG scholen
Handleiding Wordpress Ten behoeve van websitebeheer CSG scholen Inhoudsopgave 1. Inleiding 3 2. In- en uitloggen 4 2.1 Dashboard 4 2.2 Uitloggen 5 3. Pagina aanmaken 6 3.1 Nieuwe pagina toevoegen 6 3.2
Nadere informatieHuisstijlhandboek. Richtlijnen en instructies voor gebruik van de huisstijl
Huisstijlhandboek Richtlijnen en instructies voor gebruik van de huisstijl februari 2009 Inhoud Huistijlhandboek Inleiding 5 Basiselementen 7 Beeld- en woordmerk 7 Beeldmerk 7 Kleur 8 Onjuiste toepassingen
Nadere informatieDOCUMENTATIE. InStijl Media - Supreme Theme
DOCUMENTATIE InStijl Media - Supreme Theme INHOUDSOPGAVE 1. Begrippenlijst 1 2. Installatie 3 3. Functies 2 4. Instellingen 4 00 - Logo 4 01 - Background 5 02 - Fonts 5 03 - Images 6 04 - Input fields
Nadere informatieBrand Identity Book v1.0 1
Brand Identity Book Brand Identity Book v1.0 1 00 Inhoud 01 Over ons / Introductie, Brand statement, Brand values en Tone of voice p.4 02 Logo / Achtergronden, Witruimte, Beeldmerk, Onjuist gebruik, ander
Nadere informatieComplete checklist Stijl
Complete checklist Stijl Checklist uitgevoerd door: Website naam: Van toepassing design + bouw + oplevering Header Staat er een telefoonnummer of e-mailadres? Is alle informatie van de klant (telnr. en
Nadere informatieHandleiding Mijneigenweb.nl
Handleiding Mijneigenweb.nl Inhoud 1 Inloggen 2 Kleurenschema en lettertype 2.1 Kies een standaard kleurenschema 2.2 Kleurenschema en lettertypes aanpassen/ zelf samenstellen 3 Logo 4 Visual 4.1 Eigen
Nadere informatieHandleiding lokale SamenLoop-pagina s samenloopvoorloop.nl
Handleiding lokale SamenLoop-pagina s samenloopvoorloop.nl Versie 1.0 Inhoud Over samenloopvoorhoop.nl... 2 Website aanpassen: de basis... 4 Een pagina publiceren en depubliceren... 4 Pagina s sorteren...
Nadere informatie15 tips voor een goede website. Dieneke Van Eijk
15 tips voor een goede website Dieneke Van Eijk dieneke@sitevisie.com Zomercheck Als je op vakantie gaat check je natuurlijk voor vertrek je auto, maak je lijstjes wat er mee gaat in je koffer en bereid
Nadere informatieHUISSTIJL MANUAL HZ CULT
HUISSTIJL MANUAL HZ CULT HZ UNIVERSITY OF APPLIED SCIENCES Augustus 2012 INHOUD E G HZ CULT 1 LOGO 1.1 VERSCHIJNINGSVORMEN & KLEURGEBRUIK HZ CULT LOGO 1.2 MINIMAAL FORMAAT HZ CULT LOGO 1.3 MINIMALE MARGE
Nadere informatieBRANDBOOK Algemene richtlijnen & instructies voor het gebruik van de Amplixs huisstijl maart 2019 Versie 2.2
Algemene richtlijnen & instructies voor het gebruik van de Amplixs huisstijl maart 2019 Versie 2.2 INHOUDSOPGAVE 3... Inleiding 4...Deel I. Het merk - intro 5... Amplixs DNA 6...Tagline 7...Deel II. Het
Nadere informatieRichtlijnen huisstijl
Richtlijnen huisstijl Richtlijnen huisstijl 2016 1 Inhoud 03 Introductie Logo 04 Logo en variant 05 Gebruik van het logo 06 Logo in kleur, wit of zwart Kleuren 07 Kleurwaarden 08 Tinten Typografie 09 Lettertype
Nadere informatieBibliotheek.nl online styleguide november 2016
Bibliotheek.nl online styleguide november 2016 Index Style basics Logo gebruik....4 Kleur...6 Buttons... 7 Grid / Margins....8 Typografie...9 Componenten Het hoofdmenu.... 13 Catalogus/nbc comp....14 Banners...
Nadere informatieHandleiding Wordpress versie
Handleiding Wordpress versie 0.9-17 Inloggen & Dashboard INLOGGEN Ga naar: ffp.nl/admin en vul in het scherm wat zichtbaar word je gebruikersnaam en wachtwoord in. Nu moet je zijn ingelogd en het Wordpress
Nadere informatieRDM ROTTERDAM STIJLWIJZER 2015 VERSIE 1.0
RDM ROTTERDAM STIJLWIJZER 2015 VERSIE 1.0 RDM ROTTERDAM IS DÉ INNOVATIE-ETALAGE VOOR HET ROTTERDAMSE HAVENGEBIED, WAAR TECHNIEK OP EEN AANTREKKELIJKE MANIER ZICHTBAAR WORDT GEMAAKT. LOGO BASISVERSIE Binnen
Nadere informatieProjectstijl Stelselwijziging Jeugd. Conceptversie vastlegging 3.0 30 augustus 2012
Projectstijl Conceptversie vastlegging 3.0 30 augustus 2012 Afzenderschap Gebruik van het logo in de projectstijl In het project hebben we te maken met een samenwerking tussen twee ministeries en een externe
Nadere informatieHuisstijlgids voor uitingen van partners
Huisstijlgids voor uitingen van partners november 217 Inhoudsopgave 1 Inhoud en aanwijzingen vooraf 3 2 Logo-, pay-off-, kleur- en fontgebruik 4 3 Beschikbare bestanden en sets 11 2 1 Inhoud en aanwijzingen
Nadere informatie</> {...} KALENDER CARROUSEL SOCIAL IDENTITIES CONTACTPERSONENFICHE CUSTOM CSS COOKIE LEGISLATION EMBED WIDGET CUSTOM JAVASCRIPT
PADDLE MODULES Het Paddle CMS is een Drupal content management systeem, ontwikkeld in samenwerking met de eindgebruikers. Het is een uitstekend hulpmiddel voor bedrijven en organisaties die voordeel hebben
Nadere informatieUmbraco Gebruikershandleiding
Umbraco Gebruikershandleiding Aan de slag gaan met Umbraco 1.1 Aanmelden Umbraco is een web publishing systeem dat gemakkelijk te gebruiken is door de gebruikers en heeft geen hoge hard- en software vereisten.
Nadere informatieLiesbeth Mantel. Mediacollege webdesign professional
Liesbeth Mantel Mediacollege webdesign professional Juni 2006 Inhoud 1 Inleiding... 3 2 Grid en layout... 4 3 Kleurenpalet... 5 4 Typografie... 6 5 Navigatie... 7 6 Schetsen... 8 7 Stylesheet... 10 1 Inleiding
Nadere informatieWeb Presence Builder. Inhoud
Web Presence Builder Inhoud Inhoud... 1 Wat is Web Presence Builder?... 2 Het categoriescherm... 2 De eerste stappen naar een eigen website... 3 Onderwerp selecteren en website naam aanpassen... 3 Vooraf
Nadere informatieHET NIEUWE LOGO & DE BASELINE
BRAND MANUAL 1. Het nieuwe logo & de baseline...22 2. Kleurgebruik...3 3. Typografie...45 4. Minimumafmetingen...5 6 5. Grafische elementen...56 6. Plaatsing...67 7. Don ts...78 8. Papierkeuze...7 8 1
Nadere informatieInhoud van de website invoeren met de ContentPublisher
Inhoud van de website invoeren met de ContentPublisher De inhoud van Muismedia websites wordt ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem (CMS): de ContentPublisher.
Nadere informatieBriefing Skills module huisstijl. Welkom Skills module huisstijl/identiteit/visuele Identiteit
Briefing Skills module huisstijl Welkom Skills module huisstijl/identiteit/visuele Identiteit Opdracht Ontwerp en realiseer een logo voor een bestaande politieke partij in ons land. Ontwerp en realiseer
Nadere informatieHUISSTIJLHANDBOEK. Huisstijlhandboek GGD Brabant-Zuidoost Versie 1.0
HUISSTIJLHANDBOEK Huisstijlhandboek GGD Brabant-Zuidoost Versie 1.0 INHOUDSOPGAVE Inleiding Pagina 03 Typografie Pagina 09 Het logo Pagina 04-06 Het gebruik van afbeeldingen Pagina 10-11 Kleurgebruik Pagina
Nadere informatieVERSIE BRANDBOOK SPORTBEDRIJF ZAANSTAD. zaans brandbook
VERSIE 2.1 2018 BRANDBOOK SPORTBEDRIJF ZAANSTAD zaans brandbook inhoudsopgave 3 Kleurenpalet en kleurwaardes 14 Gebruik Patronen 4 Logo witruimte 15 Gevel Patroon 5 Schaal en proportie 16 Mosterd Patroon
Nadere informatieHuisstijlhandboek JPcommunication
Huisstijlhandboek JPcommunication Inleiding Inhoud Dit is het huisstijlhandboek van JPcommunication. Dit huisstijlhandboek geeft de richtlijnen die houvast geven bij het gebruik van de huisstijl van JPcommunication.
Nadere informatieHuisstijlrichtlijnen. Generatie Rookvrij. Huisstijlrichtlijnen voor gebruik logo Generatie Rookvrij
1 Huisstijlrichtlijnen Generatie Rookvrij Huisstijlrichtlijnen voor gebruik logo Generatie Rookvrij Inhoud 2 Inleiding 03 Logo 04 Logo gebruik 07 Label/icoon 10 Typografie 14 Fotografie 16 Signalisatie
Nadere informatieINHOUD. Logo. Typografie. Kleurenpalet. Visitekaartje. Briefpapier. Advertentie. Header. Homepage. Gadget
Huisstijlhandboek 1 INHOUD 4 6 8 10 12 14 16 18 20 Logo Typografie Kleurenpalet Visitekaartje Briefpapier Advertentie Header Homepage Gadget 2 3 LOGO Het beeldmerk bestaat uit een spreekwolk met de naam
Nadere informatieHUISSTIJL MANUAL HZ SPORT
HUISSTIJL MANUAL HZ SPORT HZ UNIVERSITY OF APPLIED SCIENCES Augustus 2012 INHOUD F G HZ SPORT 1 LOGO 1.1 VERSCHIJNINGSVORMEN & KLEURGEBRUIK HZ SPORT LOGO 1.2 MINIMAAL FORMAAT HZ SPORT LOGO 1.3 MINIMALE
Nadere informatieHandleiding. HetSchoolvoorbeeld.nl. HetSchoolvoorbeeld 2.1. Websites voor het onderwijs. Websites Social media Mediawijsheid Grafisch ontwerp
HetSchoolvoorbeeld.nl Websites voor het onderwijs Handleiding HetSchoolvoorbeeld 2.1 Websites Social media Mediawijsheid Grafisch ontwerp Handleiding HetSchoolvoorbeeld 2.1 Pagina 1 Inhoud 1 Opbouw van
Nadere informatieRichtlijnen campagne van NIX
Richtlijnen campagne van NIX Instructies bij het NIX18 logo Het logo wordt alleen gebruikt op uitingen waarin een koppeling gemaakt wordt met alcohol en/of tabak, leeftijdsgrens en evt de legitimatie plicht.
Nadere informatieHUISSTIJL GIDS 17/18 VERSIE 1.0
HUISSTIJL GIDS 17/18 VERSIE 1.0 HELVETICA NEUE CONDENSED BLACK ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*? TYPOGRAFIE Helvetica Neue Condensed Black wordt gebruikt in kapitalen (hoofdletters). Door
Nadere informatieAlgemene richtlijnen & instructies
Algemene richtlijnen & instructies voor het gebruik van de Houses & Rooms huisstijl September 2017 Versie 1.0 Inhoudsopgave 1. Inleiding 2. Logo 3. Opbouw logo 4. Omgaan met het logo 5. Toepassing van
Nadere informatieDe kleine huisstijlgids voor drukwerk Veranderingen en richtlijnen in een notendop. Provincie Noord-Brabant
! De kleine huisstijlgids voor drukwerk Veranderingen en richtlijnen in een notendop Logo kleur Logo kleur aflopend Logo Het logo bestaat uit het provinciale balkje. Bij uitingen van provincie Noord-Brabant
Nadere informatieZet u Social Media recruitment in voor uw wervingstraject?
Zet u Social Media recruitment in voor uw wervingstraject? Facebook pagina LinkedIn bedrijfspagina Google+ pagina Social Media Totaalpakket Uw eigen Facebook Uitgebreide service- en Cover image. bedrijfsgegevens.
Nadere informatieCDA Briefpapier > instructie voor sjablonen in MsWord versie 1.1 15/02/2005
Briefpapier > instructie voor sjablonen in MsWord versie. //0 0 mm 8 mm 8 mm mm 8 mm 0 mm 9 mm behandeld door mr. drs. E.A. Kuipers interlinie pt 0 doorkiesnummer (0) 8 90 mobiel 78 interlinie pt e-mail
Nadere informatieContentformule website Alzheimer Nederland
Contentformule website Alzheimer Nederland Inleiding Deze contentformule is opgesteld bij de ontwikkeling van het nieuwe Alzheimer-Nederland.nl in 2016. Dit document legt uit welke keuzes zijn gemaakt
Nadere informatieHuisstijlbeschrijving
Huisstijlbeschrijving 2 Inhoud Inleiding 3 Het NBVlogo 4 Het kleurenpalet 5 Typografie 9 Vormtaal en grid 17 Beeldtaal 22 Beeldschermpresentaties 40 Digitale uitingen 41 Brochures, folders en leaflets
Nadere informatieHuisstijlhandboek Versie 01 / 3 juni 2015. gymfed. we are gym
Huisstijlhandboek Versie 01 / 3 juni 2015 Uniformiteit De huisstijl weerspiegelt de identiteit van een organisatie; het is een geheel aan afspraken over de wijze waarop deze organisatie zich presenteert
Nadere informatieTrek een kaartje met: 1. Doel 2. Doelgroep 3. Onderwerp (dit is een globaal onderwerp en moet door jezelf nader worden bepaald)
Opdracht: Maak een vormgeving (geschikt voor meerdere devices), met een duidelijke huisstijl en visual, die aansluit bij jouw doelgroep, waarbij je rekening houdt met verschillende behoeftes binnen je
Nadere informatieWEBSITE MANUAL EZRA BOTTER SELWYN VAN HAAREN
WEBSITE MANUAL EZRA BOTTER SELWYN VAN HAAREN - KORTE INTRODUCTIE - Omdat de website volledig is aangepast en een vernieuwd cms heeft, is het wel handig om hier een kort samengevat papierwerk van te hebben,
Nadere informatieHippo-handleiding Dossier Inhoudsopgave
Hippo-handleiding Dossier Inhoudsopgave Dossier... 2 Invullen Startpagina dossier... 4 Contentpagina dossier... 6 BIJLAGE: Contentblokken... 8 Handmatige links / Manual links... 8 Etalage / Spotlight...
Nadere informatie4.1 4.2 5.1 5.2 6.1 6.2 6.3 6.4
Handleiding CMS Inhoud 1 Inloggen 2 Algemeen 3 Hoofdmenu 4 Pagina s 4.1 Pagina s algemeen 4.2 Pagina aanpassen 5 Items 5.1 Items algemeen 5.2 Item aanpassen 6 Editor 6.1 Editor algemeen 6.2 Afbeeldingen
Nadere informatieHandleiding website Gamian
Handleiding website Gamian 1. Login Beheersysteem: www.gamian.eu/gamianeu_admin Gebruikersnaam: gamianeu Wachtwoord: #GamianEU!2014?TWC Tijdelijke link: gamianeu.webhosting.be Tijdelijke login: gamianeu.webhosting.be/gamianeu_admin
Nadere informatieCMS Manual Pebble Media
CMS Manual Pebble Media Inhoudstafel 1 introductie... 3 2 modules... 4 2.1 beheer van pagina s... 4 2.2 beheer van media... 7 2.3 beheer van nieuwsberichten... 8 2.4 beheer van merken... 9 3 instellingen...
Nadere informatieOntwerpverslag. Datum: 19 december 2008. Klas: IC1F. Door: Jeffrey Kleering van Beerenbergh, Johan Bult en Michiel Rheiter.
Ontwerpverslag Datum: 19 december 2008 Klas: IC1F Dr: Jeffrey Kleering van Beerenbergh, Jhan Bult en Michiel Rheiter. Inhudspgave Inleiding 3 Mindmap 4 Mdbard 4 Cncept beschrijving 6 Navigatin interactin
Nadere informatieAB OVO. iguide STYLEGUIDE
AB OVO iguide STYLEGUIDE 1 BEELDGEBRUIK SFEERVOL, MAAR NIET STOREND Bij elke keer dat je inlogt zie je dat de achtergrond bestaat uit een beeld. Dit beeld is van het land waar de gebruiker naartoe gaat.
Nadere informatieHET WORDPRESS ZONDER GEDOE STUDIEPAKKET
X Theme one page website HET WORDPRESS ZONDER GEDOE STUDIEPAKKET De Instructie E-Books om zonder gedoe zelf je WordPress website te maken INHOUD P 1 X Theme one page website P 2 Admin Pagina s P 3 Structuur
Nadere informatieStramien Belangrijk is het consequente gebruik van de grafische middelen die je gebruikt bij je huisstijl. Consequent wil zeggen het constante
Stramien Belangrijk is het consequente gebruik van de grafische middelen die je gebruikt bij je huisstijl. Consequent wil zeggen het constante gebruik van de middelen. Huisstijlhandboek SenterNovem 4.0
Nadere informatieCATEGORIE 3: Entiteiten en organisaties waarvan de VGC de inrichtende macht is
vlaamse gemeenschapscommissie Huisstijlgids V1.7 - februari 2016 Categorie 3 72 0.0 Titel hoofdstuk ONDERTITEL hoofdstuk 3.0 CATEGORIE 3: Entiteiten en organisaties waarvan de VGC de inrichtende macht
Nadere informatieHuisstijlhandboek. Algemene richtlijnen & instructies voor het gebruik van de NP huisstijl. Augustus 2017 Fundament All Media.
Huisstijlhandboek Algemene richtlijnen & instructies voor gebruik van de NP huisstijl Augustus 2017 Fundament All Media Versie 1 Inhoud 1. Inleiding 2. Logo 3. Opbouw logo en payoff 4. Plaatsing van logo
Nadere informatiehuisstijlhandboek(je)
(je) 2 het logo de wereld 3 het logo Het logo van het Museon bestaat uit een woordmerk (de naam) en een beeldmerk (de globe). Samen vormen ze het logo. In kleur is het woordmerk is altijd antracietgrijs
Nadere informatieR E S P O N S I V E Documentatie 1
R E S P O N S I V E Documentatie 1 Inleiding Theme Delta Responsive: speciaal ontwikkeld voor uw lifestyle webshop! Het Delta Responsive Theme is speciaal ontwikkeld voor lifestyle webshops. Een strakke
Nadere informatie