Тот же Sintezo.
Ваши оттенки.
Тёплые цвета логотипа и знакомые палитры приложения. Выберите освещение и настроение — оформление изменится во всех примерах ниже.
Отдельный стенд дизайн-системы. Здесь используются те же CSS-токены и компоненты, что и на сайте.
Ваша библиотека. В новом свете.
Настоящий интерактивный пример с главной: подборки, поиск и открытие материалов.
Все материалы
Материалов: 6Компоненты
Одна система для действий, ввода, обратной связи и чтения.
Кнопки и состояния
Спокойный разговор
Спросить библиотеку
Подборка «Путешествия»В вашей подборке есть идея для неспешного маршрута: начните с города у воды, прогуляйтесь по берегу и оставьте день на выезд с местным проводником. Для отдыха у моря в другой заметке советуют набережную и маленькие кафе. Вот материалы, к которым можно вернуться:
Основа системы
Типографика
SintezoFredoka 600 — только для имени Sintezo.
Интересное
остаётся с вами.
Nunito — заголовки, текст и элементы управления. Читаемый основной текст, свободные отступы и естественные переносы.
Роли цвета
--color-canvas--color-surface--color-surface-soft--color-accent--color-action-bg--color-text--color-text-secondary--color-borderОтступы, формы и движение
Базовые отступы: 4, 8, 12, 16, 24, 32, 48 и 64. Интерактивные элементы — не меньше 44×44. Скругления — 8, 12, 16 и 24. Короткие переходы уважают настройку уменьшения движения.
Полная спецификация и правила расширения записаны в design.md.
Ваша библиотека.
Ваше следующее открытие.
Сохраняйте интересное. Возвращайтесь к нему в том оформлении, которое нравится вам.
Посмотреть весь сайт