Alles über das Design von Aerona
Wie Aerona aussieht und warum: die Designsprache, die Farben, die Stile der Apps, Hell und Dunkel, Schriften und Emojis – alles, was zum Aussehen gehört, an einem Ort. Aussehen ist bei Aerona keine Geschmacksfrage, die jeder Bereich für sich beantwortet. Seit dem 24. September 2026 steht in zwei eigenen Regeln – 32 für die Designsprache, 33 für die Bewegung –, was in jedem Aerona-Produkt gleich sein soll. Diese Seite erzählt, was daraus geworden ist und wo es noch fehlt.
Die Designsprache
Ultra Chrome Pixel Glass
Die Designsprache hinter Aerona: Chrome ist das Material, Pixel die Bewegung, Glass die Regel. Die Seite erklärt alle Bauteile – Glas, Punkte, Schrift, Farbe, Hell und Dunkel, Bewegung – dazu die Regeln, was es bewusst nicht gibt und was noch nicht stimmt. Regel 32 fasst das in fünf Sätze: Die Aerona-Farbe ist der Verlauf, der Ring kommt und geht, Ring oder Fläche entscheidet der Grund, Zeichen kommen als Pixel, Glas bleibt starr und durchsichtig. Darüber steht aus Regel 33 ein sechster: Keine Bewegung ist Standard – wie sich etwas bewegt, entscheidet Aerona, nicht der Browser.
Farben
Das Farbrad
Das Farbrad aus den Apps: Farbton, Sättigung, Helligkeit und Deckkraft, mit Lesbarkeitsprüfung und passenden Farben. Es schlägt vier Harmonien vor – komplementär, analog, triadisch und gespalten – und rechnet dabei in Winkeln, etwa 180 Grad für den Gegenpol. Auf seiner Seite kannst du es selbst drehen.
Live-Farbanpassung
Ein Schalter in den Apps, mit dem man jedes Element per Rechtsklick einfärbt – und warum er nach zehn Minuten von selbst ausgeht. Der Grund: Ein Modus, der die Bedeutung des Rechtsklicks ändert, darf nicht wochenlang unbemerkt anbleiben. Deshalb endet er auch beim Schließen der App.
Was Farbe sonst kann
Jeden Buchstaben einzeln färben, Farben beim Namen suchen, stille Kontrast-Korrektur und fünf Werte für jeden Knopf. Das sind die kleineren Farbwerkzeuge der Apps, die neben Farbrad und Live-Farbanpassung keinen eigenen Platz hätten. Gemeinsam ist ihnen, dass eine gewählte Farbe lesbar bleiben soll.
Die Stile
13 Stile in den Apps
Von Aerona über Retro 80s, Cyber Deck und Glassmorphism bis Kitty Pink – jeder Stil ändert das komplette Farbschema einer App. Alle sind auf einer eigenen Seite erklärt, dazu die Farbschemen von AetherOS und die Entwürfe aus der Design-Werkstatt. Zwölf der dreizehn wurden am 24. September 2026 in neun Ansichten der App durchgemessen, bis jede Schrift sich genug von ihrem Grund abhob; nur der Aerona-Stil blieb dabei bewusst unberührt.
Die Farben zum Mitnehmen
Die Farben, mit denen Aerona gestaltet ist, als Dateien für eigene Entwürfe: die 48 Standardfarben der Apps, die Hauptfarbe
jedes der 13 Stile und die 23 Grundfarben dieser Webseite, einmal dunkel und einmal hell – zusammen 107. Keine ist von Hand abgeschrieben:
Ein Werkzeug liest sie aus denselben Dateien, aus denen die Apps und die Webseite ihre Farben nehmen, und vermerkt bei jeder, woher sie stammt.
Das hat einen einfachen Grund: Eine abgeschriebene Farbe stimmt nur bis zur nächsten Änderung. Dasselbe Werkzeug prüft bei jedem Lauf auch die
Dateigrößen unten gegen die echten Dateien. Die Aerona-Farbe selbst ist kein einzelner Wert, sondern der Verlauf – in den Dateien stehen
deshalb seine beiden Enden, hell #60a5fa bis #a855f7 und tief #2563eb bis #7c3aed.
Die Nutzungsrechte nennen bisher nur die Schriften und die Emojis. Für diese Dateien gilt deshalb, was im Impressum unter „Urheberrecht“ steht: „Downloads auf dieser Seite sind für den privaten Gebrauch gestattet.“ Eine eigene Regel nur für die Farbdateien gibt es bisher nicht.
Werkstatt, Klang und Wissen
Die Design-Werkstatt
Hier werden Ladeanimationen und Oberflächen-Stile ausprobiert: 40 Ladesysteme und 38 Themes an echten Bedienelementen. Sie liegt bei den Bausteinen, weil ihre Entwürfe in AetherOS, auf der Webseite und in den Apps landen können. Alles darin sind Entwürfe – die Marken der Designsprache hat die Werkstatt noch nicht.
horizon-audio
Die Klangabstimmung von Aerona. Ein Klangprofil ist eine lesbare Datei, sieben Profile liegen bei. Es liegt bei den Bausteinen – bei dem, was alle Aerona-Produkte gemeinsam nutzen sollen, statt dass jedes seinen eigenen Klang mischt.
Klang ausprobieren
Die sieben Profile selbst hören, im Browser – der Regler beginnt leise, und ohne Klick auf „Abspielen“ kommt kein Ton. Eine Seite, die ungefragt laut wird, erschreckt – deshalb entscheidest du, wann es losgeht.
Farben-Wissen
Wie Farben auf dem Bildschirm entstehen und warum eine schöne Farbe noch keine lesbare ist. Mit der Kontrastformel zum Nachrechnen, einer Ansicht der ganzen Webseite mit Farbsehschwäche und einem Werkzeug, das die Hauptfarben aus deinem eigenen Bild zieht, ohne es hochzuladen.
Klang-Wissen
Was ein Ton ist, was ein Equalizer macht und warum Kopfhörer anders klingen als Lautsprecher. Allgemeines Wissen, einfach erklärt – als Grundlage, um zu verstehen, was ein Klangprofil eigentlich einstellt.
Auf dieser Webseite
Hell und Dunkel
Beim ersten Besuch folgt die Seite der Einstellung deines Geräts, danach deiner eigenen Wahl – der Knopf oben rechts wechselt. Seit dem 19. September 2026 geht es auch nach Uhrzeit: hell ab 7:00, dunkel ab 19:00, beide Zeiten einstellbar, ohne Standort, nur nach der Uhr deines Geräts. Deine Wahl merkt sich dein Browser, ohne Cookie.
Einstellungen
Das Fenster „Einstellungen“ hat zehn Reiter: Lesen, Aussehen, Pixel anpassen, Animationen anpassen, Hammer, Lesehilfen, Werkzeuge, Entdecken, Daten und Sätze. Unter „Aussehen“ liegen Bewegung und Pixel, Deine Farbe, Farbsehen und der hohe Kontrast, bei dem jede Schrift mindestens 7 : 1 erreicht. Gespeichert wird nur in deinem Browser.
Schriften
Dreizehn eigene Schriften, jede für die ganze Webseite einschaltbar. Auf ihrer Seite erzählt jede, wie sie gebaut ist, und lässt sich herunterladen. Eine davon, Aerona Sans, setzt auch die Farbkarte weiter oben, wenn sie installiert ist.
Emojis
Der eigene Emoji-Satz – wo Haut ist, in zwölf Tönen. Die Galerie zeigt 3.979 Emojis in 50 Kategorien, in der Werkstatt liegen 4.000. Jedes gibt es nur einmal, statt derselben Sache in fünf Farben.
Wonach gestaltet wird
Aerona ist exklusiv im Look und inklusiv in der Nutzbarkeit.
Regelwerk von Aerona, Regel 25 „Barrierefreiheit“
Beide Modi
Jede Oberfläche muss hell und dunkel funktionieren. Auch der Kontrast wird in beiden Modi geprüft. Der helle Modus ist kein Nachgedanke: Eine Farbe, die auf Dunkel leuchtet, kann auf Weiß unlesbar werden – das zeigt die Rechnung auf der Seite Farben-Wissen.
Kontrast
Fließtext braucht mindestens 4,5 : 1 gegen den Hintergrund, große Schrift und Bedienelemente 3 : 1. Hinter Glas gehört eine Deckschicht, denn Transparenz ist der natürliche Feind des Kontrasts: Was hinter der Fläche liegt, weiß beim Gestalten niemand. So steht es in Regel 25.
Große Ziele
Jede Fläche zum Anklicken braucht mindestens 44 × 44 Pixel. Bei 200 % Zoom darf nichts abgeschnitten sein, nichts überlappen und kein waagerechter Rollbalken entstehen. Dass das nicht von selbst passiert, zeigte der 24. September 2026: Da waren auf der Webseite noch einzelne Knöpfe kleiner als 24 Pixel. Sie sind behoben.
Nie nur Farbe
Zu jedem Signal gehört ein zweiter Träger: Text, Form oder Beschriftung. Rund acht von hundert Männern unterscheiden bestimmte Farben schwer; für sie wäre ein Fehler, der nur rot ist, gar keiner. Ein gewählter Reiter zeigt sich deshalb durch Fläche und Gewicht, nicht nur durch einen Farbton.
Der Aerona-Verlauf
Die Aerona-Farbe ist der Verlauf von Blau nach Violett – nie Blau allein, nie Lila allein. Bis zum 24. September 2026 nannte das Regelwerk „Aerona-Blau“ als Akzent, und daraus waren 870 einfarbige Stellen entstanden, jede für sich regelkonform. Es gibt ihn in zwei Fassungen: hell für Striche, Ringe und Zeichen, tief für Flächen, die weiße Schrift tragen.
Wann eine Farbe bleiben darf
Am 10. September 2026 wurden im AetherOS 188 fremde Farben entfernt. Bei fast jeder war die Frage dieselbe: Sagt diese Farbe etwas, das nicht schon danebensteht? Meistens nicht. Der Speicherbalken war rot über 85 Prozent, dabei ist seine Breite der Füllstand, und daneben stand die Zahl. Neun Fensterknöpfe hatten neun Farben für einen einzigen Zustand: eingeschaltet.
Wiederholt eine Farbe nur, was schon als Länge, Anzahl oder Satz dasteht, ist sie Zierde. Sie kommt weg. Regel 32 nennt fünf Ausnahmen, und nur diese. Drei stehen hier; die anderen beiden sind Farbe als Gegenstand – Emojis, das Farbrad und Aeri haben ihre Farbe, weil sie etwas darstellen – und weiße Schrift auf einem Knopf, der selbst im Verlauf gefüllt ist.
Auswahl ist Inhalt
Wer ein rotes Etikett wählt, will ein rotes. Das gilt etwa für den Farbwähler, die Ordnerfarben und die Notizzettel – ein Post-it ist gelb. Dazu gehört auch „Deine Farbe“ auf dieser Webseite: Wer sich eine Akzentfarbe aussucht, bekommt sie überall dort, wo sonst der Verlauf stünde.
Nachahmung fremder Software
Der Aether Defender, der Benchmark und die BIOS-Anzeige des Emulators behalten Bernstein, Grün und Rot. Ohne diese Farben sähen sie nicht mehr aus wie das, was sie nachstellen. Gezählt wurden dabei 592 Stellen, am 10. September 2026 – sie bleiben mit Absicht.
Rot vor dem Unwiderruflichen
„App deinstallieren“, „Alle Fenster schließen“ und „Herunterfahren“ bleiben rot. Rot steht dort nicht für einen Zustand, sondern für eine Handlung, die man nicht zurücknehmen kann. Die Grenze gilt in beide Richtungen: Rot gibt es nirgendwo sonst.
Im AetherOS gilt deshalb: Ein niedriger Akku ist kein Fehler, sondern ein Zustand. Seine Anzeige wird kürzer, nicht rot. So steht es wörtlich im Code der Energieanzeige – und weil Rot für das Unwiderrufliche reserviert ist, würde ein roter Akku etwas behaupten, das er nicht ist.
Glas mit Maß
Ein Wert für die Unschärfe
Auf dieser Webseite stand die Unschärfe früher in fünfzehn Stärken an rund 150 Stellen. Seit Design-System 3.0.0 gibt es einen Wert: 4 Pixel. Kevin nannte das am 13. September 2026 „leicht, gerechnet“. Vier Pixel sind der höchste Radius, bei dem 16 Pixel hoher Fließtext hinter der Scheibe noch Buchstaben bleibt.
Die Deckkraft trägt
Damit Text lesbar bleibt, decken Glasflächen im dunklen Modus zu 78 % und im hellen zu 82 %. Gerechnet ist das für den schlechtesten Fall: reines Weiß oder Schwarz dahinter, und selbst die leise Schrift muss dann noch 4,5 : 1 halten. Nicht die Unschärfe macht Glas lesbar, sondern die Deckkraft.
Glas bleibt starr
Karten, Kacheln und Fenster bewegen sich beim Zeigen nicht. Pixelring und Punktnaht bleiben als Antwort am Rand erlaubt. Früher hob sich eine Kachel beim Zeigen um drei Pixel, und daneben baute sich der Ring auf – man sah das Verschieben und übersah das Zeichnen. Seitdem regt sich nur, was im Kasten liegt: ein Pfeil, ein Symbol, ein Schalterknopf.
Wie stark Glas verschwimmen darf, lässt sich ausrechnen: Der Radius muss kleiner sein als die Hälfte der feinsten Struktur dahinter. Ein Weichzeichner verteilt jeden Bildpunkt über etwa das Doppelte seines Radius. Im Design-Schaukasten lagen einmal 14 Pixel Unschärfe über einer Schraffur mit 11 Pixel Linienabstand – man sah nichts mehr; drei Pixel stimmen. Und zwei Scheiben übereinander addieren sich: 4 auf 4 Pixel sind am Rand 5,7.
Was noch kommen soll
Aus der Ideensammlung von Aerona – noch nicht gebaut. Die meisten stehen dort mit dem Grund, warum es sie braucht; hier die, die das Aussehen betreffen:
- Design-Vorlagen zum Weitergeben: selbst entworfene Looks als Paket teilen. Ein Thema aus der Werkstatt
lässt sich heute nicht mitnehmen; als
.aero-Paket könnte es in einer Galerie auf der Webseite stehen. - Ein Stil-Designer in den Einstellungen: eigene Farbpaletten, Verläufe und Glasstärken. Teilweise gibt es das schon: Die Design-Editoren der Einstellungen-App haben die Bereiche Themes, Basis-FX und Live CSS.
- Kontrastreiche Stile als Teil eines Barrierefreiheits-Assistenten, der auch Bildschirmleser, Schriftgröße und reduzierte Bewegung an einer Stelle bündelt. Auf der Webseite gibt es den hohen Kontrast seit dem 19. September 2026.
- Ein gemeinsames Design-System für Webseite, Apps und AetherOS. Heute sehen sie sich ähnlich, weil jemand aufgepasst hat, nicht weil sie dieselbe Quelle benutzen. Regel 32 hat damit angefangen: Die Marken heißen überall gleich, nur die Werte gehören dem Produkt.
- Ein Markenhandbuch als Seite: Farben, Schriften, Abstände, Tonfall – für Menschen, nicht als CSS-Datei. Die Seite Ultra Chrome Pixel Glass ist der Anfang davon.
