Zum Inhalt springen
AetherOS und die zehn Apps werden noch gebaut. Zu haben sind bisher nur Schriften, Emojis und Farben – Apps geplant für Sommer 2027. Was noch kommt
Aerona Design

Die Stile der Aerona-Apps

In den Einstellungen jeder Aerona-App wählt man unter „Stile & Bilder“ einen von 13 Stilen. Ein Stil ändert das komplette Farbschema der App – hier ist jeder einzelne erklärt. Die Stile sind keine Abwandlungen voneinander: Neben dem Grunddesign Aerona stehen zwölf eigene Handschriften, vom Hacker-Terminal bis zum Bonbon aus Plastik. Jeder hat eine eigene Seite mit einer Vorschau aus seinem echten CSS.

Wir arbeiten ständig weiter am Design. Die Farben, Unschärfen und Vorschauen stammen aus den Stil-Dateien der App Engine, geholt am 15. September 2026. Am 24. September wurden die zwölf Stile außer Aerona nachgeschliffen, damit überall die Schrift lesbar ist – die Vorschauen zeigen diesen Feinschliff noch nicht. Die Apps selbst sind noch nicht erschienen.

So funktioniert ein Stil

Ein Klick, alles neu

Ein Stil legt Farben, Glas, Rundung, Schatten und oft auch die Schrift für die ganze App fest. Neun Stile bringen außerdem ein eigenes Hintergrundbild mit. Das Umschalten geht ohne Neustart: Die Engine tauscht einen einzigen Stilblock aus, wie weiter unten Schritt für Schritt beschrieben.

Frei nur im Aerona-Stil

Hintergrund und Akzentfarbe selbst wählen geht nur im Stil „Aerona“. Die anderen Stile bringen ihre Farben fest mit. Ein Stil wie Cyber Deck lebt von seinem Grün auf Schwarz; mit einer frei gewählten Farbe wäre er ein anderer Stil. Wer von einem anderen Stil zurückkommt, bekommt die eigene Wahl wieder.

Unschärfe

Wie stark das Glas hinter einer Fläche verschwimmt – von gar nicht (Cyber Deck, Classic OS) bis 40 Pixel (Minimal). Zum Vergleich: Die Webseite kommt seit dem 13. September 2026 mit einem einzigen Wert von 4 Pixeln aus. Wie weit die Stile der Apps davon und voneinander entfernt liegen, zeigt der Vergleich weiter unten.

Alle 13 Stile

Die kleine Vorschau zeigt Akzent- und Hintergrundfarbe, so wie sie in der Stilauswahl der Apps stehen. Bei sechs Stilen setzt das CSS eine etwas andere Farbe als die Auswahl – welche, steht im Abschnitt Auswahlfarbe und Themenfarbe. Ein Klick auf den Namen öffnet die Seite des Stils mit Live-Vorschau.

Aerona

Der Stil von Aerona selbst – und der einzige, in dem du Hintergrund und Akzentfarbe frei wählen kannst. Er legt kaum etwas fest und übernimmt, was du eingestellt hast. Am Feinschliff vom 24. September 2026 wurde er bewusst nicht angefasst: Jede neue Regel gilt nur, wenn ein anderer Stil gewählt ist.

  • Eigene Akzentfarbe (ohne Wahl: Blau)
  • Eigener Hintergrund
  • Schaltet Partikel und Raster ab

Akzent #818cf8 Grund #0f172a

Alles zu Aerona

Retro 80s

Neon-Spielhalle der Achtziger: kantig, grell, mit einem Hauch Bildstörung. Die Schatten sind hart und einfarbig statt weich, Überschriften flimmern, Knöpfe rutschen beim Klicken wie echte Tasten. Wo das Pink Schrift ist, war es zu tief; dort steht es seit dem 24. September eine Stufe heller, die Flächen behalten den vollen Ton.

  • Akzent Pink (#ff0055)
  • Eckige Formen mit 3 Pixel breitem Neonrand
  • Harter Cyan-Schatten, flimmernder Textschatten
  • Knöpfe, die sich beim Drücken eindrücken
  • Unschärfe 20 px

Akzent #333333 Grund #e0e0d1

Alles zu Retro 80s

Cyber Deck

Ein Hacker-Terminal: schwarz, grüne Schrift, kein Glas. Fenster sind rohe Terminalfenster, die Auswahl erscheint mit vertauschten Farben wie eine Markierung im Terminal, und neben den Überschriften blinkt ein Cursor. Mit Classic OS ist er einer von zwei Stilen ganz ohne Unschärfe.

  • Grüne Schrift (#00ff00) auf Schwarz
  • Schreibmaschinenschrift (Courier New, Consolas)
  • Keine Unschärfe, eckige Formen
  • Leuchten wie ein alter Phosphor-Bildschirm, blinkender Cursor

Akzent #00ff00 Grund #000000

Alles zu Cyber Deck

Minimal

Schweizer Bauhaus, neo-brutalistisch: Schwarz auf Weiß, harte Kanten. Knöpfe sind Blöcke, deren Schatten beim Drücken schrumpft, bis sie ganz eingedrückt sind. Als heller Stil hatte Minimal ein Lesbarkeitsproblem: Die Seitenspalte der App war kaum zu lesen – seit dem 24. September hat er drei eigene Schriftstufen.

  • Fast schwarze Schrift (#1a1a1a) auf Weiß
  • Eckige Formen mit hartem Blockschatten (8 px)
  • Eingabefelder in Papiergelb

Akzent #000000 Grund #ffffff

Alles zu Minimal

Glassmorphism

Geschliffenes Kristallglas: viel Unschärfe, Licht von oben links. Die Ecken wechseln zwischen rund und spitz wie bei geschliffenem Kristall. Seit dem 5. Oktober liegt er auf einer eigenen Tapete statt eines Fotos: schwebende Glasscheiben vor einem dunklen Verlauf von Blau zu Violett, in voller 8K-Größe gezeichnet. Bis dahin war es ein helles Foto, über dem ein leichter Schleier die Schrift lesbar hielt.

  • Unschärfe 30 px
  • Ecken im Wechsel rund und spitz (32 und 8 px) – wie geschliffener Kristall
  • Lichtkante oben links, Schatten mit innerem Leuchten
  • Knöpfe als Pillen

Akzent #3b82f6 Grund #1e1b4b

Alles zu Glassmorphism

Classic OS

Wie ein Rechner aus den Neunzigern: grauer Rahmen, türkiser Hintergrund. Classic OS schaltet alles Moderne ab – kein Glas, kein Leuchten, keine Rundung – und ist mit drei Dateien der umfangreichste Stil. Beim Nachmessen am 24. September stand der Name in der Titelleiste marineblau auf Marineblau; das ist behoben.

  • Türkiser Hintergrund (#008080)
  • Pixelige Systemschrift
  • Keine Unschärfe, keine Rundung, keine weichen Schatten
  • Plastische Flächen und Knöpfe

Akzent #000080 Grund #e6e6e6

Alles zu Classic OS

Neon Synth

Leuchtröhren in der Nacht: Cyan auf tiefem Violett. Flächen sind wie gebogene Glasröhren, Überschriften leuchten wie Leuchtreklame. Ein Leuchteffekt fehlte lange, ohne dass es jemand merkte: Der Browser verwarf ihn wegen falscher Anführungszeichen wortlos – gefunden und behoben am 24. September.

  • Akzent Cyan, fast schwarzer violetter Grund
  • Unschärfe 30 px
  • Stark gerundet (40 px) wie gebogenes Glasrohr
  • Knöpfe als Pillen, der gewählte leuchtet Magenta

Akzent #00ffff Grund #120224

Alles zu Neon Synth

Forest Zen

Ein ruhiger Wald: dunkles Grün, leuchtendes Moos. Oben fällt Licht wie durch ein Blätterdach, unten liegt ein Moosschatten, und die Schrift wirkt wie im Nebel. Knöpfe sind geformt wie Blätter oder Kiesel und werden beim Drücken zum runden Stein.

  • Akzent Grün (#6ee39b) auf fast schwarzem Grün
  • Unschärfe 25 px, Rundung 30 px
  • Knöpfe geformt wie Blatt oder Kiesel
  • Leuchtendes Moos als Glanz

Akzent #75df9f Grund #0f2417

Alles zu Forest Zen

Ocean Depth

Tiefsee: blaues Licht und runde Blasen. Flächen sind weiche Blasen mit einem Glanzlicht wie eine Wasseroberfläche, Knöpfe leuchten beim Zeigen und ploppen beim Drücken. Bis zum 24. September hielt der Stil noch an einigen Stellen das Aerona-Blau fest, wo es nicht hingehörte.

  • Hellblaue Schrift (#c2f0ff)
  • Unschärfe 35 px
  • Runde Blasenformen (40 px), Knöpfe als Pillen
  • Knöpfe ploppen beim Drücken wie eine Blase

Akzent #38bdf8 Grund #010d1a

Alles zu Ocean Depth

Solar Flare

Sonnenglut: Orange auf dunklem Rot, schräg angeschnitten. Die diagonal geschnittenen Ecken gibt es im Grunddesign von Aerona nicht; von links schlägt ein Sonnenstrahl ein, und gewählte Knöpfe glühen wie Magma. Als Schrift war das Orange zu tief und steht seit dem 24. September eine Stufe heller.

  • Akzent Orange-Rot (#ff512f) auf fast schwarzem Rot
  • Unschärfe 15 px
  • Diagonal angeschnittene Ecken
  • Glühende Sonnenkante

Akzent #f97316 Grund #3b0712

Alles zu Solar Flare

Jörg Grün

Ein Smaragd: tiefes Grün mit geschliffenen Kanten. Die Flächen sind achteckig geschnitten wie ein Smaragdschliff, darüber liegt ein Glanzlicht wie auf einem Edelstein. Die Knöpfe verzichten auf Unschärfe und Schlagschatten, damit die App flüssig bleibt. Wo das Grün Schrift ist, steht es seit dem 24. September eine Stufe heller.

  • Akzent Smaragdgrün (#1afa89)
  • Unschärfe 16 px
  • Achteckig geschliffene Ecken („Smaragdschliff“)
  • Glanzlicht wie auf einem Edelstein

Akzent #10b981 Grund #022c22

Alles zu Jörg Grün

Kitty Pink

Kawaii aus Tokio: helles Rosa und Knöpfe wie Bonbons aus Plastik. Flächen sind aufgeblasen wie Kissen, und beim Klicken versinkt der Knopf um seine Lippe im Rahmen. Beim Nachmessen am 24. September stand in Kitty Pink 60-mal Weiß auf Hellrosa – seither hat der Stil drei eigene Schriftstufen aus seiner Farbwelt.

  • Heller rosa Grund (#fce7f3), dunkelrosa Schrift
  • Akzent Pink (#ec4899)
  • Stark gerundet (40 px) mit 3 px Rand
  • Knöpfe plastisch wie Bonbons
  • Unschärfe 20 px

Akzent #db2777 Grund #fff1f2

Alles zu Kitty Pink

Rania Hotdich Red

Feuer: leuchtendes Rot auf fast Schwarz. Der Stil bringt eigene Effekte mit – Feuer-Partikel und ein rotes Raster – und setzt seine zartrosa Schrift überall durch. An einer Stelle stand sie auf reinem Rot und war kaum zu lesen; das ist seit dem 24. September behoben.

  • Akzent Rot (#ff0000), zartrosa Schrift
  • Unschärfe 20 px, Knöpfe leicht gerundet (8 px)
  • Schaltet Feuer-Partikel ein und färbt das Raster rot – einschalten muss man das Raster selbst

Akzent #ff0000 Grund #450a0a

Alles zu Rania Hotdich Red

Die Hintergrundbilder

Diese neun Tapeten liegen in der App Engine als Hintergründe der Stile. Der Dateiname nennt jeweils den Stil. Drei Stile verlangen ebenfalls ein Bild, das es im Bildordner nicht gibt: Classic OS, Jörg Grün und Rania Hotdich Red. Aerona nimmt bewusst den eigenen Hintergrund. Seit dem 5. Oktober 2026 sind es eigene Zeichnungen in voller 8K-Größe; bis dahin waren es Fotos aus einer Bilddatenbank. Schon seit dem 24. September lädt die App nur noch ihre eigenen Dateien – vorher holte sie die Bilder beim Vorladen zusätzlich aus dem Netz.

Gezeichnete Sonne in Gelb und Rosa über einem leuchtenden Gitterboden, darüber ein violetter Himmel
Retro 80s
Gezeichnete Hochhäuser mit türkisen Fenstern im Regen, davor ein rosa leuchtendes Gitter
Cyber Deck
Fast schwarzer Verlauf mit einem schwachen blauen und einem schwachen violetten Schimmer
Minimal
Durchsichtige Glasscheiben mit runden Ecken schweben vor einem Verlauf von Blau zu Violett
Glassmorphism
Breite, weich leuchtende Bänder in Türkis, Violett und Rosa vor dunklem Grund
Neon Synth
Gezeichneter Tannenwald im grünen Nebel, vorn dunkle, hinten blassere Bäume
Forest Zen
Ein heller Mond über dem nächtlichen Meer, sein Licht glitzert auf dem Wasser
Ocean Depth
Die Sonne geht über dem Meer unter, der Himmel verläuft von Orange zu Violett, mit rosa Wolken
Solar Flare
Eine schwarze Katze sitzt unter einer Mondsichel und schaut in einen violetten Sternenhimmel
Kitty Pink

Flüssig trotz Glas

Vier Stile sparen gezielt an Effekten, damit die App flüssig bleibt. Unschärfe und Leuchten sind die teuersten Effekte einer Oberfläche: Der Rechner muss sie in jedem Bild neu berechnen, und Glas über Glas vervielfacht die Arbeit. Wo gespart wird, steht jeweils im Kommentar der Stil-Datei.

Wie stark das Glas verschwimmt

Die Unschärfe jedes Stils, gemessen im CSS, das die App Engine setzt. Aerona fehlt in der Reihe: Dort stellt man das Glas selbst ein. Am 25. September 2026 in den Stil-Dateien nachgesehen: Keiner der Werte hat sich seit dem 15. September geändert. Mehr Unschärfe heißt nicht besseres Glas – je stärker sie ist, desto weniger bleibt vom Hintergrund zu erkennen. Lesbar macht eine Fläche ohnehin erst ihre Deckkraft, so steht es in Regel 32.

Minimal
40 px
Ocean Depth
35 px
Glassmorphism
30 px
Neon Synth
30 px
Forest Zen
25 px
Retro 80s
20 px
Kitty Pink
20 px
Rania Hotdich Red
20 px
Jörg Grün
16 px
Solar Flare
15 px
Cyber Deck
0 px – kein Glas
Classic OS
0 px – kein Glas

Was bei einem Klick passiert

  1. Die Marke setzen. Die Engine schreibt den Namen des Stils an das Wurzelelement der App (data-aerona-stil). Die Handschrift der Webseite – Glas, Reiter und Knöpfe – hängt an dieser Marke und greift nur beim Stil Aerona. Wer Neon wählt, bekommt Neon, nicht Aerona mit Neonfarben. Umgekehrt hängt der Feinschliff vom 24. September an derselben Marke: Er greift nur, wenn sie nicht „Aerona“ lautet.
  2. Das CSS einsetzen. Ein einziger Stilblock wird ausgetauscht. Er kommt aus einer von 15 Stil-Dateien mit zusammen 1.683 Zeilen (nachgezählt am 25. September 2026, eine Hilfsdatei nicht mitgerechnet); der größte Stil ist Classic OS mit drei Dateien und 502 Zeilen.
  3. Die Grundwerte umstellen. Zwölf Stile setzen dieselben elf Werte neu, darunter Grundfarbe, Glasfläche, Glaskante, Schriftfarben, Themenfarbe, Leuchten und Unschärfe. Weil alle dieselben Namen benutzen, greifen die Bauteile der App jeden Stil auf, ohne ihn zu kennen.
  4. Bild und Effekte. Wo es eines gibt, kommt das Hintergrundbild des Stils. Manche Stile schalten Partikel oder das Raster ein oder aus. Wechselt man zurück zu Aerona, gehen die Effekte wieder aus.

Ein Stil muss sich gegen die Grundgestaltung der App durchsetzen. Deshalb steht in den 15 Stil-Dateien des Kerns 871-mal !important – nachgezählt am 25. September 2026; am 23. September waren es 864. Der Feinschliff vom 24. September liegt in drei eigenen Dateien mit zusammen 418 Zeilen und muss sich wiederum gegen die Stile durchsetzen: Er setzt ebenfalls !important und hebt seine Regeln mit zwei zusätzlichen Kennungen im Wähler sicher darüber.

Auswahlfarbe und Themenfarbe

Die kleine Vorschau zeigt die Farben aus der Stilauswahl der Einstellungen-App. Im CSS setzen sechs Stile eine andere Themenfarbe. Die beiden Farben stehen an verschiedenen Stellen der App: die eine in der Stilgalerie, die andere in der Stil-Datei. Meist ist der Unterschied klein, bei Glassmorphism aber Blau gegen Weiß. Hier stehen deshalb beide, statt eine davon zu verschweigen.

  • Retro 80s: Auswahl #333333, im CSS #ff0055
  • Glassmorphism: Auswahl #3b82f6, im CSS #ffffff
  • Forest Zen: Auswahl #75df9f, im CSS #6ee39b
  • Solar Flare: Auswahl #f97316, im CSS #ff512f
  • Jörg Grün: Auswahl #10b981, im CSS #1afa89
  • Kitty Pink: Auswahl #db2777, im CSS #ec4899

Bei Cyber Deck, Minimal, Classic OS, Neon Synth, Ocean Depth und Rania Hotdich Red sind beide Farben gleich. Der Stil Aerona übernimmt die Farbe, die du selbst wählst; ohne Wahl ist es Blau, #3b82f6. Nachgesehen am 25. September 2026: Die Themenfarben im CSS sind seit dem 15. September dieselben.

Woher die Angaben stammen

Die Stilseiten bauen die Stile nicht nach. Ein Werkzeug holt das echte CSS aus der App Engine auf die Webseite. Nachgebaut sähe eine Vorschau so aus, wie jemand den Stil in Erinnerung hat – geholt zeigt sie, was in der App steht. Der letzte Lauf war am 15. September 2026; was sich seither in den Stil-Dateien geändert hat, kommt erst mit dem nächsten Lauf herüber.

alle Stile bekommen extra Seiten

Kevin, 15. September 2026
  1. Namen und Farben kommen aus der Stilgalerie der Einstellungen-App – dieselben, die du dort beim Wählen siehst.
  2. Das CSS jedes Stils kommt aus den Stil-Dateien der App Engine. Dabei werden auch Unschärfe, Rundung und Schriftfarben gemessen, die im Steckbrief jeder Stilseite stehen.
  3. Die Hintergrundbilder werden aus dem Bildordner der App Engine kopiert. Wo ein Stil ein Bild verlangt, das dort fehlt, sagt die Stilseite das.
  4. Jede Regel wird eingesperrt – in ihren eigenen Vorschaukasten. Sonst würde ein Stil die ganze Webseite umfärben, denn das CSS der Apps setzt Regeln für die ganze Seite. Dass die Webseite dabei unberührt bleibt, ist nachgeprüft.

Die Beschreibungen sind von Hand geschrieben. Grundlage sind die Stil-Dateien und ihre Kommentare, dazu das Bautagebuch vom 24. September 2026 für das, was beim Feinschliff gefunden wurde. Was dort nicht steht, steht auch hier nicht.

Im AetherOS

Vier Farbschemen

Im Kontrollzentrum wählt man das Farbschema des Systems: Standard Violett, Matrix Grün, Cyber Cyan und Sunset Orange. Technisch dreht jedes Schema die Farben des ganzen Bildschirms um einen festen Winkel – 0, 120, 220 oder 290 Grad. Dafür braucht es keine eigene Stil-Datei, aber es hat einen Preis: Der Filter liegt auf dem ganzen Bildschirm, gedreht wird also alles, auch Bilder und Emojis. Mehr dazu auf der Seite Oberfläche von AetherOS.

Die Bildschirmtastatur

Die Tastatur auf dem Bildschirm hat vier Looks: Aerona, Cyberpunk Gold, Quantum Matrix und Frozen Ice. Seit dem 31. August 2026 – vorher nannte die Liste drei Looks, für die es keine einzige Regel gab. Cyberpunk Gold und Quantum Matrix gehören zu den Ausnahmen aus Regel 32: Wer sie wählt, wählt ihre Farbe, und die bleibt deshalb, auch wo sonst der Verlauf stünde.

In der Design-Werkstatt

In der Design-Werkstatt von Aerona werden neue Looks ausprobiert – 38 Themes an echten Bedienelementen, mit Reglern für Leuchten, Unschärfe, Rundung und Deckkraft. Sie sind Entwürfe, noch keine Stile der Apps. Ob einer davon je in die Stilauswahl kommt, ist offen; einen Weg, ein Thema aus der Werkstatt mitzunehmen, gibt es noch nicht. Wie sie aussehen, zeigt die Seite Die Design-Werkstatt mit einem Bild von jedem:

Steam Core · Bio-Lumi · Cosmic Dust · Frost Aurora · Cyber Grid · Magma Core · Royal Velvet · Deep Ocean · Dark Gothic · Retro Arcade · Solarpunk Oasis · Void Singularity · Mystic Alchemist · Aero Stream · Clockwork Chrono · Crystal Prism · Steampunk Gothic · Neon Sakura · Nebula Dream · Toxic Waste · Sandstone Mirage · Cyber Frost · Dragon Embers · Andromeda Galaxy · Plague Biohazard · Vaporwave Sunset · Elysian Heaven · Glitch Matrix · Primal Jungle · Industrial Nuclear · Deep Abyss · Nordic Runes · Retro Synthwave · Golden Baroque · Quantum Matrix · Cassette Futurism · Celestial Dawn · Crimson Autumn

Zurück zu Aerona Design

Version 9.0.0

Die Webseite wiegt die Hälfte, das Menü auf dem Telefon ist eine Liste geworden, das Glas ist überall dasselbe — und ein Kasten auf der Startseite sagt, warum hier eine Weile nichts passiert.