Katsellessamme Photoshop-mallia kirjoitamme aloittamaan HTML-kuvauksen kuvaamaan mitä katsomme. Käytämme tietenkin HTML5: tä aina, kun on järkevää pysyä mahdollisimman ehdottoman semanttisena. Esimerkiksi käytetään elementtiä julkaisupäivänä , koska tiedät, että se on älykäs ja semanttinen.
Kosketamme hieman Zen-koodauksen käyttöä ja siirrymme CodePeniin, koska siinä on se sisäänrakennettu. Komennon napsauttaminen Sublime Text 2: ssa on myös mahtavaa.
Käytämme HTML-kommentteja (toistaiseksi) merkitsemään lopputunnisteita, jotka ovat kaukana avaavasta vastaavasta. esimerkiksi
… lots of space Nimikkeissämme käytämme joitain todellisia otsikoita live-verkkosivustolta, joten työskentelemme todellisen sisällön kanssa.