Marke
So sieht Ionori aus
Logo, Farben, Schrift, die Leute des Ionoriverse und wie wir schreiben: alles, was du brauchst, um Ionori zu zeigen oder darüber zu schreiben.
Das Logo
Die Bildmarke ist ein Ionen-Ring: ein offener Ring in Ion, der Kern in der Mitte und ein Elektron in Charge, das in der Öffnung sitzt. Daneben steht die Wortmarke IONORI in Quicksand SemiBold, darunter Talaryon Labs.
Kompakt
Ohne Talaryon Labs, für Navigation und Kopfzeilen.
Mindestabstand
Lass rundum mindestens so viel Platz, wie der Kern breit ist.
Kleine Größen
Unter 64 px entfällt das Elektron und der Ring wird kräftiger, damit das Zeichen scharf bleibt.
So bitte nicht
-
Nicht drehen. Die Öffnung des Rings zeigt immer nach links oben.
-
Keine anderen Farben. Der Ring ist Ion, das Elektron Charge.
-
Nicht verzerren. Ring, Kern und Elektron bleiben rund und an ihrem Platz.
-
Keine Effekte. Kein Schatten, kein Verlauf, keine Unschärfe.
App-Icon
Das Icon ist der Ionen-Ring auf einem abgerundeten Quadrat. Die dunkle Variante ist der Standard, die farbige und die helle gibt es für besondere Orte.
- Standard, auf Ink
- Farbig, auf Ion
- Hell, auf Weiß
Farben
Vier Farben tragen die Marke, drei weitere sind aus ihnen abgeleitet. Ion ist die eine Akzentfarbe, Charge der Funke dazu.
-
Ink
#0C1324
Der dunkle Grund: Kopfzeilen, der Anfang jeder Seite, die Seitenleiste der App. Ink bleibt in beiden Themes Ink.
Paper auf Ink 17,3:1
-
Ion
#4B4BF0
Die Hauptfarbe: der Ring, Buttons, Links und alles, worauf man tippt.
Weiß auf Ion 5,9:1
-
Charge
#2DE1C2
Der Funke: das Elektron und der zweite Akzent, vor allem auf Ink.
Ink auf Charge 11,2:1
-
Paper
#F6F7FB
Der helle Grund für Seiten, und die Schrift auf Ink.
Ink auf Paper 17,3:1
Abgeleitet
-
Ion hell #ECECFE
Flächen in Ion: Chips, Hinweise, Hintergründe.
Ion dunkel darauf 7,3:1
-
Ion dunkel #3434C8
Text und Links in Ion auf hellem Grund.
Weiß darauf 8,5:1
-
Charge dunkel #0B6B5B
Charge für Text auf hellem Grund: verschlüsselt, bestätigt, neu.
Auf Weiß 6,4:1
Schrift
Zwei Schriften, klar getrennt: Quicksand ist rund und freundlich, Atkinson Hyperlegible Next ist für gute Lesbarkeit gemacht.
Quicksand
Für die Wortmarke und Überschriften. SemiBold (600) für IONORI, Bold (700) für Überschriften.
Alle deine Leute in einem Universum
Atkinson Hyperlegible Next
Für Text und Oberfläche. Regular (400) für Text, SemiBold (600) für das, was hervorstechen soll.
Sarah fragt in der Familiengruppe, wer Mia abholt. Alex übernimmt, und der Termin steht direkt im Chat.
Überschriften und Buttons schreiben wir nur am Satzanfang groß, nie ganz in Großbuchstaben. Großbuchstaben gibt es nur in der Wortmarke.
Das Ionoriverse
Zum Logo kommen drei Bausteine, die Ionori verspielt machen: Umlaufbahnen, die Leute des Ionoriverse und Sticker.
Umlaufbahnen
Ringe um einen Kern zeigen, wie alles zusammenhängt: du in der Mitte, deine Welten auf ihren Bahnen. Sie schwingen langsam und stehen still, wenn jemand weniger Bewegung eingestellt hat.
Die Leute des Ionoriverse
Runde Ionen mit Gesicht stehen für die Menschen, die Ionori nutzen. Sie sitzen auf den Bahnen, in den Szenen und schauen am Ende jeder Seite über den Rand.
Sticker
Ausschnitte aus der App kleben als Sticker auf ihren Planeten: eine helle Fläche, eine Kontur in Ink und ein harter Schatten nach rechts unten.
Töne
- Ion
- Tiefes Ion
- Helles Ion
- Charge
- Paper
Stimmungen
- Lächeln
- Freude
- Zwinkern
- Hoppla
- Rund, zwei Augen und ein Mund, sonst nichts.
- Nur in diesen fünf Tönen, das Gesicht in Ink oder Paper.
- Sie stehen für Menschen, nie für Ionori selbst. Das Zeichen von Ionori bleibt der Ionen-Ring.
- Das Elektron trägt nur, wer in der Mitte steht.
Sprache
Ionori spricht wie jemand, der sich auskennt und dir gern hilft: direkt, ruhig und ohne Fachchinesisch. Jeden Text gibt es auf Deutsch und auf Englisch.
Wir sagen du
So:Leg deine Ionori ID an
Nicht so:Legen Sie Ihre Ionori ID an
Buttons beginnen mit dem Verb
So:Termin übernehmen
Nicht so:Übernahme des Termins
Groß nur am Satzanfang
So:Neues Gerät bestätigen
Nicht so:Neues Gerät Bestätigen
Keine Ausrufezeichen
So:Gespeichert
Nicht so:Erfolgreich gespeichert!
Einfache Wörter statt Technik
So:Dein Verlauf kommt mit
Nicht so:Der History-Key wird synchronisiert
Zum Herunterladen
Die Bildmarke und das App-Icon als SVG. Die Wortmarke setzt du in Quicksand SemiBold mit 7 % Laufweite.
Leg los mit Ionori
Eine Ionori ID für alles, schnell angelegt, mit Passkey statt Passwort.