Das Logo
Irodori bedeutet 彩り — die Buntheit der Farben. Die Marke ist eine Wolke aus den fünf Akzentfarben, in der 彩り in traditionellem Rot und Indigo gesetzt ist. Der weiße Streifen quer durch die Mitte ist die Seite selbst: Alle Werkzeuge arbeiten auf einer neutralen Fläche, die Farbe bringst du mit.
- Fünf Bögen, fünf AkzenteJeder Ring der Wolke ist eine der fünf Markenakzentfarben in Reihenfolge — das Logo ist damit zugleich eine Palettenvorschau.
- 彩り darinDie Zeichen nutzen das traditionelle Rot 彩 und Indigo り — die gesättigtesten Farben des Systems.
- Der weiße StreifenDer Querstreifen ist die Arbeitsfläche: weiß im hellen Modus, fast schwarz im dunklen, dieselbe Fläche in beiden Fällen.
- Eine Form, viele GrößenAus derselben Zeichnung werden das 32-px-Tab-Symbol, die 192/512-px-App-Icons, das Maskable-Icon und diese Seite.
16px24px32px48px96px
Hell und dunkel nebeneinander
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Design-Tokens
Flächen
Text
Linien
Marke
Formen
Markenpalette
Typografie
Die Oberfläche nutzt den System-UI-Stack: sofort da, nie wartet sie auf einen Font-Download. Zahlen und Code fallen immer auf die Monospace-Familie zurück — ein Farbwert ist nur dann nützlich, wenn man ihn exakt lesen kann.
Abstände und Form
Abstände folgen einer 4-px-Basis mit 20-px-Rand; Panels haben 22 px Radius, Karten 16 px, Bedienelemente sind vollständig rund. Hierarchie drückt Schatten statt Linien aus, damit die Oberfläche auch im dunklen Modus flach bleibt.