ОСНОВА ЕДИНОГО ИНТЕРФЕЙСА
UI-система.
Цвет, типографика и компоненты интерфейса.
EmitLab / Цвета
01Primary
#3BB9B6Accent
#6C63FFBrand blue
#093B80Text
#121314Muted
#CBCBCBSurface
#F3F3F3White
#FFFFFFError
#DE4B43Success
#1EA05DEmitLab / Типографика
02Arial / Helvetica · Regular & Bold
Заголовок H1
48 / 56 · RegularЗаголовок H2
36 / 44 · RegularОсновной текст
16 / 24 · RegularПодпись
12 / 18 · RegularEmitLab / Кнопки
03Состояния и размеры
Наведите на кнопку, чтобы проверить взаимодействие
| Вариант / размер | Default | Hover | Click | Inactive |
|---|---|---|---|---|
| С заливкой48 px | ||||
| С обводкой48 px | ||||
| С заливкой40 px | ||||
| С обводкой40 px | ||||
| С заливкой32 px | ||||
| С обводкой32 px |
EmitLab / Кнопки с иконками
04В круге
40 × 40 px| Состояние | Удалить | Редактировать | Шахматка |
|---|---|---|---|
| Default | |||
| Hover | |||
| Click |
Без фона
40 × 40 px| Состояние | Удалить | Редактировать | Заблокировать | Восстановить |
|---|---|---|---|---|
| Default | ||||
| Hover | ||||
| Click |
EmitLab / Поля ввода
05Подписи, подсказки и состояния. Текстовые поля растут вместе с содержимым.
Input
44 pxПроверьте значение
Нельзя изменить статус заявки, если не назначен менеджер. Назначьте менеджера, чтобы изменить статус.
Select
44 pxВыберите вариант
Textarea
Автовысота · от 96 pxДополните описание
Попробуйте вместе
Заполните форму — результат появится ниже