стайлгайд

Для самого уютного медиа

О бренде

1

О медиа

verānda — медиа о современной загородной жизни и отдыхе вне города и на природе.

2

Личность бренда

3

Суть

verānda — ваше комфортное
приключение за городом.

4

Суть

Переосмыслить и освежить взгляд
на загородную жизнь. Отдых на природе может быть подходящим и интересным для всех.

Построение логотипа

1

Основа

Фундамент логотипа составляет шрифт Manrope. Первая латинская буква «а» написана курсивным начертанием шрифта 21 Cent.

2

Метафора

Выносной элемент буквы «а» — надчеркивание, собирает остальные буквы под крышей уютного домика.

3

Начертание

4

Начертание

5

Правила

Нельзя использовать неконтрастное сочетание цветов или окрашивать в нефирменный цвет,использовать логотип в качестве маски.

6

Варианты логотипа

Логотип должен быть всегда
контрастным по отношению к цвету фона.

Фирменные цвета

1

Семантика цвета

Цветовая палитра отражает спокойный, расслабленный и одновременно свежий
характер загородной жизни.

2

Использование цвета

В зависимости от цвета фона, молочного или салатового, в качестве цвета типографики или графики выступают либо еловый, либо молочный цвет.

Типографика

1

Семантика шрифта

Изящная и освежающая антиква в сочетании
с комфортным гротеском.

Наборный и заголовки

Manrope

Аа Бб Вв Гг Дд Ее Жж Зз Ии Йй Кк Лл Мм Нн Оо Пп Рр Сс Тт Уу Фф Хх Цц Чч Шш Щщ Ъъ Ыы Ьь Ээ Юю Яя .,;!? 1234567890

Акцент

21 Cent Italic

Аа Бб Вв Гг Дд Ее Жж Зз Ии Йй Кк Лл Мм Нн Оо Пп Рр Сс Тт Уу Фф Хх Цц Чч Шш Щщ Ъъ Ыы Ьь Ээ Юю Яя .,;!? 1234567890

2

Правило использования

Используя шрифт 21 Cent в акциденции,
необходимо добавлять к его значению 2px
для компенсации размера строки Manrope.

Сетка

1

Десктоп

24 колонки, margin: 150px, gap: 15px. Слева располагается краткое описание текста, а от середины
по левой выключке располагается основной текст.

2

Мобильная версия

На телефоне 4 колонки, margin 20px, gap 8px.

Фотографии

1

Стилистика

На фотографии с природой и дачной жизнью поверх помещается зелено-лазурный градиент (#85DBE5
и #A7EF9B). 20-30% прозрачности: чем меньше ненасыщенность кадра — тем меньше прозрачность градиента.

2

Особенности

В выбранных кадрах должно присут-ствовать много воздуха, около 20-40% от всей композиции. Фотография должная передавать настроение расслабленности и покоя

Графика

1

Стилистика

По смыслу иконки выступают как интерпретация смысла текста или как метафора на выбранное явление.

2

Фон

На фоне может располагаться радиальный градиент на основе фирменных цветов, которые подчеркивает графику.

3

Правила иконок

1) Иконки могут формировать вместе
цельный сюжет

2) Должен соблюдаться хороший
контраст между размерами иконок

3) Иконки могут накладываться
друг на друга, формируя глубину

Носители