UI-компоненты
Кнопки, поля ввода, бейджи и другие элементы интерфейса в цветах вашей палитры
Оповещения
| Сплошной | Мягкий | |
|---|---|---|
Основной | Доступно обновление | Доступно обновление |
Вторичный | Доступно обновление | Доступно обновление |
Третичный | Доступно обновление | Доступно обновление |
Акцент | Доступно обновление | Доступно обновление |
Поверхность | Доступно обновление | Доступно обновление |
Основной#264653
Сплошной
Доступно обновление
Мягкий
Доступно обновление
Вторичный#2A9D8F
Сплошной
Доступно обновление
Мягкий
Доступно обновление
Третичный#E9C46A
Сплошной
Доступно обновление
Мягкий
Доступно обновление
Акцент#F4A261
Сплошной
Доступно обновление
Мягкий
Доступно обновление
Поверхность#E76F51
Сплошной
Доступно обновление
Мягкий
Доступно обновление
Выноски
| Сплошной | Мягкий | Поверхность | Контур | |
|---|---|---|---|---|
Основной | Есть отзыв? Мы будем рады узнать ваше мнение. | Есть отзыв? Мы будем рады узнать ваше мнение. | Есть отзыв? Мы будем рады узнать ваше мнение. | Есть отзыв? Мы будем рады узнать ваше мнение. |
Вторичный | Есть отзыв? Мы будем рады узнать ваше мнение. | Есть отзыв? Мы будем рады узнать ваше мнение. | Есть отзыв? Мы будем рады узнать ваше мнение. | Есть отзыв? Мы будем рады узнать ваше мнение. |
Третичный | Есть отзыв? Мы будем рады узнать ваше мнение. | Есть отзыв? Мы будем рады узнать ваше мнение. | Есть отзыв? Мы будем рады узнать ваше мнение. | Есть отзыв? Мы будем рады узнать ваше мнение. |
Акцент | Есть отзыв? Мы будем рады узнать ваше мнение. | Есть отзыв? Мы будем рады узнать ваше мнение. | Есть отзыв? Мы будем рады узнать ваше мнение. | Есть отзыв? Мы будем рады узнать ваше мнение. |
Поверхность | Есть отзыв? Мы будем рады узнать ваше мнение. | Есть отзыв? Мы будем рады узнать ваше мнение. | Есть отзыв? Мы будем рады узнать ваше мнение. | Есть отзыв? Мы будем рады узнать ваше мнение. |
Основной#264653
Сплошной
Есть отзыв?
Мы будем рады узнать ваше мнение.
Мягкий
Есть отзыв?
Мы будем рады узнать ваше мнение.
Поверхность
Есть отзыв?
Мы будем рады узнать ваше мнение.
Контур
Есть отзыв?
Мы будем рады узнать ваше мнение.
Вторичный#2A9D8F
Сплошной
Есть отзыв?
Мы будем рады узнать ваше мнение.
Мягкий
Есть отзыв?
Мы будем рады узнать ваше мнение.
Поверхность
Есть отзыв?
Мы будем рады узнать ваше мнение.
Контур
Есть отзыв?
Мы будем рады узнать ваше мнение.
Третичный#E9C46A
Сплошной
Есть отзыв?
Мы будем рады узнать ваше мнение.
Мягкий
Есть отзыв?
Мы будем рады узнать ваше мнение.
Поверхность
Есть отзыв?
Мы будем рады узнать ваше мнение.
Контур
Есть отзыв?
Мы будем рады узнать ваше мнение.
Акцент#F4A261
Сплошной
Есть отзыв?
Мы будем рады узнать ваше мнение.
Мягкий
Есть отзыв?
Мы будем рады узнать ваше мнение.
Поверхность
Есть отзыв?
Мы будем рады узнать ваше мнение.
Контур
Есть отзыв?
Мы будем рады узнать ваше мнение.
Поверхность#E76F51
Сплошной
Есть отзыв?
Мы будем рады узнать ваше мнение.
Мягкий
Есть отзыв?
Мы будем рады узнать ваше мнение.
Поверхность
Есть отзыв?
Мы будем рады узнать ваше мнение.
Контур
Есть отзыв?
Мы будем рады узнать ваше мнение.
Значки
| Сплошной | Мягкий | Поверхность | Контур | |
|---|---|---|---|---|
Основной | Новый | Новый | Новый | Новый |
Вторичный | Новый | Новый | Новый | Новый |
Третичный | Новый | Новый | Новый | Новый |
Акцент | Новый | Новый | Новый | Новый |
Поверхность | Новый | Новый | Новый | Новый |
Основной#264653
Сплошной
Новый
Мягкий
Новый
Поверхность
Новый
Контур
Новый
Вторичный#2A9D8F
Сплошной
Новый
Мягкий
Новый
Поверхность
Новый
Контур
Новый
Третичный#E9C46A
Сплошной
Новый
Мягкий
Новый
Поверхность
Новый
Контур
Новый
Акцент#F4A261
Сплошной
Новый
Мягкий
Новый
Поверхность
Новый
Контур
Новый
Поверхность#E76F51
Сплошной
Новый
Мягкий
Новый
Поверхность
Новый
Контур
Новый
Аватары
| Сплошной | Мягкий | Сплошной градиент | Мягкий градиент | |
|---|---|---|---|---|
Основной | E EV | E EV | E EV | E EV |
Вторичный | E EV | E EV | E EV | E EV |
Третичный | E EV | E EV | E EV | E EV |
Акцент | E EV | E EV | E EV | E EV |
Поверхность | E EV | E EV | E EV | E EV |
Основной#264653
Сплошной
E
EV
Мягкий
E
EV
Сплошной градиент
E
EV
Мягкий градиент
E
EV
Вторичный#2A9D8F
Сплошной
E
EV
Мягкий
E
EV
Сплошной градиент
E
EV
Мягкий градиент
E
EV
Третичный#E9C46A
Сплошной
E
EV
Мягкий
E
EV
Сплошной градиент
E
EV
Мягкий градиент
E
EV
Акцент#F4A261
Сплошной
E
EV
Мягкий
E
EV
Сплошной градиент
E
EV
Мягкий градиент
E
EV
Поверхность#E76F51
Сплошной
E
EV
Мягкий
E
EV
Сплошной градиент
E
EV
Мягкий градиент
E
EV
Прогресс
| Сплошной | Мягкий | |
|---|---|---|
Основной | Прогресс55% | Прогресс55% |
Вторичный | Прогресс55% | Прогресс55% |
Третичный | Прогресс55% | Прогресс55% |
Акцент | Прогресс55% | Прогресс55% |
Поверхность | Прогресс55% | Прогресс55% |
Основной#264653
Сплошной
Прогресс55%
Мягкий
Прогресс55%
Вторичный#2A9D8F
Сплошной
Прогресс55%
Мягкий
Прогресс55%
Третичный#E9C46A
Сплошной
Прогресс55%
Мягкий
Прогресс55%
Акцент#F4A261
Сплошной
Прогресс55%
Мягкий
Прогресс55%
Поверхность#E76F51
Сплошной
Прогресс55%
Мягкий
Прогресс55%
Кнопки
| Современный | Классический | Сплошной | Мягкий | Поверхность | Контур | |
|---|---|---|---|---|---|---|
Основной | ||||||
Вторичный | ||||||
Третичный | ||||||
Акцент | ||||||
Поверхность |
Основной#264653
Современный
Классический
Сплошной
Мягкий
Поверхность
Контур
Вторичный#2A9D8F
Современный
Классический
Сплошной
Мягкий
Поверхность
Контур
Третичный#E9C46A
Современный
Классический
Сплошной
Мягкий
Поверхность
Контур
Акцент#F4A261
Современный
Классический
Сплошной
Мягкий
Поверхность
Контур
Поверхность#E76F51
Современный
Классический
Сплошной
Мягкий
Поверхность
Контур
Элементы формы
| Сплошной | Мягкий | |
|---|---|---|
Основной | ||
Вторичный | ||
Третичный | ||
Акцент | ||
Поверхность |
Основной#264653
Сплошной
Мягкий
Вторичный#2A9D8F
Сплошной
Мягкий
Третичный#E9C46A
Сплошной
Мягкий
Акцент#F4A261
Сплошной
Мягкий
Поверхность#E76F51
Сплошной
Мягкий
Поля ввода
| По умолчанию | Фокус | |
|---|---|---|
Основной | Заполнитель | Заполнитель Вспомогательный текст |
Вторичный | Заполнитель | Заполнитель Вспомогательный текст |
Третичный | Заполнитель | Заполнитель Вспомогательный текст |
Акцент | Заполнитель | Заполнитель Вспомогательный текст |
Поверхность | Заполнитель | Заполнитель Вспомогательный текст |
Основной#264653
По умолчанию
Заполнитель
Фокус
Заполнитель
Вспомогательный текстВторичный#2A9D8F
По умолчанию
Заполнитель
Фокус
Заполнитель
Вспомогательный текстТретичный#E9C46A
По умолчанию
Заполнитель
Фокус
Заполнитель
Вспомогательный текстАкцент#F4A261
По умолчанию
Заполнитель
Фокус
Заполнитель
Вспомогательный текстПоверхность#E76F51
По умолчанию
Заполнитель
Фокус
Заполнитель
Вспомогательный текстСсылки
| Встроенный | |
|---|---|
Основной | Посетите документацию чтобы узнать больше о API цветов. |
Вторичный | Посетите документацию чтобы узнать больше о API цветов. |
Третичный | Посетите документацию чтобы узнать больше о API цветов. |
Акцент | Посетите документацию чтобы узнать больше о API цветов. |
Поверхность | Посетите документацию чтобы узнать больше о API цветов. |
Основной#264653
Встроенный
Посетите документацию чтобы узнать больше о API цветов.
Вторичный#2A9D8F
Встроенный
Посетите документацию чтобы узнать больше о API цветов.
Третичный#E9C46A
Встроенный
Посетите документацию чтобы узнать больше о API цветов.
Акцент#F4A261
Встроенный
Посетите документацию чтобы узнать больше о API цветов.
Поверхность#E76F51
Встроенный
Посетите документацию чтобы узнать больше о API цветов.
Вкладки
| Подчёркнутый | |
|---|---|
Основной | Аккаунт Заказы Настройки Уведом. |
Вторичный | Аккаунт Заказы Настройки Уведом. |
Третичный | Аккаунт Заказы Настройки Уведом. |
Акцент | Аккаунт Заказы Настройки Уведом. |
Поверхность | Аккаунт Заказы Настройки Уведом. |
Основной#264653
Подчёркнутый
Аккаунт
Заказы
Настройки
Уведом.
Вторичный#2A9D8F
Подчёркнутый
Аккаунт
Заказы
Настройки
Уведом.
Третичный#E9C46A
Подчёркнутый
Аккаунт
Заказы
Настройки
Уведом.
Акцент#F4A261
Подчёркнутый
Аккаунт
Заказы
Настройки
Уведом.
Поверхность#E76F51
Подчёркнутый
Аккаунт
Заказы
Настройки
Уведом.