Design System Guide

Что делает интерфейс «дорогим»

Это не о количестве эффектов, а о сдержанности и точности

Белое пространство

Премиальность начинается с того, чего нет. Щедрое пространство между элементами создаёт ощущение роскоши и уверенности.

До: тесно
Заголовок
Подзаголовок
Контент
Кнопка
После: просторно
Заголовок
Подзаголовок
Контент
Кнопка

Типографика

Тонкие начертания, увеличенный tracking, ограниченное количество размеров. Минимализм в типографике = максимум элегантности.

Ceramic Pro
Protection Redefined

Цвет

Два базовых цвета + один акцент. Чем меньше цветов, тем сильнее каждый из них.

#161616
#f0f0f0
#ec1d91

Медиа

Большие, высококачественные изображения. Одна фотография говорит больше, чем десять маленьких.

16:9
Полноширинное hero-изображение
Минимум 1920 × 1080px

Интерфейс

Минимум визуального шума. Тонкие разделители вместо жирных линий, скрытые элементы управления, фокус на контенте.

CERAMIC PRO
ProductsAboutContact
Minimal Chrome
Навигация отступает, контент выходит на первый план

Референсы: автомобильная индустрия

Mercedes-Benz
Porsche
NIO
Lexus