Кодекс дизайна студии «Кантри». Без воды — про результат.
Охуенный дизайн — это когда задача решена, а не когда «красиво».
Три проверки в конце работы:
- Решает задачу клиента (конверсия, узнаваемость, продажа — что бы ни стояло в брифе).
- Не мешает пользователю (понятно за 3 секунды, не спотыкаешься).
- Не стыдно показать через год (не привязан к тренду, не выглядит «из 2024»).
Если одно из трёх провалилось — дизайн не охуенный, а просто картинка.
- Не начинай с палитры и шрифтов. Сначала ответь: «что должен почувствовать/сделать человек, который на это смотрит?».
- Один макет — одна задача. Если на макете решается пять задач — он не решает ни одной.
- Глаз должен идти туда, куда нужно. Используй размер, контраст, пространство — не декоративные элементы.
- Один акцент на экран/баннер. Два акцента — уже конкуренция за внимание, оба проиграют.
- Воздух решает больше, чем украшения. Белого пространства не бывает слишком много.
- Один кейс — это не «сделали сайт», это «сделали систему: компоненты, состояния, ошибки».
- Кнопка — это не «синяя кнопка», а: primary, secondary, disabled, hover, loading, success, error.
- Сетка, отступы, типографика — зафиксированы в токенах, а не «на глаз».
- Любой макет начинается с сетки и потока, не с логотипа в углу.
- 12-колоночная сетка — для лендингов и сайтов. Сетка 6/8 — для мобильных.
- Отступы кратны 4 или 8 px. Не 7, не 13. Кратность = дисциплина.
- Палитра: 1 основной + 1 акцент + нейтральные. Больше = шум.
- Проверяй в grayscale: если макет читается в ч/б — иерархия правильная.
- Не используй цвет для передачи информации (для этого есть иконки, текст, формы). Цвет — для усиления.
- Один шрифт. Sans для интерфейса, Serif для editorial — но не оба на одном экране.
- Шкала размеров: H1 / H2 / H3 / body / small. Не выдумывай новые.
- Line-height: 1.4-1.6 для текста, 1.0-1.2 для заголовков.
- Не больше 65 символов в строке.
- Тренды — это не правила. Это то, что делают все прямо сейчас, и через год это будет «ну типичный 2024».
- Используй приёмы, не визуальный язык. Приём (анимация, микро-взаимодействие) переживает тренд (неоморфизм, глассморфизм).
- Если тренд держится 3+ года — он уже приём (плоский дизайн, брутализм в типографике).
Самопроверка дизайнера перед сдачей макета:
- 🎨 Палитра из 6 цветов «потому что красиво»
- 📐 Шрифты разного размера «по вдохновению», без шкалы
- 📱 «Адаптив сделаем потом»
- 💬 Тексты «Lorem ipsum dolor sit amet» — клиент должен увидеть реальные тексты
- 🖼️ Стоковые фото с улыбающимися белыми людьми в костюмах
- ✨ Анимация везде, где может быть, и где не может
- 📦 Компоненты «нарисованы под этот макет», не из системы
- ⏰ Ссылка на тренд как обоснование («ну так сейчас делают»)
- ❌ Не рисуем «как у Apple» — у нас другая задача
- ❌ Не делаем «дизайн ради дизайна» — это не выставка
- ❌ Не выкатываем макеты без тестирования (даже быстрый клик-тест с командой)
- ❌ Не объясняем клиенту на языке «мы используем микро-грид-систему» — клиент покупает результат, а не процесс
Хороший дизайн — это так мало дизайна, как возможно.
— Дитер Рамс (плюс наша версия): «и так много результата, как возможно».
Создано 2026-08-19. Автор: Илья Уткаев. Обсудить и дополнить — в этом же файле или в отдельной wiki-статье.