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 380 pixels carrousel direct links 460 x 319 pixels 300 x 206 pixels uitgelicht (laatste nieuws/agenda)
GRID HOMEPAGE STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 4 Uitgelicht Laatste nieuws Agenda
GRID ARTIKELPAGINA - BASIS STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 5 contact sfeerfoto artikel 490 x 330 pixels artikel vrij te plaatsen content, zoals banners, links, downloads, nieuws, etc.
GRID ARTIKELPAGINA - EXTRA ELEMENT OVER FOTO STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 6 contact sfeerfoto artikel 490 x 330 pixels artikel gerelateerde info afzender vrij te plaatsen content
GRID ARTIKELPAGINA - EXTRA ELEMENT OVER FOTO STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 7 Nieuws met info afzender Projectpagina met informatieblok Activitieit met programma Locatiepagina met kaart
GRID ARTIKELPAGINA - DOSSIER STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 8 contact sfeerfoto artikel artikel 490 x 330 pixels gerelateerde projecten uitgelicht nieuws vrij te plaatsen content, zoals banners, links, downloads, nieuws, etc.
GRID ARTIKELPAGINA - VARIANT: BACHELOR DETAIL STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 9 sfeerfoto artikel 490 x 330 pixels subnavigatie artikel contact studeren vrij te plaatsen content, zoals banners, links,
GRID SUBHOME - ONDERZOEK & RESULTATEN STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 10 inleiding zoeken projecten interne links google maps
GRID SUBHOME - ONDERWIJS & OPLEIDINGEN STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 11 inleiding studenten wizard opleidingen interne links banners
GRID SUBHOME - EXPERTISE & DIENSTVERLENING STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 12 inleiding zoeken 618 x 416 pixels projecten thema s gerelateerde links
GRID - BACHELORPAGINA STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 13 980 x 440 pixels afbeelding titel + inleiding contact content vrij te plaatsen content (banners, links, downloads, nieuws, etc.) subfooter
GRID - LEERSTOELGROEP STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 14 contact inleiding 740 x 360 pixels afbeelding subnavigatie leden uitgelicht vrij te plaatsen content (banners, links, downloads, nieuws, etc.) vrij te plaatsen content (banners, links, downloads, nieuws, etc.) vrij te plaatsen content (banners, links, downloads, nieuws, etc.)
GRID - INSTITUUT STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 15 674 x 362 pixels foto carrousel titel + intro tekst carrousel contact onderzoeksgebieden vrij te plaatsen content (banners, links, downloads, nieuws, etc.) vrij te plaatsen content (banners, links, downloads, nieuws, etc.) vrij te plaatsen content (banners, links, downloads, nieuws, etc.)
GRID - UNIVERSITEIT STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 16 980 x 305 pixels titel + intro foto contact vrij te plaatsen content vrij te plaatsen content vrij te plaatsen content Uitgelicht 100 x 320 px banner 300 x 320 pixels facts & figures nieuws banner facts & figures
GRID - LANDINGSPAGINA DOELGROEPEN STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 17 640 x 430 pixels foto carrousel tekst carrousel contact titel, intro en links titel, intro en links titel, intro en links titel, intro en links titel, intro en links titel, intro en links
VOORBEELDEN OVERIGE PAGINA S wageningenur.nl
OVERIGE PAGINA S - VOORBEELDEN STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 19 Videopagina Blog 530 pixels breed 530 pixels breed
OVERIGE PAGINA S - VOORBEELDEN STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 20 Profiel medewerker Profiel medewerker (met uitgeklapt blok) 80 x 80 pixels
OVERIGE PAGINA S - VOORBEELDEN STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 21 Publicatie - overzicht Publicatie - detail
OVERIGE PAGINA S - VOORBEELDEN STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 22 Locatie 404-melding Ontwerp niet uitgevoerd
OVERIGE PAGINA S - VOORBEELDEN STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 23 Thema Onderzoeksschool 580 x 387 pixels 980 x 305 pixels
ZOEKEN & RESULTATEN wageningenur.nl
ZOEKEN (in ontwikkeling) STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 25
ZOEKEN STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 26
LOSSE ELEMENTEN wageningenur.nl
FORMULIER-ELEMENTEN STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 28 Standaard contactformulier bij contactpersoon
KLEUREN, STYLESHEET, OVERIG wageningenur.nl
KLEUREN Wageningenur.nl STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 30 HOOFDKLEUREN SUBKLEUREN Deze kleur blauw is een gecorrigeerde versie van de hoofdkleur blauw. Deze kleur wordt alleen gebruikt op tekst. #34B233 #6AADE4 #3A84C1 Hiermee zorgen wij ervoor dat de tekst hetzelfde kleurgevoel geeft als een volvlak van de hoofdkleur blauw. Dit is de hoverkleur op de hoofdkleur grijs. #EEEDE6 #005172 #DEDCCF Dit is de hoverkleur op de hoofdkleur oranje. #FF7933 #ED7301
Wageningen UR Colour Reference Card _ 1 STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 31
Wageningen UR Colour Reference Card _ 2 STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 32
STYLESHEET STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 33 530 pixels breed 220 pixels breed
STYLESHEET STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 34
ORGANIGRAMMEN - VOORBEELDEN STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 35 Full colour uitvoering met kleurcodering. Twee modellen: - organigram met achtergrondkleurvlak (linksonder) - organigram zonder achtergrondkleurvlak ( rechtsonder) Keuze model is vrij. Werkwijze: Vormgeving en beheer Wageningen UR organigrammen: Communication Services, afdeling vormgeving (archivering basistemplates, gecontroleerde update alle (taal)versies en bestandsformaten (o.a. AI, JPG, PNG, EMF). Contact: Francis Vos of Gea Hogeveen. Beheer organogrammen online: internetredactie Wageningen UR (omzetting naar clickable maps, publicatie op wageningenur.nl)
GRAFIEKEN STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 36 Onderstaande beschrijving is een advies voor de vormgeving. Advies aantal kleuren: maximaal 6. Als er meer kleuren nodig zijn is het verstandig om de informatie te verdelen over meerdere grafieken, omdat anders de grafiek niet meer goed leesbaar is. Kleurstalen: zie Wageningen UR Colour Reference Card, Artwork Colour Set
OVERIGE TOEPASSINGEN wageningenur.nl
MOBIEL STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 38
SOCIAL MEDIA STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 39 Social media elementen bestaan uit een avatar en een sfeerbeeld. De avatar is een samenstelling van een foto en het beeldmerk van WageningenUR. Het beeldmerk staat in een gekleurd vierkant vlak, in het groen uit de huisstijl. Sjabloon & richtlijnen beschikbaar bij Helpdesk Social Media: socialmedia@wur.nl + = 2 1 foto: 252 x 252 pixels
NIEUWSBRIEVEN STIJLGIDS WAGENINGENUR.NL VERSIE 1.0 40 Nieuwsbrief 1 Nieuwsbrief 1 (vervolg) Nieuwsbrief 2 598 x 150 pixels 598 x150 pixels Banner: enkelvoudige, inhoudelijke foto Kantlijnfoto: 179 x120 pixels