Neon | ADDXION® Docs

Zentrales Design System für ADDXION Kundenprojekte.

Neon — Control + Speed + Consistency ohne Vendor-Lock-in.

Neon ist das zentrale Design System für Kundenprojekte auf Astro, Shopify und zukünftigen Plattformen. Der Code lebt im Repo addxion-neon.

Schnellzugriff: Philosophy · AI-ready · Tokens · Components

Kernwerte

Single Source of Truth

Tokens und Components in @addxion/neon und @addxion/components.

Minimal Adaptation

90 % zentral, 10 % dünne Plattform-Wrapper.

Performance & A11y

Mobile-first, WCAG-konform ab Tag eins.

Documentation as Code

Neon Docs auf addxion.com/docs/neon/.

AI-ready

MCP, Metadaten, Agent-Workflow — Neon für Cursor und KI-Agenten.

Button

Interaktive CTAs — primary, secondary, outline, ghost, destructive, link.

Badge

Status und Labels — default, success, warning, outline.

Card

Gruppierte Inhalte — default, elevated, outline, ghost.

Container

Layout-Breiten — sm, md, lg, full.

Heading

Überschriften — display, h1–h4.

Text

Fließtext-Stile — body, muted, label, overline.

Hero v1

Versionierte Hero-Section — Eyebrow, Title, Description, Actions.

Features v1

Feature-Grid — 2 oder 3 Spalten mit Cards.

ID	Wahrheit
T-PKG-NEON	Consumer-Einstieg: @addxion/neon, nicht @addxion/core
T-NEON-BRAND	Markenwerte in Consumer brand.css
T-MAINTAIN	Einmal pflegen — keine Doppelpflege

Scope: Überblick @addxion/neon Design System.