Aanleveren van items

Template

Meta informatie

Meta description: Een korte omschrijving van de website, in 1 alinea.
Meta keywords: 15 pakkende steekwoorden, comma gescheiden.

Logo

Bestandsnaam: logo.svg

Icon

Tegenwoordig hebben de verschillende systemen, iOS, Android, Windows etc allemaal verschillende maten iconen nodig. Deze verschijnen bijvoorbeeld op de homescreens.
Afmeting: 512x512px

icon.png
icon.svg

WordPress theme screenshot

Afbeelding die in WordPress zichtbaar is en de template weergeeft.
Bestandsnaam: screenshot.png
Afmeting: 1200x900px

Fonts

Om het font in ontwerpen te kunnen zien is de desktop versie nodig. Om het font in websites te tonen is een webkit of een weblink noodzakelijk.

Desktop versie(s)
Webkit versie(s)

Weblinks: https://typekit.com https://www.google.com/fonts http://myfonts.com

Kleuren

Een kleuren overzicht zodat er geen afwijking in de kleuren kan ontstaan.

hex, bijvoorbeeld #ff0000
rgba, bijvoorbeeld 255,0,0.1

Ontwerp

Sketch en illustrator hebben alle moderne schermgrootte standaard beschikbaar bij het aanmaken van een nieuw document.
Maak het artboard de maat waarin je werkt, wil je dus een “breakpoint” aangeven van 1200px, dan is je artboard ook 1200px breed!
Wil je 4 breakpoints? Dan heb je dus ook 4 artboards, voor elke pagina. Hoe minder breakpoints hoe minder werk, voor de ontwerper en voor de ontwikkelaar.
Je ontwerp maak je op 100%
Alle elementen staan op hele pixels
Alle maten zijn in pixels
Font grootte zijn in pixels
Artwork is in vector formaat opgemaakt

Typografie

Een overzicht van alle typografie stijlen. Bijvoorkeur in een Sketch document. In een Photoshop of Illustrator bestand is ook goed echter dan moeten er duidelijke maten en font grootte, regelafstanden etc bij vermeld worden.

Minimale stijlen

H1 t/m H6 kopjes / stylen
P paragraaf tekst
BLOCKQUOTE quote
A links

Bij een responsive layout graag een layout en styles voor alle breakpoints.

Bestandsnamen

altijd met extensie
allemaal kleine karakters
geen spaties
geen vreemde tekens