Игорь Штанг (nobelfaik) wrote,
Игорь Штанг
nobelfaik

Categories:

Сайт «Веб-стандартов»

В прошлом году нарисовал сайт для «Веб-стандартов».

На первом этапе нужно было сделать главную страницу и раздел статей, остальные разделы будут добавляться позже. Главная страница спроектирована на вырост: каждый тематический блок занимает свой отдельный этаж, поэтому новые блоки можно добавлять без перестройки уже существующих.

Не во всех статьях есть картинки и не всегда они хорошего качества, поэтому от иллюстрации в анонсах отказались в пользу портрета автора. На главной иллюстрация есть только у самой свежей статьи:



Если картинки нет совсем, ее место занимает один из фирменных паттернов ↓

Для верстки статей разработан полный набор стилей: заголовки, выноски, цитаты, списки, иллюстрации, фрагменты кода и т. д.:

Чтобы новый дизайн не потерял связь с прошлой версией «Веб-стандартов», мы сохранили знак и сине-зеленую гамму.

К сожалению, разработчики сверстали сайт без моего участия, поэтому я показываю свои макеты, а не скриншоты. Найдите сто отличий :–)


Иконки и паттерны: Алексей Грабилин
В эпизодах: Сергей Мусаилов
Шрифты: RF Dewi и RF Rostin
Tags: веб, верстка, портфолио, сайт, типографика
Subscribe

Posts from This Journal “портфолио” Tag

  • Челябинские адресные таблички в жизни

    В этом году мы с Ильей Бирманом анонсировали стандарт адресной навигации для Челябинска. Некоторые компании захотели повесить таблички на своих…

  • Все афиши «Большой переверстки»

    Собрал афиши «Большой переверстки» вместе. Не все получились идеально, но некоторые мне прям нравятся: с мясорубкой, венчиком,…

  • Адресные таблички Челябинска

    Мы с Ильей Бирманом разработали стандарт адресной навигации для Челябинска. Получилась гибкая система с большим количеством вариантов компоновки. Это…

  • Post a new comment

    Error

    default userpic

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 1 comment