Opdracht
Bedenk hoe de style guide er uitziet van jouw eigen portfolio website.
Maak een van beide:
- In Photoshop/Illustrator/pakket naar keuze.
Zet alle maten van fonts en breedte/hoogte van knoppen in pixels erbij. - In HTML, zodat jij of een developer zo jouw code kan copy & paste
Jouw styleguide bevat de volgende onderdelen:
Geef in de style guide een voorbeeld van:
- Kop 1, kop 2, etc
Vergeet line-height en font-size niet - Paragraaf / platte tekst
Vergeet line-height en font-size niet - Links (actief / rollover, mag in paragraaf tekst)
- Navigatie / menu (hamburger?)
- Basiskleuren (toon ook RGB of hexadecimale waarden)
- De sfeer van jouw visuals
- logo
- foto’s
- tekeningen
- icons
- Knoppen
- Lijsten (bullet points etc)
- Marges logo