Projekt Artemis

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.

01

Farben

Neutrale, fast schwarze Flächen schaffen Tiefe ohne Blaustich. Das tiefe Nachtblau bleibt Footer, Header und Overlays vorbehalten.

Flächen

  • space-950 #050810 Footer, Header, Overlays
  • space-900 #08090B Seitenhintergrund
  • space-850 #0E0F12 Wechselnde Sektionen
  • space-800 #141519 Karten
  • space-700 #1C1E22 Hervorgehobene Karten
  • space-600 #26282D Bildflächen

Text & Akzente

  • moon-100 #F4F2EC Primärer Text
  • moon-300 #CAD1D9 Sekundärer Text
  • moon-500 #8996A6 Metadaten
  • cyan-400 #27D3D7 Links, aktive Elemente
  • cyan-300 #68E4E6 Hover, Fokus
  • gold-400 #E8B55B Gold · Meilensteine, Hero-Aktion
  • red-400 #E56B67 Kritische Hinweise
  • orange-400 #E0925A Orange · Änderung, Korrektur

Linien

  • line-subtle · moon-300 / 12 % Trenner, Kartenkonturen
  • line-strong · moon-300 / 28 % Deutliche Trenner, Platzhalter
  • line-control · moon-300 / 45 % Bedienelemente: Felder, Chips, Buttons (≥ 3:1)
  • line-accent · cyan-400 / 55 % Hover auf Karten
  • line-highlight · gold-400 / 55 % Meilensteine, Fokus

02

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
Zuletzt aktualisiert: 23.10.2026 · Quelle: NASA

03

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

04

Buttons & Links

Mindesthöhe 48 px (Hero 56 px). Beschriftungen benennen das Ziel: „Artemis II entdecken“ statt „Mehr erfahren“.

Variante Standard Hover Fokus Deaktiviert
Primär · Goldnur Hero
Primär · Türkis
Sekundär
Textlink Artemis II entdecken Unterstrichen, Pfeil rückt nach rechts Fokusring cyan-300 Nicht verlinkte Ziele erscheinen als Text
Externer Link nasa.gov (öffnet in neuem Tab) Pfeil wandert schräg Öffnet in neuem Tab, Hinweis für Screenreader

05

Statuslabel

Status steht immer als Text. Der Punkt unterstützt nur – Form und Farbe unterscheiden sich zusätzlich. Kein Blinken, kein Pulsieren.

  • Abgeschlossen

    Mission beendet. Gefüllter grauer Punkt.

  • In Vorbereitung

    Hardware wird integriert, Start terminiert.

  • In Entwicklung

    System wird entwickelt oder getestet.

  • Geplant

    Beschlossen, Zeitraum genannt. Offener Ring.

  • Zeitplan offen

    Planung wird überprüft. Gestrichelter Ring.

  • Aktueller Fokus

    Zusatz für die derzeit relevante Mission. Getönte Fläche.

06

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

1.–10. April 2026 Abgeschlossen

Artemis II

Erster bemannter Flug mit Orion um den Mond.

Artemis II entdecken

Missionskarte · Aktuell

Missionskarte · Zukunft

Technikkarte

Wissenskarte

Artikelkarte

07

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.
Name, Funktion, Anlass, Datum · Quelle

Bildnachweis

KI-Illustration: Eine türkisblaue Erdsichel steht hinter einem grauen, verkraterten Mondhorizont. Symbolische Szene, keine Rekonstruktion einer bestimmten Aufnahme. KI-Illustration
Erduntergang hinter dem Mondrand · Artemis II, 6. April 2026 · Illustration: KI-generiert (Projekt Artemis)

Akkordeon · Quellenbereich

Quellen zu diesem Beitrag (3)
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.

08

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

09 · neu in v1.1

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)

  • Grundlagen
  • Der Weg ins All
  • Die ersten großen Schritte
  • Menschen auf dem Mond
  • Forschung und Wiederverwendbarkeit
  • Internationale Raumstation
  • Neue Akteure, neue Systeme
  • Artemis
  • Die nächsten Kapitel

Signal

  • Orange · Änderung#E0925A · Korrektur, Verschiebung, Eilmeldung
  • Rot · kritisch#E56B67 · nur echte Notfälle, Formularfehler

10 · neu in v1.1

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

  • Abgeschlossen

    Erfolgreich beendet

  • Aktiv

    Läuft gerade

  • In Vorbereitung

    Konkrete Vorbereitung

  • In Entwicklung

    Wird entwickelt/getestet

  • Geplant

    Teil der Planung

  • Termin offen

    Kein belastbarer Zeitpunkt

  • Verschoben

    Vorheriger Zeitraum gilt nicht

  • Unter Prüfung

    Wird bewertet

  • Abgebrochen

    Nach Beginn beendet

  • Nicht verfügbar

    Keine verlässlichen Daten

Verlässlichkeit

Offiziell bestätigt Geplant Unter Vorbehalt Noch nicht entschieden Redaktionelle Einordnung Korrigiert Aktualisiert

Datumsqualität (Zukunft)

bestätigt geplant frühestens Zeitraum Termin offen

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 →

12 · neu in v1.1

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

Darstellung

Für Ansichten derselben Inhalte – Karten/Liste, Kompakt/Erweitert, Zeitraum.

Beobachten / Merken

Nur lokal in diesem Browser. Alle Schalter derselben Sache bleiben synchron.

13 · neu in v1.1

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

In Vorbereitung

Stand der Vorbereitungen im Oktober

Berichtszeitraum: 1.–21. Oktober 2026

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

In Vorbereitung

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 Überblick

Zitat mit Übersetzungshinweis

Belegtes Zitat, sinngemäß übersetzt.
Quelle, Datum · redaktionelle Übersetzung

Vergleich (mobil als Karten)

Vergleichen (2–4)
Kriterium Artemis I Abgeschlossen Artemis II Abgeschlossen Artemis III In Vorbereitung Artemis IV Geplant Artemis V Geplant
Besatzung unbemannt 4 Personen 4 Personen noch nicht benannt Planung noch nicht benannt Planung
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) Planung ja (geplant) Planung
Landefahrzeug – – geplant Planung Starship HLS oder Blue Moon geplant Planung
Gateway nein nein nein offen Planung offen Planung
Raumanzüge für Oberfläche nein nein nein geplant Planung geplant Planung
Missionsdauer rund 25,5 Tage 9 T 1 Std. 32 Min. rund 14 Tage geplant Planung noch nicht veröffentlicht Planung noch nicht veröffentlicht Planung
Status Abgeschlossen Abgeschlossen In Vorbereitung Geplant Geplant

14 · neu in v1.1

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ären

Begriffszeile

Trans-Lunar Injection TLI Ein Antriebsmanöver, das ein Raumfahrzeug aus einer Erdumlaufbahn auf den Weg zum Mond bringt. Navigation · auch: Mondeinschuss

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.

15 · neu in v1.1

Timeline und Phasen

Phasenleiste statt Prozentwert, Programmfortschritt mit Linienlogik und Timeline-Einträge in drei Gewichtungsstufen.

Phasenleiste

  1. 01 Entwicklung (abgeschlossen)
  2. 02 Integration (aktuelle Phase)
  3. 03 Tests (folgt)
  4. 04 Startvorbereitung (folgt)
  5. 05 Mission (folgt)
  6. 06 Auswertung (folgt)

Linienlogik

  1. Abgeschlossen
  2. Aktuell
  3. Geplant
  4. Termin offen

Durchgezogen bis zum aktuellen Stand, gestrichelt für Planungen. Gefüllter Punkt = erreicht, Ring = noch nicht.

Stufe 1 · Schlüsselereignis

1969 20. Juli 1969 Mondlandung

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.

Warum war das wichtig?

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.

Beteiligt Neil Armstrong, Buzz Aldrin, Michael Collins – und rund 400.000 Beschäftigte im Apollo-Programm

NASA · Quelle: NASA History

Stufe 2 · Meilenstein

1963 16. Juni 1963 Bemannte Raumfahrt

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.

Warum wichtig Es dauerte fast 20 Jahre, bis die nächste Frau ins All flog. Bei Artemis II flog 2026 erstmals eine Frau zum Mond.

Beteiligt Valentina Tereschkowa

Sowjetunion / Russland

Stufe 3 · Kontext / kritisch / Zukunft

20. Juli 1976 · Raumsonde

Viking 1 landet erfolgreich auf dem Mars

1970 11.–17. April 1970 Kritisches Ereignis

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.

Erkenntnisse Die Mission wurde zum Beispiel für Krisenmanagement. Tanks und Notfallabläufe wurden überarbeitet.

In Erinnerung an James Lovell, John Swigert, Fred Haise und die Teams der Missionskontrolle

NASA
KI-Illustration im technisch-flächigen Stil: Eine Orion-Kapsel mit vier Solarflügeln nähert sich einem zylindrischen Mondlander über der blauen Erdkante. KI-Illustration

2027 derzeit geplant 2027 Zukunft Geplant

Artemis III: Kopplungstest mit Mondlandern

Orion soll in der Erdumlaufbahn mit Crew an Testversionen der Lander von Blue Origin und SpaceX koppeln.

Voraussetzung Die Testlander müssen rechtzeitig bereitstehen. Das Ergebnis entscheidet über den Weg zur Landung.

16 · neu in v1.1

Dashboard und Live

Hinweisleisten nach Zustand, Countdown, Missionsprotokoll, Kennzahlen und Datenstand pro Modul. Live nur bei tatsächlich zeitnahen Daten.

Hinweisleiste

Mission läuft Artemis II befindet sich in der Phase „Flug zum Mond".

Start steht bevor Der Start liegt innerhalb der nächsten 24 Stunden.

Zeitplan geändert Der Zeitraum wurde angepasst. Das ist bisher bestätigt.

Daten nicht verfügbar Angezeigt wird der zuletzt bestätigte Stand von 09:42 Uhr.

Ohne besondere Meldung wird die Leiste vollständig ausgeblendet.

Kennzahl

Neu seit letztem Besuch

6

Updates und Artikel

Countdown

Startfenster öffnet in

T− --:--:--

nur bei belastbarem Zielzeitpunkt · stoppt bei Verschiebung

Missionsprotokoll

  1. 14:32 Uhr · T+02:14:08

    Kurskorrektur abgeschlossen

  2. 11:05 Uhr · T+02:10:41

    Fotos der Erde übertragen

  3. 09:10 Uhr · T+02:08:46

    Crew meldet sich

Datenstand je Modul

Datenstand

Live-Status
vor 2 Min.
Missionsplanung
geprüft 21.10.
Fahrzeugstatus
aktualisiert 18.10.
Quelle und Datenstand

17 · neu in v1.1

Zustände und Formulare

Laden, leer, Fehler, Erfolg und Toast. Fehlende Daten werden benannt, nie durch leere Flächen kaschiert.

Laden

Missionsstatus wird geladen …

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.