# Design Requirements

# Dutch

# Aanlevering

• Design preview in Zeplin, Invision (of dergelijk programma) met Inspect Element mogelijkheid.

Inspect Element biedt de mogelijkheid om in het design direct te kunnen zien wat de (CSS) styling is van een element (bijvoorbeeld de pixels en de font-size is van een titel).

Als je in je bewerkingsprogramma gewerkt hebt in retina hou dan rekening mee dat je dit moet laten omzetten in de preview naar normaal formaat. Zo voorkomen we verwarring aan de Frontend. De Frontender moet in de preview direct kunnen zien wat het aantal pixels is van het eindresultaat (non-retina).

• Indien Inspect Element mogelijkheid niet mogelijk is dan graag lijstje aanleveren met font-family's, font-sizes, kleurcodes etc.

In het geval van de VaaS levert de Frontend alleen een CSS file aan, files zoals bijvoorbeeld de font files worden ingeladen van de omgeving van het merk zelf. In dit geval moet MyChannels exact weten welke CSS selector(s) het merk gebruikt voor de font-family. Dit moet dan dus ook aangeleverd worden, LET op dit is karaktergevoelig.

Voorbeeld van aanlevering van font-family CSS selector:

font-family: Arial,"Helvetica Neue",Helvetica,Arial,sans-serif;

• Optioneel: Lever PSD/Sketch files aan
• Gebruik je geen standaard fonts? Lever dan ook font files aan zodat MyChannels in eerste instantie lokaal kan testen of het goed gaat met de font-family's.

# Breakpoints

We hanteren een mobile first approach vanaf 320px en groter, daarnaast hanteren we deze 4 breakpoints: 600px, 768px, 1024px en 1280px voor devices met grotere schermen.