Design System
Playground Zur Vorlage

Sektionen · Content404-Content

Sektion · 6 Varianten

404-Content

sections/NotFound.astro

404 als Proof-Zahl, Display-Satz, Secondary zur Startseite. Split mit Vorschlägen, mit Suche, mit Seitennav, minimal, invers.

Notizen

  • Kein Illustrations-Roboter. Zahl in Oliv-Mono, Satz in der Systemstimme.
  • Suchfeld und Seitennav aus dem Bestand.

Props

Name Typ Default Notiz
variant "display" | "split" | "mit-suche" | "mit-links" | "minimal" | "invers" "display" 01–06.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
<NotFound variant="display" surface="nacht" />

01 · Display

nw-display

Cover. —

Nacht

404

Diese Fläche gibt es nicht.

Der Pfad ist leer oder umgezogen. Der Rest steht.

Paper

404

Diese Fläche gibt es nicht.

Der Pfad ist leer oder umgezogen. Der Rest steht.

02 · Split

Vorschläge rechts mit Kante

Zitat-Block kante. —

Nacht

404

Diese Fläche gibt es nicht.

Der Pfad ist leer oder umgezogen. Der Rest steht.

Vielleicht gemeint

Paper

404

Diese Fläche gibt es nicht.

Der Pfad ist leer oder umgezogen. Der Rest steht.

Vielleicht gemeint

03 · Mit Suche

Suchfeld unter dem Satz

Suchfeld. —

Nacht

404

Diese Fläche gibt es nicht.

Der Pfad ist leer oder umgezogen. Der Rest steht.

Paper

404

Diese Fläche gibt es nicht.

Der Pfad ist leer oder umgezogen. Der Rest steht.

04 · Mit Links

Seitennav rechts

Seitennav docs. —

Nacht

404

Diese Fläche gibt es nicht.

Der Pfad ist leer oder umgezogen. Der Rest steht.

Paper

404

Diese Fläche gibt es nicht.

Der Pfad ist leer oder umgezogen. Der Rest steht.

05 · Minimal

H2, ein Button

Docs. —

Nacht

404

Diese Fläche gibt es nicht.

Der Pfad ist leer oder umgezogen. Der Rest steht.

Paper

404

Diese Fläche gibt es nicht.

Der Pfad ist leer oder umgezogen. Der Rest steht.

06 · Invers

Gegenfläche

Final-CTA. —

Nacht

404

Diese Fläche gibt es nicht.

Der Pfad ist leer oder umgezogen. Der Rest steht.

Paper

404

Diese Fläche gibt es nicht.

Der Pfad ist leer oder umgezogen. Der Rest steht.