Антон Нагаец

Дано:
1) Дизайн либо в виде исходного файла psd, ai, cdr или уже сверстаный в html+css+js
2) Дана CMS с определенным набором шаблонов.
Требуется: Перегнать готовый макет в удобоваримую для CMS форму.
Как правило это разрезка готового шаблона на блоки и верстка данных блоков под стандарт CMS (отдельно формы комментариев, публикации, галереи, основной файл куда подключаются блоки и так далее).

colorscheme.ru Как пример с вашим цветом. Думаю проще будет подобрать там и посмотреть в примере тестовой страницы

если вас забанили в гугле или ваши пальцы сильно устали то Вторая ссылка с гугла https://www.google.ru/search?q=MetaMediumLFC+Roman

0) GRID! - это первое и незыблемое правило слаженной работы дизайнера и верстальщика. Если в макете присутствует сетка 50% вопросов решается.
1) Основы HTML CSS. Чтобы дизайнер понимал поведение элементов на странице.
2) Проблемы рендеринга браузеров и проблему идентичности пикселя. Опять же образно.
3) Понимание mobile-first и desktop-first это решит проблемы с версткой отрисованных макетов в плане позиций элементов.
4) Принцип работы анимации js/canvas, чтобы понимать что хрен верстак сделает 7 красных перпендикулярных линий превращающихся в котенка.

UI kit вам в помощь. выбирайте на свой вкус и цвет.
Примеры:
тыц раз
тыц два