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

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

ВСЕ СТАТЬИБазовые компоненты

  • О базовых компонентах
  • Цвета 1.0
  • Цвета 2.0
  • Тени
  • Типографика
  • Сетки
  • Отступы
  • Скругления

Типографика

Ресурсы

Для дизайнеров:

  • Стили типографики в Figma

Для разработчиков:

  • Типографика iOS
  • Типографика Android Native
  • Типографика Android Compose
  • Типографика Web

Ресурсы для скачивания

  • Разработчикам App
  • Разработчикам Web
  • Если на данный момент нет возможности подключить дизайн-систему: MTS Sans (zip, 5.1Мб)

Стили

Примеры использования

Пример использования на продуктовой странице

  • 1920 px
  • 1440 px
  • 768 px
  • 360 px

Пример использования MTS Text

  • Десктопная версия
  • Мобильная версия
Перейти в следующий разделСетки

Библиотеки

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

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

Иконки

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

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

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

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

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

Заглушки

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