ШАГ 5:
Создать цветовую палитру для второго кита
Описание шага
[Что делать] Разработай 1 primary (синий), 1 secondary (серый), 2 акцента (зеленый/оранж), нейтралы (белый/черный + градации). Тестируй контраст.
[Как это работает] Новая палитра позволит варьировать киты без потери стиля.
[Ожидаемый результат] Файл с 8 цветами для Кита2.
[Критерий готовности] Swatch-файл с именами цветов (primary-500, accent-green).
Как выполнить шаг
1) [Подготовка] Открой Кит1 как референс.
2) [Действие 1] Выбери новые базовые цвета по колесачу.
3) [Действие 2] Создай 500 градации для каждого.
4) [Действие 3] Проверь WCAG контраст >4.5:1.
5) [Проверка результата] Цвета читаемы на белом/черном.
6) [Что дальше] Примени к кнопкам — шаг 6.
Частые ошибки
1. [Слишком ярко]: Выбирают неон, который устает глаза. Тестируй на readability сразу.
Полезные инструменты
Векторный редактор с color picker.
🎯 Цель с этим шагом
Освой создание готовых UI-наборов для ускорения веб-проектов. За 8 недель соберешь 12 полноценных китов с кнопками, формами и элементами — портфолио для фриланса и роста в дизайне.
Подробнее о цели →