Sektion · 6 Varianten

Stats-Band

sections/StatsBand.astro

Proof plus Label als Sektion. Oliv trägt die Zahl, Granit das Wort. Marke optional, vier geometrische SVGs. Eine Stat-Karte entsteht hier — keine eigene Komponente. Kein Count-up, keine Balken. 05 Fond nicht aufgenommen. Jede Komposition in Nacht und Paper.

Props

Name	Typ	Default	Notiz
variant	"reihe" \| "zellen" \| "split" \| "nummer" \| "steg" \| "karten"	"reihe"	05 Fond nicht aufgenommen.
surface	"nacht" \| "paper"	"nacht"	Pflicht-Paar.
label	string?	"Belege"	Section-Label.
title	string?	—	Claim in Split.
items	StatsItem[]?	—	value, unit, icon optional (eck, orbit, bogen, hex).

<StatsBand variant="reihe" surface="nacht" />
<StatsBand
  variant="karten"
  surface="paper"
  items={[
    { value: "15+", unit: "Jahre Erfahrung", icon: "eck" },
    { value: "87+", unit: "erfolgreiche Projekte", icon: "orbit" },
    { value: "7+", unit: "Länder", icon: "bogen" },
    { value: "16", unit: "aktive Retainer", icon: "hex" },
  ]}
/>

Marken

Vier SVGs, geometrisch, mit Satellitenpunkt. Optional an jedem Beleg über icon. 01 zeigt die Sektion ohne, 02–04, 06 und 07 mit. 64px in der Reihe, 96px auf der Karte.

Nacht

Eck

Quadrat, Punkt an der Ecke.
Orbit

Zwei Ringe, Punkt auf der Bahn.
Bogen

Halber Kreis, Punkt an der Öffnung.
Hex

Sechseck, Punkt an der Kante.

Paper

Eck

Quadrat, Punkt an der Ecke.
Orbit

Zwei Ringe, Punkt auf der Bahn.
Bogen

Halber Kreis, Punkt an der Öffnung.
Hex

Sechseck, Punkt an der Kante.

01 · Reihe

Vier Belege in einer Zeile

Proof-Paar stack, ohne Marke. icon bleibt optional.

Nacht

Belege

15+ Jahre Erfahrung
87+ erfolgreiche Projekte
7+ Länder
16 aktive Retainer

Paper

Belege

15+ Jahre Erfahrung
87+ erfolgreiche Projekte
7+ Länder
16 aktive Retainer

02 · Zellen

Haarlinie, vier Felder

Marke oben rechts, Beleg unten. Kein Radius, kein Schatten.

Nacht

Belege

15+ Jahre Erfahrung
87+ erfolgreiche Projekte
7+ Länder
16 aktive Retainer

Paper

Belege

15+ Jahre Erfahrung
87+ erfolgreiche Projekte
7+ Länder
16 aktive Retainer

03 · Split

Claim links, Zahlen rechts

nw-h3 füllt links. 2 × 2 Proof-Paare, Marke über dem Paar.

Nacht

Belege

Zahlen, die das Werk tragen — keine Kampagnen-Metrik.

15+ Jahre Erfahrung
87+ erfolgreiche Projekte
7+ Länder
16 aktive Retainer

Paper

Belege

Zahlen, die das Werk tragen — keine Kampagnen-Metrik.

15+ Jahre Erfahrung
87+ erfolgreiche Projekte
7+ Länder
16 aktive Retainer

04 · Nummer

01–04 in Mono, dann Marke, dann Beleg

Index als nw-label. Marke 64px unter dem Index.

Nacht

Belege

01

15+ Jahre Erfahrung
02

87+ erfolgreiche Projekte
03

7+ Länder
04

16 aktive Retainer

Paper

Belege

01

15+ Jahre Erfahrung
02

87+ erfolgreiche Projekte
03

7+ Länder
04

16 aktive Retainer

06 · Steg

Inline-Paar, senkrechte Stege

Zahl und Wort in einer Zeile. Marke darüber. Haarlinie oben und unten.

Nacht

Belege

15+ Jahre Erfahrung
87+ erfolgreiche Projekte
7+ Länder
16 aktive Retainer

Paper

Belege

15+ Jahre Erfahrung
87+ erfolgreiche Projekte
7+ Länder
16 aktive Retainer

07 · Karten

Hohe Kacheln, Marke als Eyecatcher

granit-100 in Paper, granit-900 in Nacht. Wort über der Zahl. Marke 96px.

Nacht

Belege

Jahre Erfahrung

15+
erfolgreiche Projekte

87+
Länder

7+
aktive Retainer

16

Paper

Belege

Jahre Erfahrung

15+
erfolgreiche Projekte

87+
Länder

7+
aktive Retainer

16