Za to zasnovo v Photoshopu zagotovo nismo "končali", vendar imamo dovolj dela, da začnemo ustvarjati to obliko v brskalniku. Konec koncev, to je spletno mesto, ki ga gradimo in ni slika spletnega mesta (kot pravijo).
Ustvarimo mapo, ki bo doma za ta projekt, nato pa ročno izdelamo vse osnovne elemente projekta: datoteko index.html, mape virov in podobno. Lahko bi uporabili HTML5 Boilerplate, vendar smo se odločili, da bi bilo najbolje, da pišemo iz nič, nato se vrnemo nazaj in se sklicujemo na to, da v prihodnosti ne bomo ničesar pogrešali.
Za ogled mape našega projekta smo nastavili CodeKit. Tako lahko delamo v poljubnih jezikih predprocesorja, med drugim med drugim, ki jih bo CodeKit naredil za nas. CodeKit nam samodejno vbrizga na novo sestavljeni CSS neposredno v brskalnik, ki je v veliko pomoč pri razvoju.
Predstavljamo zelo osnovne koncepte Sass, ki jih bomo uporabljali v celotnem projektu.