Le logo
Irodori signifie 彩り — la variété des couleurs. La marque est un nuage tracé dans les cinq couleurs d’accentuation, avec 彩り posé à l’intérieur en rouge et indigo traditionnels. La bande blanche qui traverse le centre est la page elle-même : tous les outils travaillent sur une surface neutre, et la couleur, c’est vous qui l’apportez.
- Cinq arcs, cinq accentsChaque anneau du nuage est l’un des cinq accents de marque, dans l’ordre : le logo doubles donc d’aperçu de palette.
- 彩り à l’intérieurLes caractères utilisent le rouge 彩 et l’indigo り — les deux couleurs les plus saturées du système.
- La bande blancheLa bande horizontale est la surface de travail : blanche en mode clair, presque noire en mode sombre, la même surface dans les deux cas.
- Une forme, plusieurs taillesLe même dessin devient l’icône d’onglet 32 px, les icônes d’application 192/512 px, l’icône maskable et cette page.
16px24px32px48px96px
Clair et sombre, côte à côte
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Design tokens
Surfaces
Texte
Lignes
Marque
Formes
Palette de marque
Typographie
L’interface utilise la pile d’interface système : elle s’affiche immédiatement et n’attend jamais le téléchargement d’une police. Les chiffres et le code retombent toujours sur la famille à chasse fixe — une valeur de couleur n’est utile que si on peut la lire exactement.
Espacements et formes
Les espacements suivent une base de 4 px avec une gouttière de 20 px ; les panneaux ont un rayon de 22 px, les cartes 16 px, et les contrôles sont entièrement arrondis. La hiérarchie passe par l’ombre plutôt que par les bordures, pour que l’interface reste plate en mode sombre.