Design System
Playground Zur Vorlage

Elemente · ZeichenASCII

Element · 2 Varianten

ASCII

elements/Ascii.astro

Immer ein canvas. Niemals allein, niemals eine Sektion. Nur in einer Sektion, auf leerer Nacht. Stoff füllt, Planet säumt.

variant Laufzeit Wann
fabric ascii-fabric-hero.ts Leere Startfläche. Zeichen aus NORDWYND, --hero-fg.
planet ascii-planet-horizon.ts Case Study. Horizont, Saum aus --hero-glow.

In der Fläche nutzt die Sektion die Komponente ASCII-Feld (canvas plus Schleier). Das Element ist nur der canvas.

<Ascii variant="fabric" />
<Ascii variant="planet" />

Stoff · in einer Fläche

Planet · in einer Fläche

Do’s

  • Nur auf leerer Granit-Nacht.
  • Parent: relative, Größe, overflow hidden.
  • Pause außerhalb des Viewports (IntersectionObserver).
  • prefers-reduced-motion: Standbild.

Don’ts

  • Als eigene Sektion oder Page ausspielen.
  • Unter Foto, Zahl oder langem Text legen.
  • Ohne canvas, ohne Sektion.