UIX D.O.M.
UIX D.O.M.
Токены и компоненты
Своя дизайн-система D.O.M.: шрифт Akt, тёплая бумага, чернила, оранжевый как событие. Файлы — app/ui-dom/tokens.css, components.css, QrCard.tsx.
Цвета
--dom-ink#17251f
--dom-ink-2#3f4b45
--dom-muted#6e7671
--dom-faint#a3a9a5
--dom-paper#ffffff
--dom-ground#f6f5f2
--dom-line#ebe8e1
--dom-line-strong#d9d4ca
--dom-orange#ff8811
--dom-orange-deep#d96600
--dom-orange-wash#fff3e6
--dom-orange-line#ffd7ad
--dom-ok#1f7a4d
--dom-warn#9c5b00
--dom-bad#b3261e
--dom-bronze#88704a
Шрифт Akt
Господи, помилуй · Lord, have mercy · Κύριε, ἐλέησον
Akt Variable, 100–900, латиница, кириллица, греческий, вьетнамский — все 28 языков D.O.M. Текст 15–16 px, интерлиньяж 1,5; заголовки 750, трекинг −0,025em.
Кнопки
Оранжевая — одна на экран. Высота касания 44 px.
Метки, переключатель, сегменты, поля
Обычная3ПодтвержденоЖдётОтклонено
Карточка-событие
Сегодня, 18:30
Тёплая карточка — одна на экран, для главного.
Карточка-чернила
Для приглашений и действий с личной ссылкой.
Радиусы, тени, движение
- Радиусы10 поля · 16 строки и меню · 22 карточки · 999 кнопки и метки
- Тениshadow-1 выбранное · shadow-2 карточки · shadow-3 плавающие плашки
- Кривыеdisplay (.16,1,.3,1) появление · body (.25,.46,.45,.94) текст · ui (.4,0,.2,1) кнопки; 140 / 240 / 420 мс; при «уменьшить движение» — 0
- Курсорсистемный, без подмен; прокрутка плавная, полоса окрашена