Projekt Artemis · Designsystem v1.1 · 23.10.2026
Designsystem
Grundlagen und Komponenten für projekt-artemis.de. Dunkel und ruhig, mit Türkis für Interaktion und Gold für besondere Meilensteine. Alle Werte entsprechen der Startseite.
Farben
Neutrale, fast schwarze Flächen schaffen Tiefe ohne Blaustich. Das tiefe Nachtblau bleibt Footer, Header und Overlays vorbehalten.
Flächen
- space-950
#050810Footer, Header, Overlays - space-900
#08090BSeitenhintergrund - space-850
#0E0F12Wechselnde Sektionen - space-800
#141519Karten - space-700
#1C1E22Hervorgehobene Karten - space-600
#26282DBildflächen
Text & Akzente
- moon-100
#F4F2ECPrimärer Text - moon-300
#CAD1D9Sekundärer Text - moon-500
#8996A6Metadaten - cyan-400
#27D3D7Links, aktive Elemente - cyan-300
#68E4E6Hover, Fokus - gold-400
#E8B55BGold · Meilensteine, Hero-Aktion - red-400
#E56B67Kritische Hinweise - orange-400
#E0925AOrange · Änderung, Korrektur
Linien
Typografie
- Aa Barlow Condensed Display · 500–700 · Überschriften, Missionsnamen. Versalien nur für kurze Zeilen.
- Aa Source Sans 3 Lesetext · 400–700 · Fließtext, Kartenfragen, Buttons.
- Aa IBM Plex Mono Metadaten · 400–500 · nur Status, Datum, Nummer, Quelle.
- Hero 56 → 124 px · lh 1
- Zurück zum Mond.
- H2 groß 40 → 72 px
- Schritt für Schritt zurück zum Mond.
- H3 Karte 28 → 36 px · Display
- Artemis III
- H3 Frage 24 px · Sans 600
- Warum ist der Südpol so interessant?
- Lead 18 → 22 px · lh 1.6
- Artemis ist als schrittweises Programm angelegt. Jede Mission testet neue Fähigkeiten.
- Fließtext 16 → 18 px · max. 70 Zeichen
- Orion ist das Raumfahrzeug, das Besatzungen von der Erde in die Nähe des Mondes und wieder zurück bringen soll.
- Eyebrow 14 px · Mono · +12 %
- Die Missionen
- Metadaten 13 → 14 px · Mono
Abstände & Radien
Sektionen: 120–160 px Desktop, 72–104 px mobil. Inhaltsbreite max. 1360 px, Seitenrand 20–56 px.
-
4 -
8 -
12 -
16 -
24 -
32 -
48 -
64 -
96 -
128
-
10 · Buttons -
12 · kleine Karten -
14 · Karten -
16 · Leitkarten -
999 · Status, Chips
Statuslabel
Status steht immer als Text. Der Punkt unterstützt nur – Form und Farbe unterscheiden sich zusätzlich. Kein Blinken, kein Pulsieren.
-
Mission beendet. Gefüllter grauer Punkt.
-
Hardware wird integriert, Start terminiert.
-
System wird entwickelt oder getestet.
-
Beschlossen, Zeitraum genannt. Offener Ring.
-
Planung wird überprüft. Gestrichelter Ring.
-
Zusatz für die derzeit relevante Mission. Getönte Fläche.
Karten
Vollständig klickbar, feine Kontur, kein Glas, keine starken Schatten. Jede Kartenart hat eine eigene Fläche, damit Missionen, Technik und Wissen unterscheidbar bleiben.
Missionskarte · Standard
Missionskarte · Aktuell
Missionskarte · Zukunft
Technikkarte
Space Launch System
Die Schwerlastrakete bringt Orion mit Besatzung ins All.
Wissenskarte
Artikelkarte
Zehn Tage um den Mond: Was Artemis II gezeigt hat
Redaktionelle Module
Bausteine für Unterseiten. Sie machen Aktualität und Quellenlage sichtbar.
Breadcrumb
Aktualisierungshinweis
- Veröffentlicht:
- Aktualisiert:
- Status geprüft
Faktenmodul
- Besatzung
- 4
- Dauer
- rund 10 Tage
Fakt vs. Planung
- ✓ Bestätigt
- Artemis II landete am 10. April 2026 im Pazifik.
- ○ Geplant
- Die erste Landung soll mit Artemis IV Anfang 2028 erfolgen.
Zitatmodul
Platzhalter für ein belegtes Zitat einer beteiligten Person.
Bildnachweis
Akkordeon · Quellenbereich
Quellen zu diesem Beitrag (3)
NASA, Missionsseite Artemis III, abgerufen 23.10.2026 ↗ · NASA, Pressemitteilung zur Besatzung ↗ · ESA, Europäisches Servicemodul ↗. Externe Links öffnen in einem neuen Tab.
Wie wir Termine angeben
Zukünftige Termine stehen nie ohne Kennzeichnung: bestätigt, geplant, frühestens, Zeitraum oder Termin offen.
Bildnachweise
Alle Bilder stammen, sofern nicht anders angegeben, von der NASA und sind gemeinfrei.
Icons
Linien 1,5 px, runde Enden, höchstens zwei Farben. Dekorative Icons stehen nie allein als Bedienelement.
-
Mond -
Umlaufbahn -
Raumfahrzeug -
Landung -
Forschung -
Kommunikation -
Kalender -
Externe Quelle
Missions- und Themenfarben
Jede Mission und jede Themenwelt hat eine gedämpfte Orientierungsfarbe. Sie ergänzt Text und Symbol, ersetzt sie nie.
Missionen
- Artemis I
#8FA3B8 · kühles Grau-Blau - Artemis II
#27D3D7 · Türkis - Artemis III
#E8B55B · warmes Gold - Artemis IV ff.
#B9A8E8 · Violett
Themen (Raumfahrt, Glossar)
- Erde / Navigation
#4F8FD6 · kräftiges Blau - Mond
#CBBFA8 · warmes Beige - Mars
#C97B5A · Rostorange - Zukunft / Forschung
#9C8BD9 · Blauviolett - Technik (Glossar)
#7FB8A6 · Grüngrau - Menschen im All
#D9A98C · Hautton
Epochen (Geschichte)
GrundlagenDer Weg ins AllDie ersten großen SchritteMenschen auf dem MondForschung und WiederverwendbarkeitInternationale RaumstationNeue Akteure, neue SystemeArtemisDie nächsten Kapitel
Signal
- Orange · Änderung
#E0925A · Korrektur, Verschiebung, Eilmeldung - Rot · kritisch
#E56B67 · nur echte Notfälle, Formularfehler
Status und Informationskennzeichnung
Zehn Status mit Symbol, Farbe und Text. Dazu Kennzeichnungen für die Verlässlichkeit einer Aussage – nah an der betroffenen Information.
Erweitertes Statussystem
-
Erfolgreich beendet
-
Läuft gerade
-
Konkrete Vorbereitung
-
Wird entwickelt/getestet
-
Teil der Planung
-
Kein belastbarer Zeitpunkt
-
Vorheriger Zeitraum gilt nicht
-
Wird bewertet
-
Nach Beginn beendet
-
Keine verlässlichen Daten
Verlässlichkeit
Datumsqualität (Zukunft)
Ein Zukunftsdatum ohne Kennzeichnung wird nie angezeigt.
Artikel-Hinweise
Aktualisiert am 23.10.2026, 11:40: Zeitplanung ergänzt.
Korrektur vom 23.10.2026: Angabe wurde berichtigt.
Dokumentiert den damaligen Planungsstand. Zum aktuellen Stand →
Filter und Ansichten
Auswahlchips, aktive Filter mit einzelnem Entfernen, Segment-Umschalter und Tabs. Filterzustände stehen in der URL.
Auswahlchips und aktive Filter
5 Beiträge
- Artemis III: Booster gestapelt
- Orion: Integration für Artemis III
- SLS: Kernstufe verbunden
- Orion: Hitzeschild-Analyse
- Artemis III: Crew vorgestellt
Segment-Umschalter
Für Ansichten derselben Inhalte – Karten/Liste, Kompakt/Erweitert, Zeitraum.
Beobachten / Merken
Nur lokal in diesem Browser. Alle Schalter derselben Sache bleiben synchron.
Redaktion und Artikel
Bausteine der Artikel- und Aktuelles-Seiten: Kernaussagen, Einordnung, Missionsupdate, Kontextmodul, Vergleich und Zitat.
Das Wichtigste in Kürze
Das Wichtigste in Kürze
- Was ist passiert?
- Was ist bestätigt, was offen?
- Was geschieht als Nächstes?
Einordnung „Was bedeutet das?"
- ✓ Bestätigt
- Eine Aussage pro Kategorie.
- ◌ Wahrscheinlich
- Eine Aussage pro Kategorie.
- Redaktionelle Einschätzung
- Eine Aussage pro Kategorie.
- ? Offen
- Eine Aussage pro Kategorie.
Missionsupdate
Missionsupdate · Artemis III
Stand der Vorbereitungen im Oktober
- Das ist passiert
- Beide Feststoffbooster stehen auf der mobilen Startplattform, alle vier RS-25-Triebwerke sind an der Kernstufe montiert.
- Das bedeutet es Redaktionelle Einordnung
- Der Aufbau liegt im Plan für einen Start 2027. Entscheidend ist nun, wie schnell die Testlander bereitstehen.
- Darauf kommt es als Nächstes an
- Betankungstest an Startrampe 39B in den kommenden Monaten.
- Offene Punkte
- Genauer Starttermin; ob Orion an einen oder beide Testlander koppelt.
Feste Reihenfolge: Das ist passiert · Das bedeutet es · Als Nächstes · Offene Punkte – Prüfdatum und Quellen im Fuß.
Kontextmodul Mission
Gehört zu Artemis III
Orion koppelt in der Erdumlaufbahn an Testversionen der Mondlander von Blue Origin und SpaceX – die Generalprobe für die Landung. Zeitraum: Derzeit geplant: 2027.
Artemis III im ÜberblickZitat mit Übersetzungshinweis
Belegtes Zitat, sinngemäß übersetzt.
Vergleich (mobil als Karten)
| Kriterium | Artemis I | Artemis II | Artemis III | Artemis IV | Artemis V |
|---|---|---|---|---|---|
| Besatzung | unbemannt | 4 Personen | 4 Personen | noch nicht benannt | noch nicht benannt |
| Hauptziel | SLS, Orion, Servicemodul und Bodensysteme ohne Besatzung im Mondraum testen. | Orion, Lebenserhaltung, Navigation und Missionsabläufe mit Besatzung im Mondraum erproben. | Kopplungstests mit beiden Anbietern; Crew-Aufenthalt in Blue Moon. | Menschen sicher auf die Mondoberfläche und zurück bringen. | Landungen zur Routine machen und Aufenthalte verlängern. |
| Flugprofil | weite Mondumlaufbahn | Mondvorbeiflug, freie Rückkehr | Erdumlaufbahn, Kopplungstests | Mondorbit und Landung | Mondorbit und Landung |
| Mondlandung | nein | nein | nein | ja (geplant) | ja (geplant) |
| Landefahrzeug | – | – | geplant | Starship HLS oder Blue Moon | geplant |
| Gateway | nein | nein | nein | offen | offen |
| Raumanzüge für Oberfläche | nein | nein | nein | geplant | geplant |
| Missionsdauer | rund 25,5 Tage | 9 T 1 Std. 32 Min. | rund 14 Tage geplant | noch nicht veröffentlicht | noch nicht veröffentlicht |
| Status |
Glossar im Text
Markierte Fachbegriffe öffnen eine kompakte Erklärung – auf dem Desktop als Popover, mobil als Panel am unteren Rand. Nur die erste Nennung wird markiert.
Inline-Begriff
Nach dem Start brachte das Space Launch SystemSLSDie Schwerlastrakete der NASA, die Orion mit Besatzung ins All bringt.Vollständig erklären die Kapsel in eine Erdumlaufbahn. Normale Links bleiben türkis.
Popover / Bottom Sheet
Space Launch SystemSLSDie Schwerlastrakete der NASA, die Orion mit Besatzung ins All bringt.Vollständig erklärenBegriffszeile
Häufig verwechselt
- Trägerrakete
- Eine Rakete, die eine Nutzlast von der Erde in den Weltraum bringt.
- Raumfahrzeug
- Das Fahrzeug, das die eigentliche Mission fliegt – mit Besatzung oder als Sonde.
Timeline und Phasen
Phasenleiste statt Prozentwert, Programmfortschritt mit Linienlogik und Timeline-Einträge in drei Gewichtungsstufen.
Phasenleiste
Linienlogik
- Abgeschlossen
- Aktuell
- Geplant
- Termin offen
Durchgezogen bis zum aktuellen Stand, gestrichelt für Planungen. Gefüllter Punkt = erreicht, Ring = noch nicht.
Stufe 1 · Schlüsselereignis
Apollo 11: Die ersten Menschen landen auf dem Mond
Neil Armstrong und Buzz Aldrin setzen mit der Mondfähre Eagle im Meer der Ruhe auf und verbringen rund zweieinhalb Stunden außerhalb. Michael Collins umkreist den Mond im Kommandomodul.
Die Landung erfüllte das politische Ziel des Apollo-Programms und ist bis heute die Referenz für jede bemannte Mondmission – auch für Artemis.
Neil Armstrong, Buzz Aldrin, Michael Collins – und rund 400.000 Beschäftigte im Apollo-Programm
Baute auf Apollo 8 Bereitete den Weg für Artemis II
Stufe 2 · Meilenstein
Valentina Tereschkowa fliegt als erste Frau ins All
Mit Wostok 6 umkreist sie die Erde fast drei Tage lang – länger als alle US-Astronauten bis dahin zusammen.
Es dauerte fast 20 Jahre, bis die nächste Frau ins All flog. Bei Artemis II flog 2026 erstmals eine Frau zum Mond.
Valentina Tereschkowa
Stufe 3 · Kontext / kritisch / Zukunft
Viking 1 landet erfolgreich auf dem Mars
Apollo 13: Rückkehr nach einer Explosion an Bord
Ein Sauerstofftank explodiert auf dem Weg zum Mond. Die Crew nutzt die Mondfähre als Rettungsboot und kehrt nach einem Vorbeiflug am Mond sicher zurück.
Die Mission wurde zum Beispiel für Krisenmanagement. Tanks und Notfallabläufe wurden überarbeitet.
James Lovell, John Swigert, Fred Haise und die Teams der Missionskontrolle
Artemis III: Kopplungstest mit Mondlandern
Orion soll in der Erdumlaufbahn mit Crew an Testversionen der Lander von Blue Origin und SpaceX koppeln.
Die Testlander müssen rechtzeitig bereitstehen. Das Ergebnis entscheidet über den Weg zur Landung.
Dashboard und Live
Hinweisleisten nach Zustand, Countdown, Missionsprotokoll, Kennzahlen und Datenstand pro Modul. Live nur bei tatsächlich zeitnahen Daten.
Hinweisleiste
Artemis II befindet sich in der Phase „Flug zum Mond".
Der Start liegt innerhalb der nächsten 24 Stunden.
Der Zeitraum wurde angepasst. Das ist bisher bestätigt.
Angezeigt wird der zuletzt bestätigte Stand von 09:42 Uhr.
Ohne besondere Meldung wird die Leiste vollständig ausgeblendet.
Kennzahl
6
Updates und Artikel
Countdown
Startfenster öffnet in
T− --:--:--
Missionsprotokoll
-
Kurskorrektur abgeschlossen
-
Fotos der Erde übertragen
-
Crew meldet sich
Datenstand je Modul
Datenstand
- Live-Status
- vor 2 Min.
- Missionsplanung
- geprüft 21.10.
- Fahrzeugstatus
- aktualisiert 18.10.
Zustände und Formulare
Laden, leer, Fehler, Erfolg und Toast. Fehlende Daten werden benannt, nie durch leere Flächen kaschiert.
Laden
Leer
Du beobachtest noch keine Mission.
Für diese Filterkombination gibt es keine Begriffe. Filter zurücksetzen
Keine Daten / Fehler
Für dieses System liegt derzeit kein neuer bestätigter Status vor.
Aktuelle Daten konnten nicht geladen werden. Angezeigt wird der zuletzt bestätigte Stand.
Formularfeld
Bitte gib eine gültige E-Mail-Adresse ein, zum Beispiel name@beispiel.de.
Erfolg
Fast geschafft.
Bestätigungs-E-Mail verschickt.
Toast
Link kopiert.