Логотип
Irodori означает 彩り — многообразие цвета. Знак — это облако из пяти акцентных цветов, а «彩り» внутри набрано традиционными красным и индиго. Белая полоса поперёк — это и есть страница: все инструменты работают на нейтральном холсте, а цвет приносите вы.
- Пять дуг, пять акцентовКаждое кольцо облака — один из пяти акцентов бренда по порядку, поэтому знак заодно служит превью палитры.
- 彩り внутриИероглифы набраны традиционным красным 彩 и индиго り — самыми насыщенными цветами системы.
- Белая полосаГоризонтальная полоса — рабочая поверхность: белая в светлой теме, почти чёрная в тёмной, одна и та же поверхность.
- Одна форма, много размеровТот же рисунок становится иконкой вкладки 32 px, иконками приложения 192/512 px, maskable-иконкой и этой страницей.
16px24px32px48px96px
Светлая и тёмная темы рядом
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Дизайн-токены
Поверхности
Текст
Линии
Бренд
Формы
Фирменная палитра
Типографика
Интерфейс использует системный UI-стек: он рисуется сразу и никогда не ждёт загрузки шрифта. Цифры и код всегда переключаются на моноширинный шрифт — цветовое значение полезно только тогда, когда его можно прочитать точно.
Отступы и формы
Отступы кратны 4 px, поля — 20 px; у панелей радиус 22 px, у карточек 16 px, элементы управления полностью скруглены. Иерархия выражена тенью, а не рамками, поэтому в тёмной теме интерфейс остаётся плоским.