Концепт № 296 из 336 · Культура и досуг

Сторона б

Виниловый клуб после закрытия дел

Категория
Культура и досуг
Платформа
Каталог пластинок
Стиль
Тёплый ретро-каталог
Шрифты
Arial, Consolas, Georgia
Объём
10 КБ, одна HTML-страница
lawlabs.ru/demo/storona-b/
Сторона б — первый экран концепта
01

Задача

Виниловый клуб после закрытия дел.

Юристы вне работы: события, клубы, музыка и игры. Визуальный язык смелее, но смысл остаётся юридическим.

Платформа — Каталог пластинок; визуальный язык — «Тёплый ретро-каталог»

«После точки.»Главное сообщение первого экрана
02

Структура

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

H1После точки.
H2Какая сторона?
H2Выберите пластинку
03

Цвет

Палитра собрана из стилей прототипа: фон, текст, акценты и промежуточные тона.

#EEE5D1фон
#DF5B32акцент
#262620текст
#E0AD84акцент
#D8C7A8тон
04

Типографика

Шрифты задают характер раньше, чем пользователь прочтёт первое слово.

Аа Бб Жж Юю 1995 §
Arial
системный
Аа Бб Жж Юю 1995 §
Consolas
системный
Аа Бб Жж Юю 1995 §
Georgia
системный
05

Экраны

Компьютер · 1440 px
Сторона б — страница целиком
Сторона б — мобильная версия
06

Прототип

Это не картинка, а работающая страница: кнопки, поля и анимации живые. Запустите прямо здесь или откройте в новой вкладке.

lawlabs.ru/demo/storona-b/
10КБ — вся страница целиком
3секции
4кнопки
0полей ввода
0SVG-иллюстраций
JSинтерактив на JavaScript

Культура и досуг — ещё концепты

№ 302 · Billable Beats
№ 302Культура и досуг

Billable Beats

Синтетическая звуковая студия для фокуса

WebAudio микшер · Кислотная студийная панель
№ 305 · Case Stories
№ 305Культура и досуг

Case Stories

Документальный стиль, вымышленные истории

Подкаст-лента + транскрипт · Тёплая радиогазета
№ 314 · Sound Of Justice
№ 314Культура и досуг

Sound Of Justice

Хоровая лаборатория голосов и согласия

Партитура + тон-генератор · Индиговая музыкальная схема

Сделаем такой же — для вас

Возьмём концепт за основу: адаптируем под бренд, наполним вашими текстами и данными, подключим интеграции и запустим.