НачалоОсновыКомпонентыТексты
Обзор Цвет Типографика Отступы Скругления Глубина Фокус Движение Иконки Пропорции

Основы

Токены, из которых собран каждый компонент: цвет, шрифт, отступы, форма, глубина, фокус, движение и иконки. Берите токен по роли, а не по значению.

  • Цвет

    Роли, намерения и темы на OKLCH и таблицы проверенных пар.

  • Aa

    Типографика

    Роли текста на системном шрифте каждой ОС, от крупных заголовков до подписей.

  • Отступы

    Шкала с шагом 4px, имена в пикселях. Для зазоров, полей и раскладки.

  • Скругления

    Шаги скругления в пикселях. У контролов 8, у панелей 12 и 16.

  • Глубина

    Мягкие двухслойные тени в три шага и слои наложения.

  • Continue

    Фокус

    Одно заметное кольцо фокуса с клавиатуры, с отступом от контрола.

  • Движение

    Длительности и кривые для того немногого, что движется.

  • Иконки

    Шрифт линейных иконок на сетке 16px. Иконку ставит tk-icon.

  • Пропорции

    Именованные пропорции для медиа, чтобы раскладка держала форму.