Heading

Überschriften mit korrektem HTML-Tag und fluid Typography.

Wann nutzen

• Seiten- und Section-Überschriften (h1 bis h4)
• Display-Headlines mit level="display"
• Korrekte Heading-Hierarchie (ein h1 pro Seite)

Wann nicht

• Fließtext (dafür Text)
• Formular-Labels (dafür Text variant="label")
• Visuelle Größe ohne semantische Bedeutung

Levels

Display

Heading 1

Heading 2

Heading 3

Heading 4

Props

Prop	Typ	Default
level	display | h1 | h2 | h3 | h4	h2
class	string	—

Verwandte Komponenten

Text · Hero v1

Anti-Patterns

• Mehrere h1 auf einer Seite vermeiden
• Keine text-[32px] statt level
• display nur für Hero/Leads, nicht mitten im Fließtext

Usage

---
import Heading from '@addxion/components/Heading';
---

<Heading level="h1">Page title</Heading>
<Heading level="h2">Section title</Heading>

Truths

ID	Wahrheit
T-PKG-NEON	Consumer-Einstieg: @addxion/neon, nicht @addxion/core
T-NEON-FONTS	Keine Google Fonts, self-hosted Inter
T-NEON-BRAND	Markenwerte in Consumer brand.css

Für Agents

Scope: Neon Heading-Komponente — API und Verwendung.

• Typografie-Regeln: Typografie
• Keine lokalen Font-Overrides außer brand.css