Design System
Playground Zur Vorlage

PlaygroundÜbersicht

Playground

Hier wird gebaut. Noch nicht aufgenommen.

Neue Elemente, Komponenten, Sektionen und Layouts entstehen hier. Solange sie im Playground stehen, gehören sie nicht zum System, nicht zu den Vorlagen, nicht zum Bestand.

Foundations

src/playground/foundations/

Token-Vorschläge. Leben als Custom Properties im Stück, nie in global.css, bis Approved. · leer

Elemente

src/playground/elements/

Unteilbar. Tokens, Label, Button, Logo. · 1 in Arbeit

Komponenten

src/playground/components/

Aus Elementen. Varianten erlaubt. · leer

Sektionen

src/playground/sections/

Aus Elementen. Fläche, Varianten erlaubt. · leer

Layouts

src/playground/layouts/

Aus Sektionen. Immer unique, auch im Entwurf. · leer

Geschäftsausstattung

src/playground/stationery/

Print und Folie. Nur Foundations, keine Web-Komponenten. · leer

Im Playground

  • Datei nach src/playground/….
  • Eintrag in playgroundItems.
  • Seite unter /system/playground/….
  • Tokens und Typo des Systems nutzen, nicht erfinden.
  • Mindestens sechs Kompositionen. Jede in Nacht und Paper. Quellen nennen.
  • Stück und jede Iteration: Version plus Status. Ohne beides kein Eintrag.

Ins System

  • Nur bei Status Approved.
  • Datei nach src/elements|components|sections|layouts/.
  • Docs-Seite unter der passenden Schicht.
  • Nav, Bestand, AGENTS.md prüfen.
  • Playground-Eintrag löschen.

Status

  • v1 In Concept

  • v1 Approved

  • v1 Declined

  • v1 Needs Rework

In Arbeit