Wemdinger Zeitpyramide · Design-System · Stand 05.10.2026

Design-System & Entwürfe

Tokens, 33 Komponenten, Startseite für Desktop und Mobil, Zeitpatenschaft in drei Schritten und vier Seitenvorlagen – abgeleitet aus dem Werk: Quader 2 : 2 : 3, Grundeinheit 6 px, Beton, Himmel, Rost und Moos.

793 – 1993 – 3183

Arbeitsstand zur Abstimmung. Platzhalter sind als „[offen: …]“ markiert, Annahmen als „Annahme“. Quelle: Penpot-Datei „Zeitpyramide Design System“.

Foundations

Farbtafel mit WCAG-Kontrast, Farbrollen für die Themes Tag und Nacht über dem Ries, Schriftmuster, Abstandsskala und Raster.

Foundations im Theme Tag — Foundations · Tag

Foundations im Theme Nacht über dem Ries — Foundations · Nacht über dem Ries

Komponenten

Alle Komponenten mit Flex-Layout, sprechenden Ebenennamen, Varianten für ihre Zustände und Token-Bindung.

Pyramide: Isometrie und Aufsicht — Pyramide · 120 Quader, 4 gesetzt, 116 Zeitschatten

Button-Varianten — Button

Kopfzeile Desktop

Kopfzeile Mobil

Fußzeile

Lebende Uhr

Zeitregler 793 bis 3183 — Zeitregler

Stein-Chips — Stein-Chip

Stein-Karten — Stein-Karte

Medienblock

Chronik-Karte

Patenschafts-Stufen — Patenschaft-Stufe

Formularfelder — Formularfeld

Schritt-Anzeige

Urkunde

Startseite

Hero mit Pyramide und Lebender Uhr, Zeitmaschine, die Idee in vier Zahlen, „Warum 3183?“, Chronik, Steinrechner, Zeitpatenschaft, Stimmen und Presse, Besuchen, Dekadenbrief.

Startseite Desktop — Desktop 1440 · Bild öffnen

Startseite Mobil — Mobil 390 · Bild öffnen

Zeitpatenschaft

Tag wählen → Widmen → Bestätigung mit Urkunde. Symbolisch – keine Namen auf den Steinen.

Schritt 1: Tag wählen — 1 · Tag wählen

Schritt 2: Widmen — 2 · Widmen

Schritt 3: Bestätigung — 3 · Bestätigung

Vorlagen

Chronik-Kapitel (2023), Die Idee, Besuchen und Stein-Detail (Stein 5).

Vorlage Chronik 2023 — Chronik · Kapitel 2023

Vorlage Die Idee — Die Idee

Vorlage Besuchen — Besuchen

Vorlage Stein 5 — Stein 5

README

Token-Übersicht, Komponentenliste mit Varianten, Annahmen und offene Fragen.

README-Seite — ZP · README