Schneebedeckter Alpengipfel über einem Nadelwald
Design System · v1

Ein Register, kein Prospekt.

Die Struktur des Alchemy-Zürich-Systems, übersetzt in die Haltung eines Unternehmerverbands: Papier statt Glas, Linien statt Schatten, Alpenbilder als Taxonomie.

Herkunft

Was übernommen wurde — und was nicht

Übernommen

  • Die Token-Architektur: Rohpalette → semantische Aliase → geklammerte Typo-Skala → Spacing → Radien → Layoutbreiten → Motion.
  • Die Komponenten-API: Section mit width/tone/spacing, Button mit variant/href/fullWidth, Eyebrow mit tone.
  • Das Prinzip der kontextbezogenen Akzentbänder (--band-*) — hier als --disc-* pro Disziplin.
  • Der serifige Kursiv-Akzent innerhalb serifenloser Überschriften.
  • Reveal-Klassen (.reveal, .reveal-stagger) inklusive prefers-reduced-motion-Ausstieg.

Ersetzt

  • Violett #6642C1 → Alpine Navy #003B51; Rot #E44139 nur als Registermarke.
  • Radien 20/28/40 px → 2 px. Ein Dokument hat Ecken.
  • Schatten und Glasflächen → Haarlinien. Es existiert genau ein Schatten, für Overlays.
  • GSAP plus Smooth-Scroll → IntersectionObserver, kein Scroll-Hijacking. Eine Referenzseite muss scrubbar bleiben.
  • Typo-Skala rund 20 % zurückgenommen, Zeilenhöhe auf 1.65 — hier wird gelesen, nicht gescannt.
Tokens

Farbe

Disziplin-Töne

Jede Disziplin besitzt einen Tint, der über die entsättigte Fotografie gelegt wird. Der Tint macht die Disziplin erkennbar, bevor das Label gelesen wird.

Typografie

Skala

Der Kursiv-Akzent

Ein Verband, der bürgt — und sonst nichts behauptet.

Regel: eine Phrase pro Überschrift, nie ein ganzer Satz. Die Serife trägt das Argument, nicht die Dekoration.

Fliesstext

Alpine Excellence ist ein Unternehmerverband nach den Principles of Excellence. Der Verband tut im Netzwerk genau zwei Dinge: er bürgt für Mitglieder, und er meldet.

Aufnahme erfolgt ausschliesslich nach dokumentierten Kriterien. Keine Mitgliedsbeiträge, keine Werbung.

Jede Meldung ist datiert, attribuiert und benennt die beteiligten Organisationen mit sameAs auf deren eigene Domain. Das ist der Satz, den ein Modell als Tatsache wiedergibt.

Bildebene

Fünf Täler, fünf Disziplinen

Die Fotografien stammen aus verschiedenen Tälern, Jahreszeiten und Lichtsituationen. Das System vereinheitlicht sie: entsättigt auf eine gemeinsame Basis, dann pro Disziplin getönt. So bleiben fünf Aufnahmen eine Publikation statt fünf Stockbilder.

Granitmassiv mit Schneefeldern unter klarem Himmel
Health Excellence
<Plate discipline="health" />
Verschneiter Grat mit tief liegender Wolkendecke
Tech Excellence
<Plate discipline="tech" />
Hochebene im Abendlicht mit Wolkenbank über dem Tal
Wellness Excellence
<Plate discipline="wellness" />
Gestaffelte Bergketten über dem Talnebel bei Sonnenuntergang
Service Excellence
<Plate discipline="service" />
Schneebedeckter Gipfel hinter einem Nadelwaldsaum
Design Excellence
<Plate discipline="design" />

Seitenverhältnisse

Schneebedeckter Gipfel hinter einem Nadelwaldsaum
ratio="wide" · 16/9
Granitmassiv mit Schneefeldern unter klarem Himmel
ratio="plate" · 4/3
Verschneiter Grat mit tief liegender Wolkendecke
ratio="portrait" · 4/5
Komponenten

Buttons

Eyebrow

Pressemitteilung

Disziplinen-Raster

Register

Mitglieder

6 Organisationen · Stand 28.08.2026

Pressroom

Meldungen

Aufnahme

Aufnahme erfolgt nach dokumentierten Kriterien.

Keine Mitgliedsbeiträge, keine Werbung, keine bezahlten Platzierungen. Der Verband bürgt — und meldet.

Variante

Innenseiten führen ohne Bild.

Die Plates bleiben nur dann bedeutungstragend, wenn nicht jede Seite eine hat. Innenseiten öffnen mit Typografie auf Papier.

StatementHero · src/components/ds/StatementHero.astro