mtsdesign
Бренд МТСНаправленияДизайн-системаМетодологииГайдлайныКоманда и вакансииБлог
mtsdesign
Бренд МТСДизайн-системаМетодологииКоманда и вакансииБлог
НаправленияUX/UI продуктовый дизайнГрафический дизайнПромышленный дизайнИнтерьерный дизайн
behancetelegramvkyoutube
© 2025 ПАО «МТС»
Все права защищены
Политика обработка файлов cookie
18+

Веб-витрины и приложения

ВСЕ СТАТЬИВеб-витрины и приложения

  • Общая информация
  • Как подключить компоненты в Figma
  • Как подключить компоненты в коде
  • Компоненты 2.0
    • Accordion
    • Avatar
    • Badges
    • Banners
    • Breadcrumb
    • Buttons Family
      • Button
      • Button Price
      • Bottom Button
      • Iсon Button
      • Icon Button Set
      • Icon Button Set Alternative
      • Button with Сounter
      • Icon Button with Counter
      • Gosuslugi Button
    • Calendar Family
      • Calendar Plain
      • Calendar Range
      • Calendar Range Year
      • Calendar Double
      • Calendar Double Month
      • Calendar Scroll
      • Calendar Date
      • Calendar Month
      • Calendar Year
      • Calendar Plain Compact
      • Calendar Range Compact
      • Calendar Double Compact
      • Calendar Double Month Compact
    • Card
    • Carousel
    • Cells
    • Checkbox
    • Chip Family
      • Choice Chip
      • Choice Сhip Multiselect
      • Form Chip
    • Context Menu
    • Control List
    • Counter & Notification
    • Divider
    • Dropdown Menu
    • Favicon
    • Footer
    • Form Family
      • Attach
      • Dropdown Autocomplete
      • Input Autocomplete
      • Dropdown
      • Droplist
      • Modal Select
      • Input
      • Input Search
      • Textarea
    • Inline Edit
    • Link
    • Menu
    • Modal Family
      • Action Sheet
      • Modal Card
      • Modal Page
    • MTS Logo
    • Pagination Dots
    • Pagination
    • Progress
    • Radio
    • Range
    • Scrollbar
    • Segmented Control
    • Slider
    • Snackbar
    • Spinner
    • Spoiler
    • Steps
    • Switch
    • Tabbar
    • Tabs
    • Text List
    • Toast
    • Tooltip
    • Tree
  • Компоненты

Badges

Применение

Badge используются для визуального отображения ярлыков. Бейджи некликабельны и служат для того, чтобы информировать пользователя.

Ресурсы

  • Компонент в Figma

Спецификация

Цифровая доступность

Тёмная тема

Перейти в следующую статьюBanners

Библиотеки

Базовые компоненты

Цвета, шрифты, сетки

Иконки

Интерфейсные и продуктовые иконки и правила их разработки

Мобильные приложения

Компоненты для создания мобильных, планшетных и авто приложений

Веб-витрины и приложения

Компоненты для адаптивных веб страниц и приложений

Заглушки

3D иллюстрации и примеры экранов заглушек