design system / v0

Neon

Das markenneutrale Design System für skalierbare digitale Marken — Control, Speed und Consistency ohne Vendor-Lock-in.

Was ist ADDXION® Neon?

Kein einzelnes UI-Kit, sondern die Basis für konsistente Kundenprojekte auf Astro, Shopify und zukünftigen Plattformen. Docs und Live-Demos auf addxion.com — der Code im Repo addxion-neon.

$ bun add @addxion/neon @addxion/components
> Tokens loaded. tw: prefix active.
> Components: button, card, badge, container
> Docs: addxion.com/docs/neon/
Kernwerte

Ein System für alle Marken — nicht eine Website pro Kunde.

Single Source of Truth

Tokens und Components zentral in @addxion/neon und @addxion/components — ein Repo, eine Wahrheit.

Minimal Adaptation

90 % zentral, 10 % dünne Plattform-Wrapper. Kein Copy-Paste zwischen Projekten.

Brand Flexibility

Multi-brand via [data-brand]. Mechanismus im Design System, Markenwerte beim Consumer.

Performance & A11y

Mobile-first, Core Web Vitals und WCAG-konform — ab Tag eins, nicht als Nacharbeit.

Packages

Zwei Packages, klare Grenzen.

core

@addxion/neon

Design Tokens, Tailwind v4 mit tw: Prefix und generische Styles.

components

@addxion/components

Astro Primitives — Button, Card, Badge, Container und mehr.

Markenspezifische Tokens wie ink, cream oder electric leben beim Consumer — z. B. in brand.css auf addxion.com, nicht im Design-System-Repo.

Documentation as Code

Guidance, Token-Referenz und Live-Demos — alles unter /docs/neon/ .

Zur Dokumentation

Bereit, mit ADDXION® Neon zu bauen?

Starte mit der Dokumentation oder klone das Repository für lokale Entwicklung.