Готовим правильно

Дизайн шаблонов для кулинарного сайта.

Также разработан логотип.

А вот ещё интересно ↓

Сочная гранатовая страница для «ошибки 404»:

Ошибка 404

 

Сайт начинаем делать с самой глубины — со страницы рецепта. Заказчик утверждает макет — горизонтальное меню сверху + две колонки:

Сетка

Смотрим, насколько этот макет будет соответствовать реальности. В левой колонке располагается рецепт, в правой — ссылки на другие рецепты из этой же категории:

Меню - первый вариант

Заказчику нравится левая колонка, дизайнеру не нравится правая. В результате этого внутреннего конфликта правая колонка переделывается и становится более компактной:

Страница с рецептом

На основе той правой колонки оформляем страницу со списком рецептов:

Список рецептов

И наконец добираемся до главной страницы:

Главная страница

В процессе вёрстки выясняется, что шрифт Century Gothic, первоначально выбранный для заголовков, в браузере смотрится не так хорошо, к тому же при работе с ним возникают некоторые технические сложности. Поэтому отказываемся от него и на всём сайте используем Open Sans.