Cílem projektu je vytvořit co možná nejvěrnější kopii zadaného grafickém návrhu. Soubor podklady.zip obsahuje veškeré obrázky použité v návrhu. Placeholdery jsou vloženy přes službu dummyimage.com. Avatar je generován pomocí služby SVG avatars (je možné vytvořit si vlastního). V návrhu je použito písmo Roboto.
Barvy
#ff9301, pozadí v hlavičce a za nadpisy je v kombinaci s průhledností 0.5, barvu je možné vhodně změnit dle použitého avatara
#0b0b15, nadpisy
#555555, text
#bbbbbb, rámečky formulářů
#eeeeee, oddělovače (sekce Experience a patička stránky)
#f7f7ff, pozadí
Mezery a rozměry
Většina mezer je 1em, zdvojené mezery (sekce What I do? a Experience) jsou 2em. Průžné mezery (okraje stránky, mezery mezi sekcemi) jsou 4vw.
Čára pod aktivní položkou menu (viz obrázek níže) má 3px.
Výška menu je 3em. Kulaté rohy (labely a tlačítka) jsou 0.3em. Šířka stránky je 1140px. Obecně je možné mezery vhodně upravit. Musí ale být zachována logika designu.
Písmo
Písmo je použito v šířkách 400 a 900. Výška řádku je 1.5. Velikost zmenšeného písma je 0.9em. Písmo v hlavičce je velikosti 6em a 2em.
Breakpointy
Breakpointy (obrázky v grafickém návrhu) jsou pro rozlišení ≥1200px (extra velké zařízení), 1199px–960px (velké zařízení), 959px–560px (středně velké zařízení) a 559px–360px (malé zařízení).