Brand-System «Ofenwärme Appenzell» — dunkler Brennraum als Bühne, darin die helle Werkbank, auf der die Ware liegt. Ein Terrakotta-Knopf, Radius 0, und die Glasurkante als roter Faden.
Im Logo läuft die cremeweisse Glasur über die Schulter des Krugs und bleibt in einer welligen Kante stehen. Das ist keine Zeichnung, das ist eine Spur. Überall gilt Radius 0 — und genau dort, wo die helle Fläche auf die dunkle Bühne trifft, endet sie als Glasurkante. Vier Varianten, nie zwei gleiche auf einer Seite, höchstens drei pro Seite, nie oben.
#261e1a 34 % · #463228 16 % · #18262e 9 % · Foto-Schatten 5 % · #fcf6f3 30 % · #f5eeeb 6 % → Dunkelanteil-Ziel 64 %, Korridor 50–80 %.
| Ort | Wie | Amplitude | Regel |
|---|---|---|---|
| Hero-Kärtchen | untere Kante läuft in die Bühne aus | 18 px | nur unten |
| Werkbank | untere Kante der grossen hellen Tafel | 18 / 14 / 10 px | max. 2 Tafeln pro Seite |
| Kopfbalken über Terrakotta-Fläche | 6–9 mm | 1× pro Drucksache | |
| Social | untere Bildkante oder Story-Kopf | 24–40 px | 1 Post = 1 Kante |
| Icons / Favicon | nicht | — | zerfällt unter 32 px |
Jeder Wert stammt wörtlich aus brand-measurements.json. Kein Hex ist gewählt, gemischt oder erfunden — gestaltet wurde die Regel, nicht der Wert.
#261e1a
Haupt-Sektionsgrund. Auch Textfarbe auf der Werkbank.15.29 : 1 gegen #fcf6f3 · AAA#463228
Zweiter Sektionsgrund, Hairline auf Bühne A.11.23 : 1 gegen #fcf6f3 · AAA#18262e
Nur Fuss und Kurs-Inset. Trägt die zweite Logofarbe als Fläche.14.47 : 1 gegen #fcf6f3 · AAA#fcf6f3
Die grosse helle Tafel, jedes Kärtchen, jedes Feld, das Signetfeld. 36 % der Fläche.15.29 : 1 gegen #261e1a · AAA#f5eeeb
Nur innerhalb einer Tafel: Preistabelle, Variantenliste. Nie als Sektionsgrund.14.27 : 1 gegen #261e1a · AAA#cc7c54
Knopf-Fond, Etikett auf dunkel, Statuspunkt. Nie Fliesstext, nie Sektionsfläche, nie Text auf hell.5.13 : 1 auf #261e1a · AA#d09070
Nur Hover-Fond des Knopfs und Etikett auf Bühne B.6.16 : 1 gegen #261e1a · AA#934e2a
Pressed-Fond, Fehlerfarbe, und die Etikettfarbe auf der Werkbank.5.83 : 1 auf #fcf6f3 · AA#bf7048
1-px-Kante des Knopfs auf der Werkbank — hält die Bauteilgrenze über 3 : 1.3.49 : 1 gegen #fcf6f3 · Bauteil-Kante#f1c8b4
Ausschliesslich der Fokusring auf dunkel, 2 px mit 3 px Offset. Auf hell: #934e2a.10.65 : 1 auf #261e1a#698798
Nur Fläche oder Linie ab 24 px — die Alpstein-Linie im Kurs-Band. Nie kleiner Text.3.55 : 1 gegen #fcf6f3 · nur AA-large#94b1c1
Kursdaten, Status «Auf Lager» — nur auf den Bühnen.7.26 : 1 auf #261e1a · AAA#446071
Dieselbe Rolle auf der Werkbank: Kursdaten, Zahlenspalten, Status «Auf Lager».6.21 : 1 auf #fcf6f3 · AA#b8ada7
Mass-/Glasurzeile, Bildunterschrift, Fusslinks. Auf hell verboten (2.05).7.46 : 1 auf #261e1a · AAA#605651
Lead, Meta- und Hilfetext auf der Werkbank. Die Gegenstufe zu #b8ada7.6.66 : 1 auf #fcf6f3 · AA#8c7e77
Deaktivierte Zustände und ausverkaufte Ware. Nie für lesbaren Inhalt.4.18 : 1 auf #261e1a · nur AA-largeVerboten: #cc7c54 als Text auf #fcf6f3 (gemessen 2.98 — fällt AA und AA-large) · #698798 als Text unter 24 px (3.55 / 4.30) · #ffffff auf #cc7c54 unter 24 px (3.19) · #b8ada7 auf hellem Grund (2.05) · #8c7e77 als Inhaltstext (4.18) · jede Tailwind-Defaultfarbe.
Young Serif hat den dickwandigen Bau des Krugbauchs im Logo — Wandstärke statt Kontrast. Nie unter 30 px, nie kursiv, genau ein Gewicht. Figtree hält Fliesstext und Etiketten offen, auf beiden Gründen.
Fahr mit der Maus darüber, klick, und tabbe durch — Hover, Pressed und Fokus sind hier echt, nicht beschrieben. Derselbe Knopf steht auf der Bühne wie auf der Werkbank; auf hell bekommt er die 1-px-Kante in #bf7048.
| State | Fond | Schrift | Kontrast |
|---|---|---|---|
| default | #cc7c54 | #261e1a | 5.13 · AA |
| hover | #d09070 | #261e1a | 6.16 · AA |
| pressed | #934e2a | #f3e3dc | 5.00 · AA |
| focus | #cc7c54 | Ring #f1c8b4, Offset 3 px | 10.65 |
| disabled | #463228 | #8c7e77 | 3.07 · ausgenommen |
Das einzige 3-Spalten-Raster der ganzen Site, und es liegt auf der Werkbank. Vier feste Zeilen pro Stück — Typ, Name, Mass und Glasur, Preis mit Status. Ein Stück ohne diese Zeilen verkauft Stimmung statt Ware.
Lichter nach #f3e3dc, Mitten nach #cc7c54, Schatten nach #261e1a — nie ins reine Schwarz. Ein kühler Gegenpol im Fensterlicht Richtung #94b1c1. Keine vierte Farbe im Bild.
