{
 "$schema": "../../schema.json",
 "schema": "fundus/1",
 "id": "eine-familie-wenig-gewichte",
 "name": "Eine Familie, wenige Gewichte (Hierarchie über Größe)",
 "name_en": "Single family, few weights",
 "kurz": "Startseite eines Innsbrucker Architekturbüros in einer Familie: Hierarchie entsteht über Größe, Betonung über Kursiv, eine Gegenprobe zeigt dieselbe Seite mit fünf Gewichten.",
 "kategorie": "Typo-Techniken",
 "kategorie_slug": "typo-techniken",
 "kategorie_nr": 15,
 "bau_chat": "C1",
 "prioritaet": "C",
 "trendstatus": "etabliert",
 "belegstatus": "belegt",
 "website_belege": 2,
 "stimmung": [
  "ruhig",
  "präzise"
 ],
 "stimmung_roh": [
  "ruhig",
  "sachlich",
  "präzise"
 ],
 "technik": [
  "css"
 ],
 "technik_gruppen": [
  "css"
 ],
 "leistungskosten": "niedrig",
 "steckbrief": {
  "beschreibung": "Eine Schriftfamilie in wenigen Gewichten, oft nur einem oder zwei (etwa Regular und Medium). Die Hierarchie entsteht über Größe, Laufweite und Abstand, nicht über Fett. Betont wird mit Kursiv.",
  "warum_es_wirkt": "Ohne Gewichtssprünge wirkt die Seite ruhig und zusammenhängend. Große, leichte Überschriften tragen genug, kleine Texte bleiben gleichmäßig grau. Weniger Schnitte bedeuten außerdem weniger Schriftdateien.",
  "wann_einsetzen": "Architektur, Studios, Kultur, Editorial, Produktseiten mit viel Weißraum: überall, wo Inhalt und Bilder führen sollen.",
  "wann_nicht": "Bei dichten Datenansichten oder Formularen mit vielen gleich großen Elementen, wo Gewicht als Unterscheidung gebraucht wird. Auch nicht bei lauten Kampagnen.",
  "varianten": [
   "Ein Schnitt plus Kursiv (KAAN: Suisse Intl Book 450 + Italic)",
   "Zwei Schnitte, leicht und normal (Rejouice: 300 und 400)",
   "Drei Schnitte, 700 nur für kurze Auszeichnungen (Antinomy: 400, 500, 700)"
  ],
  "umsetzung": "Eine variable Schriftdatei je Stil laden. Gewichte als Token festlegen (z. B. --w-display: 300, --w-text: 400) und eine feste Größenskala mit clamp() bauen, etwa Faktor 1,25. Mit der Größe nimmt die negative Laufweite zu. Hervorhebungen mit <em> in Kursiv statt <strong>.",
  "mobil": "Die Größenskala schrumpft über clamp(), die Spanne wird kleiner. Gewichte bleiben gleich.",
  "reduzierte_bewegung": "Nicht relevant, die Technik hat keine Bewegung.",
  "barrierefreiheit": "Leichte Schnitte nur in großen Größen einsetzen, Fließtext mindestens 400 und mit ausreichendem Kontrast. Überschriften semantisch auszeichnen, weil die Hierarchie optisch subtiler ist. Kursiv nur für kurze Betonungen."
 },
 "messwerte": {
  "easing": "",
  "dauer_ms": "",
  "stagger_ms": "",
  "distanz": "",
  "sonstiges": "Rejouice: 1 Familie, 2 Gewichte (300/400), Größenstufen 1.4–6.2rem",
  "herkunft": "beobachtet",
  "quelle": "https://www.rejouice.com/"
 },
 "kurve": null,
 "gesehen_bei": [
  {
   "seite": "Rejouice",
   "url": "https://www.rejouice.com/",
   "auszeichnung": "",
   "beobachtung": "Live geprüft (CSS): einzige Webfont SuisseIntl mit @font-face 300 und 400; im CSS 18× font-weight 300, 12× 400, 1× 500; Hierarchie über Größen 1.4rem bis 6.2rem.",
   "art": "website"
  },
  {
   "seite": "Antinomy Studio",
   "url": "https://www.antinomy.studio/",
   "auszeichnung": "",
   "beobachtung": "Live geprüft (CSS): nur ABC Diatype als Webfont (@font-face 400, 500, 700).",
   "art": "website"
  }
 ],
 "tutorials": [],
 "kombinierbar_mit": [
  "blueprint-raster-sichtbar"
 ],
 "urls": {
  "detail": "https://cecodesign.de/lab/fundus/typo-techniken/eine-familie-wenig-gewichte/",
  "meta": "https://cecodesign.de/lab/fundus/typo-techniken/eine-familie-wenig-gewichte/meta.json",
  "demo": "https://cecodesign.de/lab/fundus/typo-techniken/eine-familie-wenig-gewichte/demo"
 },
 "herkunft": {
  "quelldateien": [
   "schriften.json",
   "r3-belege-b.json"
  ],
  "pruefnotizen": [
   "r3-belege-b.json (Runde 3, 31.10.2026): Rejouice ist der klarste Beleg (eine Familie, zwei Schnitte)."
  ],
  "prioritaet_hinweis": "vorläufig gesetzt (Rohdaten ohne Priorität)"
 },
 "bau": {
  "status": "fertig",
  "kurz": "Startseite eines Innsbrucker Architekturbüros in einer Familie: Hierarchie entsteht über Größe, Betonung über Kursiv, eine Gegenprobe zeigt dieselbe Seite mit fünf Gewichten.",
  "demo": true,
  "abhaengigkeiten": [],
  "werte": {
   "familie": "Hanken Grotesk, variabel (wght 100–900), normal und Italic als zwei Dateien",
   "skala_rem": "Faktor 1,25: Meta 0.8 · Text 1.0625 · Lead clamp(1.25rem, 1.1rem + .4cqi, 1.563rem) · H3 clamp(1.25rem, 1.05rem + .5cqi, 1.563rem) · H2 clamp(1.953rem, 1.4rem + 1.4cqi, 2.441rem) · Zahl clamp(1.953rem, 1.3rem + 2cqi, 3.052rem) · H1 clamp(2.441rem, 1.3rem + 3.6cqi, 4.768rem)",
   "variante_450_kursiv": "alle Stufen 450, Betonung nur über Italic 450 (Standard, wie KAAN)",
   "variante_300_400": "300 für H1, H2, Zahl · 400 für alles andere; H1 -0.035em, Zahl -0.03em (wie Rejouice)",
   "variante_400_500_700": "500 Überschriften und Zahlen · 400 Text und Lead · 700 nur Meta und Marke, versal mit 0.04em (wie Antinomy)",
   "gegenprobe": "Größen 0.8 / 1 / 1.0625 / 1.125 / 1.375 / 1.5 / 1.875rem, Gewichte 400 / 600 / 700 / 800, Meta versal 0.06em",
   "laufweite": "H1 -0.03em · Zahl -0.025em · H2 -0.02em · Lead und Text -0.012em",
   "zeilenhoehe": "H1 1.02 · H2 1.1 · H3 1.2 · Lead 1.4 · Text 1.45",
   "spanne": "H1 zu Meta etwa 5,7 : 1 bei 1440 px, 3,1 : 1 bei 390 px; Gegenprobe etwa 2,3 : 1",
   "unterstreichung": "text-underline-offset .35ex, text-decoration-thickness 8 %",
   "uebergang_demo": "nur Demo-Ebene: font-size, font-weight, letter-spacing, line-height 500ms cubic-bezier(0.1, 0.6, 0.4, 1); UI 250ms",
   "farben": "#ffffff Grund · #e1e3e3 Fluss im Plan · #231f20 Text und Baukörper · #76767a Meta · #c5c7c7 Linien · #1f2323 Leiste · #0022ff Fokus und Maßangaben",
   "massangaben": "nur Demo-Ebene: Hanken Grotesk 450, 11px, letter-spacing .02em, #0022ff, Werte live aus getComputedStyle"
  },
  "ausloeser": "klick",
  "touch": "Umschalter per Tippen, Knöpfe mit größerem Polster. Unter 680 px Containerbreite steht der Schwarzplan über dem Text, die Projektliste verliert die Ort-Spalte, die Navigation zeigt nur Kontakt.",
  "reduziert": "Varianten wechseln sofort ohne Übergang. Die Seite selbst hat keine Bewegung.",
  "korrekturen": {
   "beschreibung": "Eine Schriftfamilie in wenigen Gewichten, oft nur einem oder zwei (etwa Regular und Medium). Die Hierarchie entsteht über Größe, Laufweite und Abstand, nicht über Fett. Betont wird mit Kursiv.",
   "warum_es_wirkt": "Ohne Gewichtssprünge wirkt die Seite ruhig und zusammenhängend. Große, leichte Überschriften tragen genug, kleine Texte bleiben gleichmäßig grau. Weniger Schnitte bedeuten außerdem weniger Schriftdateien.",
   "wann_einsetzen": "Architektur, Studios, Kultur, Editorial, Produktseiten mit viel Weißraum: überall, wo Inhalt und Bilder führen sollen.",
   "wann_nicht": "Bei dichten Datenansichten oder Formularen mit vielen gleich großen Elementen, wo Gewicht als Unterscheidung gebraucht wird. Auch nicht bei lauten Kampagnen.",
   "varianten": [
    "Ein Schnitt plus Kursiv (KAAN: Suisse Intl Book 450 + Italic)",
    "Zwei Schnitte, leicht und normal (Rejouice: 300 und 400)",
    "Drei Schnitte, 700 nur für kurze Auszeichnungen (Antinomy: 400, 500, 700)"
   ],
   "umsetzung": "Eine variable Schriftdatei je Stil laden. Gewichte als Token festlegen (z. B. --w-display: 300, --w-text: 400) und eine feste Größenskala mit clamp() bauen, etwa Faktor 1,25. Mit der Größe nimmt die negative Laufweite zu. Hervorhebungen mit <em> in Kursiv statt <strong>.",
   "mobil": "Die Größenskala schrumpft über clamp(), die Spanne wird kleiner. Gewichte bleiben gleich.",
   "reduzierte_bewegung": "Nicht relevant, die Technik hat keine Bewegung.",
   "barrierefreiheit": "Leichte Schnitte nur in großen Größen einsetzen, Fließtext mindestens 400 und mit ausreichendem Kontrast. Überschriften semantisch auszeichnen, weil die Hierarchie optisch subtiler ist. Kursiv nur für kurze Betonungen."
  },
  "geprueft": "01.11.2026",
  "notiz": "Welt: Rezept architektur-ruhiges-raster, erfundenes Büro Sill Architekten ZT GmbH in Innsbruck (Startseite mit Statement, Schwarzplan Innsbruck Ost als eigenes SVG mit schraffiertem Projekt, Kennzahlen, Projektliste Titel • Ort • Jahr, Visitenkarte). Angefangene Demo (vorher Tischlerei-Welt) auf das Rezept umgebaut. Umschalter 450 + Kursiv, 300 · 400, 400 · 500 · 700 und Gegenprobe mit fünf Gewichten; Maßketten über den Stufen und die Leiste messen Schnitte und Größenspanne live aus dem DOM. Vorführung wechselt zwischen Größe trägt und Gewicht trägt. Referenzen: herzogdemeuron.com, olgiati.net, snohetta.com, big.dk (Prinzipien: Weißraum, eine Grotesk, Listen statt Effekte). AD-Review 01.11.2026: Note 4. Ansichtszeichnung durch einen Schwarzplan ersetzt und Maßangaben in Hanken Grotesk statt Mono gesetzt, damit sich die Demo klar von mono-labels-versal (gleiches Rezept, Ansicht mit Maßketten) unterscheidet; Zustandsmarke der Vorschau nach oben gesetzt."
 }
}