Услуга · Дизайн
UI-kit для сайта
Все страницы сайта выглядят как один продукт: одинаковые кнопки, поля, карточки и отступы. Новый блок собирается из готовых компонентов, а не рисуется с нуля.
Цена и состав
Цена
- Специалистам
- 15 800 ₽
- Доля компании
- 3 000 ₽
- Налог
- 1 200 ₽
- Срок
- 3–7 рабочих дней
- В прайсе
- UI-kit проекта
Что входит
- палитра с ролями цветов, типографика, сетка и отступы — переменными Figma
- базовые компоненты с состояниями: кнопки, поля, чекбоксы, карточки, формы, навигация, уведомления
- пример страницы, собранной из компонентов
- библиотека в Figma и короткое описание правил
Что нужно от вас
- логотип, брендбук или референсы
- ссылка на текущий сайт, если он есть
Входит бесплатно по стандартам
- Единая сетка расположения элементов
- Согласованные отступы
- Согласованные размеры и начертания текста
- Согласованные цвета интерфейса
- Читаемый контраст текста и элементов
- Заметное выделение активного элемента
- Понятная реакция на наведение
- Понятная реакция на нажатие
- Понятные недоступные действия
- Переиспользуемые компоненты согласованного набора
- Согласованные состояния компонентов
- Единые настройки оформления компонентов
- Удобное попадание по кнопкам на телефоне
- Графика подготовлена к использованию
Частые вопросы
У нас есть брендбук, зачем ещё UI-kit?
Брендбук — про логотип, цвета и тон. UI-kit — про кнопки, поля, отступы и состояния на экране. Второе строится на первом. Брендбука нет — начнём с референсов и разговора о характере компании.
Когда UI-kit окупается?
Когда блоков и страниц много или сайт дорабатывают разные люди. Новые блоки собираются из готовых компонентов: дизайн блока и вёрстка идут быстрее и выглядят одинаково.
Верстальщику что-то ещё понадобится?
Нет: цвета, шрифты и размеры заведены переменными, состояния элементов нарисованы. Вёрстка совпадает с макетом без догадок.
После сдачи
- После сдачи: неделя на правки согласованного результата, месяц на небольшие корректировки.
- Свою ошибку чиним бесплатно, пока проект на том же стеке и хостинге.
- Оплата: 50/50, три платежа, рассрочка Т-Банка, постоплата повторным клиентам.
Расскажите, что нужно сделать
Коротко разберём задачу и скажем, какой следующий шаг. Первый разговор — бесплатно.
Связано с