02 понравился, но был «голым». Здесь — то, чего не хватало: один акцентный оттенок, редакторские детали, которые делают вид дорогим, и шесть стилей иллюстраций (включая точечные), отрисованных на одном и том же объекте — чтобы сравнение было честным.
AАкцентный оттенокМинимализм держится на правиле «чёрный + белый + ровно один цвет». Вот кандидаты на этот один.
СпортSignal Red
Утренний забег у реки
5 км вдоль набережной · сб, 8:00
#E5251F
СпортKlein Blue
Утренний забег у реки
5 км вдоль набережной · сб, 8:00
#1B36C9
СпортCobalt
Утренний забег у реки
5 км вдоль набережной · сб, 8:00
#3B5BFF
СпортAcid Lime
Утренний забег у реки
5 км вдоль набережной · сб, 8:00
#C6E600
СпортBurnt Orange
Утренний забег у реки
5 км вдоль набережной · сб, 8:00
#FF5A1F
СпортМонохром
Утренний забег у реки
5 км вдоль набережной · сб, 8:00
#111111
BДетали, которые делают «дорого»Не цвет, а типографика и сетка. Карточка ниже собрана из этих приёмов.
СООБЩЕСТВА · УФА — 12 АКТИВНЫХ — 340 УЧАСТНИКОВ — БЛИЖАЙШЕЕ СБ 8:00 — СООБЩЕСТВА · УФА — 12 АКТИВНЫХ — 340 УЧАСТНИКОВ — БЛИЖАЙШЕЕ СБ 8:00 —
01
Спорт · рядом с тобой
Утренний забег у реки
5 км вдоль набережной, спокойный темп, после — кофе. Новичкам рады.
Когдасб, 8:00
ГдеНабережная
Идут+18
Ценабесплатно
Индекс-номераКрупные цифры 01/02 как якоря — порядок и «каталог».
Hairline-сеткаЛинии в 1px делят инфо на колонки — газетная точность.
НадзаголовокКапс с трекингом + акцентный цвет — единственное пятно цвета.
ТикерБегущая строка статуса — живость без картинок.
CСтили иллюстрацийОдин и тот же объект (метка на карте) в шести техниках. Точечные — №01.
01Точечные / stipple
Из множества мелких точек одного размера. Тонко, «гравюрно», дорого. Хорошо для портретов мест, иконок разделов.
когда: премиальность, тишина, ручная работа
02Полутон / halftone
Точки растут от мелких к крупным — градиент из растра. Печатно, ретро-журнально.
когда: динамика, постеры событий, обложки
03Монолиния
Один контур, без заливки, ровная толщина. Лёгкое, дружелюбное, легко масштабируется.
когда: иконки, пустые состояния, схемы
04Геометрия / Bauhaus
Плоские примитивы: круг, треугольник, дуга. Строго в духе швейцарской школы.
когда: айдентика, категории, паттерны
05Ризограф
Два цвета внахлёст со смещением и зерном. «Живая» типографика, инди-печать.
когда: афиши, спецпроекты, мерч
06Пиксель / блоки
Грубая сетка квадратов. Цифровой, честный, «без украшательств».
когда: техно-настроение, бейджи, лоадеры
DКартинки в карточкахОдно фото — 12 обработок. Чтобы изображения не были унылыми и держали стиль 02.
D1 · Ч/БСпорт
Утренний забег у реки
сб, 8:00 · +18
D2 · Дуотон RedСпорт
Утренний забег у реки
сб, 8:00 · +18
D3 · Дуотон CobaltСпорт
Утренний забег у реки
сб, 8:00 · +18
D4 · Шарп + контрастСпорт
Утренний забег у реки
сб, 8:00 · +18
D5 · Зерно / risoСпорт
Утренний забег у реки
сб, 8:00 · +18
D6 · ПолутонСпорт
Утренний забег у реки
сб, 8:00 · +18
D7 · Вырез под pinСпорт
Утренний забег у реки
сб, 8:00 · +18
D8 · Вырез под аркуСпорт
Утренний забег у реки
сб, 8:00 · +18
D9 · Блоб ①Спорт
Утренний забег у реки
сб, 8:00 · +18
D9 · Блоб ②Спорт
Утренний забег у реки
сб, 8:00 · +18
D9 · Блоб ③Спорт
Утренний забег у реки
сб, 8:00 · +18
D9 · Блоб ④Спорт
Утренний забег у реки
сб, 8:00 · +18
Спорт
Утренний забег у реки
сб, 8:00 · +18
D10 · Скрим + текст
D11 · Рамка + offsetСпорт
Утренний забег у реки
сб, 8:00 · +18
D12 · Тинт + зум ⤢Спорт
Утренний забег у реки
наведи курсор
Эффекты делаются CSS/SVG-фильтрами поверх обычного <img> — фото загружаешь как есть, обработка применяется автоматически по классу карточки. Вырезы под pin/арку — через SVG clip-path, тянутся под любой размер.
Как читать: секция A — выбери оттенок (1 штука), B — это уже «дорогой» вид без иллюстраций вообще, C — если захотим картинки, выбери технику. Мой дефолт для городских сообществ: акцент — Signal Red или Cobalt, иллюстрации — монолиния (03) для иконок и точечные (01) для крупных «обложек».
Скажи: какой акцент + какая техника иллюстраций — и я переложу 02 в реальные токены frontend/src/index.css и компоненты. Если ни одна техника не зашла — опиши словами, добавлю ещё.