Eddig a tényleges webhely egyáltalán nem hasonlít a Photoshop tervezésére. Ebben a képernyõben pontosan ezt csináljuk, kezdve a tetején fejlécünkkel és logónkkal. Jó érzés egy kicsit „igazi” kezdéssel kezdeni az oldal vizuális megépítését.
Frank DeLoupe-t használunk színválasztóként, amely remekül integrálódik a Photoshopba (ez teszi azt a színt, amelyet a Photoshop aktív színének kiválasztásakor, valamint a vágólapra másol).
Egy ponton megváltoztatjuk a Sass / Compass konfigurációt a CSS összeállításához, :expanded ahelyett, :compressedhogy a tényleges CSS-t hibakeresési okokból generálnánk.
Kicsit fel kell használnunk az agyunkat abban, hogy hogyan helyezkednek el a dolgok, és hogyan reagálnak a böngészőablak folyékony jellegére. Például a naplónak mindig érintenie kell a bal felső sarkot.
Rettenetesen sokat mozogunk az értékek körül, hogy a dolgok megfelelőek legyenek, valamint apró részleteket adunk ide-oda, hogy a dolgok jobban kinézzenek, például enyhe árnyékokat adunk a papírköteg effektushoz.