Роскомнадзор случился. По крайней мере у моего провайдера.

src/_header.html
<nav>
  <ul>
    <li class="@@activeclassHome">Home</li>
    <li class="@@activeclassAbout">About</li>
  </ul>
</nav>

src/index.html
@@include('_header.html', {activeclassHome": "active", "activeclassAbout": ""})

src/about.html
@@include('_header.html', {activeclassHome": "", "activeclassAbout": "active"})

Для psd-файлов можно использовать фотошоп с расширением CSS hat.
Либо сторонние программы тип: avocode, figma, zeplin. Мне больше по душе avocode, либо верстать с фотошопа.
Если сидишь под виндой, а макет скинули в скетче, то используй figma.