nano.
Dein Wetter. Klar. Schön. Verlässlich.
Der Himmel ist die Marke.
nano zeigt das Wetter nicht als Datentabelle, sondern als Ort: ein lebendiger Himmel, auf dem klare, präzise Information ruht. Alles Weitere leitet sich aus drei Worten ab, die auch im App Store stehen.
Der lebendige Himmel — live im Browser gerendert, portiert aus WeatherShaderKit/AbstractWeatherShader.metal. Farben, Wolkenlogik, Sonnen- und Mondposition entsprechen dem Shader der App. Jeder Export ist ein gültiges Markenbild.
Klar.
Apple-nativ, ohne Umwege: SF Pro, SF Symbols, Systemverhalten. nano fügt nichts hinzu, was iOS nicht schon kann — es wählt nur sorgfältiger aus. Wenige Akzente, viel Fläche, echte Hierarchie.
Schön.
Der animierte Himmel ist das einzige expressive Element der Marke. Er verdient die Rechenzeit — alle Ebenen darüber (Karten, Text, Symbole) bleiben ruhig, damit er wirken kann.
Verlässlich.
Offizielle DWD-Daten, keine Schätzungen Dritter. Made in Germany, keine Tracker, kein Login. Die Marke verspricht nie mehr, als die Daten hergeben — auch sprachlich nicht.
Ein Tropfen. Mehr nicht.
Das Icon ist eine einzige Form: ein gläserner Regentropfen in Tropfenblau auf einer Fast-Weiß-Kachel — so reduziert wie der Name. Es wird immer als Ganzes verwendet: der Tropfen wird nie freigestellt, umgefärbt oder dekoriert.
Auf ProduktflächenAuf Himmel aus dem ShaderRegeln
| Schutzraum | Mindestens die halbe Tropfenbreite auf allen Seiten. Kein Text, kein zweites Symbol im Schutzraum. |
| Mindestgröße | 24 px / 8 mm. Darunter die Wortmarke verwenden. |
| Form | Immer im iOS-Superellipsen-Rahmen (Squircle) oder als Icon-Kachel — nie der Tropfen allein als Logo. |
| Hintergrund | Neutral oder ein Himmel aus dem Shader. Auf fotografischen oder unruhigen Flächen: Kachel mit weißem Grund. |
nano. Immer klein.
nano ist die kleinste Einheit, die noch misst — und genau das ist der Anspruch: nicht das größte Wetter, sondern das genaueste. Auf die Minute, auf die Station, auf den Ort. Aus dieser Haltung folgt der Rest der Marke wie von selbst: der Name bleibt kleingeschrieben, das Icon kommt mit einer einzigen Form aus, und das Interface legt sich als ruhige Fläche über einen lebendigen Himmel.
Die Wortmarke selbst ist gesetzter Text, kein Logo-Bild: SF Pro Rounded, Semibold — dieselbe Schrift, in der die App die Temperatur zeigt. So bleibt die Marke reproduzierbar, vom App Store bis zur Watch. Als Bild nur, wo Text nicht möglich ist — etwa in Artikel-Layouts; das Pressekit hält dafür fertige PNGs bereit.
„nano“ wird nie versal gesetzt (nicht „Nano“, nicht „NANO“), auch am Satzanfang nicht. Im Fließtext ohne Auszeichnung; kursiv nur, wenn der umgebende Text kursiv ist.
Eine Markenfarbe, viele Himmel.
nano hat genau eine Markenfarbe: Tropfenblau. Alle anderen Farben sind Wetter — sie kommen direkt aus WeatherStyle.swift und dem Metal-Shader und beschreiben Zustände, keine Marke. Klick auf eine Farbe kopiert den Hex-Wert.
Tropfenblau
500 ist die Ankerfarbe für interaktive Akzente (Links, aktive Tabs, Buttons). 100–300 sind für Flächen und Verläufe des Tropfens reserviert, 600–700 für Text auf hellem Grund (Kontrast ≥ 4.5:1).
Himmelspaletten — aus dem Shader, oben → unten
Diese Verläufe sind die Referenz für Marketing-Hintergründe, Website-Abschnitte und Store-Assets. Der Shader interpoliert zwischen ihnen über den Sonnenstand — statische Assets nutzen genau diese Stützstellen.
Wetterkarten — Kartengradienten der App (Light Mode)
Kuratierte Akzente — Textakzente, tief/hell je Untergrund
Fast-neutrale Akzente mit einem Hauch der Wetterfarbe: die tiefe Variante auf hellen Himmeln, die helle auf dunklen. Nie beide gleichzeitig, nie als Flächenfarbe.
San Francisco, zwei Stimmen.
Die App spricht SF Pro — und wechselt für die eine Zahl, die zählt, zu SF Pro Rounded. Diese Rollenteilung ist die typografische Identität: rund für das Wetter, gerade für die Information. Keine Fremdschriften, nirgends.
Zahlen in Reihen (Stundenleiste, Charts, Tabellen) immer mit tabular-nums. Gradzeichen ohne Leerzeichen an der Zahl (21°); Einheiten klein und abgesetzt (mm/h, km/h, hPa).
Glas auf Himmel.
Jede Karte der App ist dasselbe Material: mattes Glas, das im Light Mode aufhellt und im Dark Mode abdunkelt, mit einer 0,5-pt-Lichtkante. Es liegt hier live über dem Shader — genauso entsteht der Look der App.
Rezept
| Eigenschaft | Light Mode | Dark Mode |
|---|---|---|
| Grundfüllung | white @ 55 % | black @ 28 % |
| Körper-Layer | white @ 28 % | black @ 20 % |
| Wetter-Tint | tintColor @ 16 % — Warnkarten stärker | |
| Kontur | white @ 40 % · 0.5 pt | white @ 10 % · 0.5 pt |
| Eckenradius | 18 pt, style: .continuous — Karten mit Sprechblasen-Nase: 20 pt | |
| Blur | Kein Live-Blur als Standard (GPU-Kosten bei 15+ Karten); .ultraThinMaterial nur über bewegtem Inhalt verwenden | |
Der Himmel ist das Plakat.
Kampagnenbilder erfinden keinen eigenen Grund — sie nutzen den Himmel, den die App ohnehin rendert. Nachthimmel für Radar und Drama, goldene Stunde für Wärme, klarer Tag als Standard. Dekoration liefert der Shader gleich mit: Sterne, Regen, Wolken. Nichts wird aufgeklebt.
Dein Wetter.
Klar. Schön. Verlässlich.
Präzises Wetter für ganz Deutschland – bei jedem Wetter.
Regeln
| Grund | Immer ein Shader-Himmel (live gerendert oder als PNG-Export aus dieser Seite) — Nacht für Radar und Drama, goldene Stunde für Wärme, klarer Tag als Standard. Keine erfundenen Flächenfarben. |
| Headline | SF Pro, Bold/Heavy, Weiß #F5F8FC; genau ein Schlüsselwort in Tropfenblau 200 #A7D4F8. Drei-Wort-Rhythmus als Markendevice: „Klar. Schön. Verlässlich.“ |
| Nachweis | Die DWD-Kachel ist Pflicht auf dem ersten Screenshot; „100 % kostenlos“ als Pille, nie im Fließtext der Headline. |
| Dekor | Keines. Was nach Atmosphäre aussieht, muss aus dem Shader kommen (Sterne, Regen, Wolkenzug) — keine Funken, kein Konfetti, keine Emojis. |
| Gerät | Unter der Headline immer ein echtes, unbeschnittenes Gerät mit realem App-Inhalt — die App wirbt für sich selbst. |
Dunkle Gründe liefert der Nachthimmel des Shaders (#0D142E → #1A1F38, siehe Himmelspaletten) — jede Farbe im Marketing hat eine Quelle im Produkt.
Fünf Screenshots, ein System.
Die App-Store-Screenshots entstehen direkt aus diesem System: Shader-Himmel als Grund, eine Headline im Drei-Wort-Rhythmus mit genau einem Keyword in Tropfenblau 200, darunter das Gerät mit echtem App-Inhalt. Template wählen, deinen App-Screenshot einsetzen, als PNG exportieren — fertig für App Store Connect.
01 · Claim — Grund: Nachthimmel aus dem Shader · Screenshot-Slot: Wetter-Tab, aktueller Ort · mit DWD-Nachweis (Pflicht auf Screenshot 1)
1290 × 2796 px — das Porträt-Format für 6,7″/6,9″ in App Store Connect. „Neuer Himmels-Moment“ rendert denselben Himmel zu einem anderen Zeitpunkt (bei Gewitter so lange würfeln, bis ein Blitz im Bild ist). Der Geräterahmen ist schematisch und markenfrei; der eingesetzte Screenshot bleibt lokal im Browser.
Du, konkret, auf die Minute.
nano duzt, bleibt bei den Daten und nennt Zeiten statt Wahrscheinlichkeitsprosa. Deutsch ist die einzige Produktsprache — Anglizismen nur, wo iOS sie vorgibt.
„Bleib trocken: Regen beginnt bei dir um 14:20 – und hört um 14:50 wieder auf.“
Du-Form, konkrete Minuten, ein Versprechen, das die Daten decken.
„Unsere KI-gestützte Niederschlagswahrscheinlichkeitsprognose bietet Ihnen bestmögliche Insights!“
Sie-Form, Buzzwords, Superlative, Ausrufezeichen — alles vier gestrichen.
Wetter · Radar · Historisch · Warnungen
Ein Wort pro Tab. Neue Features bekommen deutsche, beschreibende Namen — keine Kunstwörter.
„Stand: 09:00 · Eschbronn-Mariazell“
Quelle und Stand der Daten sind sichtbar, nie versteckt. Der DWD wird genannt, nicht paraphrasiert.