Rösterei Hafenkante — Brand-System

Die eine Idee

Die Seite ist das Röstprotokoll

Jede Sorte tritt als Datenblatt auf — Röstdatum, Herkunft, Mahlgrad, Gramm, Franken, in Spalten, die stehen. Was der Betrieb auf die Packung schreibt, schreibt die Seite auf jeden Bildschirm. Das Datum ist das Verkaufsargument, nicht die Dekoration.

Das Bandwechsel-Gesetz. Es gibt zwei Bandtypen und keinen dritten: die Werkbank (#232018, dunkel) und den Papierbogen (#faf7f1, randlos von Kante zu Kante). Die Regel: Wo Zahlen stehen, liegt Papier. Der Übergang ist eine Kante, kein Verlauf. Diese Seite ist selbst nach dem Gesetz gebaut — scrolle weiter, und du stösst an die erste Kante.

Flächenbilanz

65 % dunkel

Korridor des Branchen-Grundgesetzes: 50–80 %. Selbstbindung mit Puffer nach beiden Seiten.

Werkbank #232018	≈ 50 %
Dunkle Fotoflächen	≈ 15 %
Papierbogen #faf7f1	≈ 31 %
Röstgelb #fac52f	< 5 %

Protokoll · Farbe

Der Papierbogen

Die hellen Rollen. Hier stehen Preise, Röstdaten, Gramm und Lagerstände — ink #232018 auf surface #faf7f1 erreicht 15.21 (gemessen), den besten Wert der ganzen Palette. Alle Werte stammen wörtlich aus brand-measurements.json; kein Hex wurde gemischt.

Papier · surface

#faf7f1

Grund des randlosen Bogens

Papier-Text · ink

#232018 · 15.21 gemessen

Zahlen, Namen, Überschriften

Papier-Text leise

#5c584f · 6.63 gemessen

Beschreibung, Einheit, Fussnote

Papier-Label

#5d5949 · 6.57 berechnet

Ersatz für #969179, das hier mit 2.97 durchfällt

Papier-Zebra

#f8f1e2 · 14.46 gemessen

Nur jede zweite Preistabellen-Zeile

Papier-Haarlinie

#d1cec7 · 1.47 berechnet

Dekorativ, nie Text

Papier-Bedienkante

#7b766b · 4.23 berechnet

Feld-, Segment- und Stepper-Kante

Gelb tief

#8b6700 · 4.86 berechnet

Fehlerkante auf Papier, nie Fläche

Verbotene Kombinationen — direkt aus der Messmatrix

Gelb auf Papier

1.50 gemessen — verboten

Auch bei 96 px. Auf Papier ist Gelb nur Füllung mit #2a2009 darauf.

Weiss auf secondary

3.17 gemessen — verboten

Darum ist #969179 nie Fläche, sondern Label- und Linienfarbe.

Oliv auf Papier

2.97 gemessen — verboten

Auf Papier heisst die leise Farbe #5c584f (6.63).

Die Bühne

Die Werkbank

Die dunklen Rollen. Auf #232018 steht das Marken-Gelb bei 10.14 und darf zum ersten Mal als Text auftreten; das gemessene Oliv #969179 steigt von 2.97 auf 5.13 und wird zur tragfähigen Label-Farbe. Werte ohne Matrix-Eintrag sind als «berechnet» ausgewiesen — die Rechnung reproduziert alle acht Matrix-Werte exakt.

Werkbank · ink

#232018

Grund jedes dunklen Bandes

Werkbank-Text

#f5f4f3 · 14.80 berechnet

Headlines, Text, Tabellenwerte

Werkbank-Text leise

#b4afa4 · 7.44 berechnet

Sekundärtext, Ketten, Legenden

Protokoll-Label

#969179 · 5.13 berechnet

Nur Text und Linie, nie Fläche

Bedienkante

#7b766b · 3.60 berechnet

WCAG 1.4.11 erfüllt

Haarlinie

#5c584f · 2.30 berechnet

Dekorativ, nie Text auf dunkel

Haarlinie fein

#443b23 · 1.47 berechnet

Nie als Fläche — dort kippt es in Braun

Röstgelb · primary

#fac52f · 10.14 berechnet

Stempel, ein Knopf pro Band, Fokusring

Auf-Gelb · on-primary

#2a2009 · 10.00 gemessen

Die einzige Textfarbe auf Gelb

Röstgelb gedrückt · accent

#ecbc3a · 9.15 berechnet

Nur hover und active

Gelb matt

#c5a143 · 6.62 berechnet

Besuchte Links auf dunkel

Deaktiviert

#868174 · 4.19 berechnet

Nur ≥ 24 px oder als 8-px-Marke

Die drei 12er-Skalen — ein Regal, kein Auftrag

primary 1–12 · benutzt werden 8, 9, 10, 11, 12

secondary 1–12 · benutzt werden 9 und 11

gray 1–12 · benutzt werden 1, 6, 8, 9, 10, 11, 12

Protokoll · Schrift

Spectral über Commissioner

Spectral, weil das Logo-«R» niedrigkontrastig und flach geschnitten ist — und weil sie Versalziffern mit tnum führt, ohne die die Protokoll-Idee zusammenfällt. Commissioner darunter als stille Laborschrift für Gramm, Mahlgrad und Franken. Nicht EB Garamond (Mediävalziffern lassen die Preisspalte wackeln), nicht Domine (Blog-Überschrift statt Datenblatt).

display-hero · Spectral 400 · 64 / 34 px · 1.06 · −0.02 em

Was Freitag rausgeht, ist Mittwoch geröstet

display-1 · Spectral 500 · 44 / 28 px · 1.12 · −0.015 em

Diese Woche im Ofen

display-2 · Spectral 500 · 30 / 24 px · 1.18 · −0.01 em

Kolumbien Finca La Esperanza

display-papier · Spectral 300 · 40–56 px

58.—

Der dünne Schnitt existiert nur auf Papier. Auf der Werkbank blüht er auf und wirkt unscharf — darum liegt dieses Muster auf einer Platte und nicht daneben.

lead · Commissioner 400 · 18 / 17 px · 1.55

Wir rösten auf Bestellung, nicht auf Lager.

kette · Commissioner 400 · 16 / 15 px — maximal drei Textknoten

Filter · Huila 1'750 m · Aprikose, schwarzer Tee

tabelle · Commissioner 400 · 15 px · tnum — Ziffern, die fluchten

250 g16.50

1 kg58.—

Höhe1'750 m

Test111.11

label-versal · Commissioner 600 · 12 px · +0.10 em — die einzigen Versalien

mikro · Commissioner 400 · 12 px

Rösterei Hafenkante · Basel · hallo@hafenkante-roesterei.ch

Komponenten auf der Werkbank

Zustände sind Werte, keine Adjektive

Fahr mit der Maus darüber, klick, tabbe durch — die Zustände sind hier echt. Hover hebt nichts an: Reaktion ist Farbe und Kante, nicht Höhe. Die einzige Bewegung ist translateY(1px) nach unten beim Drücken — der Stempel wird gedrückt.

knopf-primaer

#fac52f / #2a2009 (10.00 gemessen) · hover #ecbc3a · active translateY(1px) · disabled: keine Fläche, Kante #8b6700. Genau einer pro Band.

knopf-sekundaer

Keine Fläche, Kante #7b766b (3.60) · hover Text und Kante #fac52f · disabled Kante #443b23.

knopf-ghost

Unterstrich #5c584f, 4 px Abstand · hover #fac52f · besucht #c5a143.

eingabefeld

E-Mail

E-Mail · Fehlerzustand

Da fehlt die E-Mail. Ohne sie können wir dir die Bestätigung nicht schicken.

Die Messwerte führen keine Semantikfarben — statt einen Rot-Wert zu erfinden, trägt der Fehler doppelte Kantenstärke plus Klartext.

Icons · lucide, stroke 1.5, square/miter

Whitelist mit 11 Icons, mehr gibt es nicht. Nie in Gelb — Gelb ist Fläche, nicht Kontur. Kein Bohnen-, Tassen- oder Blatt-Icon: das Logo führt keine Ikonografie, die Seite erfindet ihm keine.

Elevation — die Kante trägt, nicht die Wolke

E0 flach · E1 Haarlinie · E2 Papier auf Werkbank · E3 nur Schublade und Nav-Overlay

Protokoll KW 36

Der Kaufweg liegt auf Papier

Röstprotokoll, Varianten, Lagerstand, Menge, Beleg — alles, was Zahlen führt, steht auf #faf7f1. Das ist das Bandwechsel-Gesetz in seiner nützlichsten Form: Der Ort mit dem höchsten gemessenen Kontrast ist der Ort, an dem entschieden und gekauft wird.

Sorte	Rubrik	Geröstet	250 g	1 kg
Hafenkante Espresso	Espresso	03.09.	16.50	66.—58.—
Kolumbien La Esperanza	Filter	03.09.	19.80	69.—
Entkoffeiniert · Schweizer Wasser	Filter	03.09.	18.50	—
Handfilter-Set aus Steingut	Zubehör	—	42.—	—

Zahlenspalten rechtsbündig mit tnum, Kopfzeile #443b23 auf 36 px Höhe mit #faf7f1 darauf (10.36 berechnet), Zebra #f8f1e2 (14.46 gemessen), Röstkante links.

Geröstet 03.09.

Packshot 1.0

Hafenkante Espresso

Espresso · 70 % Brasilien Cerrado, 30 % Äthiopien Guji · dunkle Schokolade, Haselnuss

250 g 16.50 · 1 kg 58.—

varianten-segment · Gebinde

varianten-segment · Mahlgrad

Mahlgrad wird für deine Maschine eingestellt. Nicht lieferbare Kombinationen werden gezeigt, nicht versteckt — Verstecken erzeugt Rückfragen.

lager-versand-zeile

An Lager · geröstet 03.09. · Versand ab 60.— gratis

Noch 6 Packungen · nächste Röstung Mi 10.09.

Ausverkauft · wieder ab Mi 10.09.

mengen-stepper

1

Kauf

abo-bogen — das Angebot, das die Konkurrenz nicht hat

Abo mit fester Lieferwoche

KW 37 · KW 39 · KW 41

Beleg — der Fuss des Warenkorbs

03.09.	Hafenkante Espresso, 1 kg	58.—
	Kolumbien, 250 g	19.80
	Versand ab 60.— gratis	0.—

Summe 77.80

Signature-Motiv

Der Röststempel

Der digitale Zwilling des Aufklebers, den Nora auf jede Packung drückt. Immer gefüllt, immer rechtwinklig, immer bündig an einer Kante — nie schwebend, nie gedreht, nie animiert. Er ist die einzige Komponente, die beide Bandtypen ohne Umfärbung überquert (10.00 gemessen), und genau deshalb kann er der rote Faden sein: auf jedem Packshot, in jeder Kachel, am Kopf jedes Papierbogens, im Warenkorb, im Fuss.

Geröstet 03.09. Protokoll KW 36 03.09. Ausverkauft Zweitform: die Röstkante, 3 px

Moodboard: dunkle Werkbank mit Röstprotokoll auf Papier — Moodboard — dunkle Werkbank, cremiges Protokollblatt, ein gelber Datumsaufkleber. Genau das Bandwechsel-Gesetz als Foto.

Bildrezept — Kurzfassung

Licht: ein seitliches Fenster von links, dunkle Umgebung, kurze harte Schatten.
Grade: entsättigt warm, Schwarzpunkt auf #232018, Lichter cremig auf #faf7f1, genau ein goldgelber Punkt.
Helligkeit: Bilder auf der Werkbank dunkel; auf dem Papierbogen nur freigestellte Packshots.
Nie: Latte-Art, Dampfschwaden, gestreute Bohnen, Jutesäcke, Segelschiffe, Stock-Flatlays, Text im Bild.

Protokoll · Regeln

Was gilt und was nie

Do

Jede Seite ist eine Folge aus Werkbank- und Papierbogen-Bändern. Nach spätestens zwei dunklen Bändern kommt ein Bogen.
Wo Zahlen stehen, liegt Papier — Preistabelle, Protokoll, Beleg.
Genau ein gefüllter gelber Knopf pro Band.
tnum auf jede Zahl: Datum, Gramm, Franken, Höhenmeter, Lager, Kalenderwoche.
Das Röstdatum steht vor dem Preis. Das ist die Reihenfolge des Arguments.
Sechs Abstände: 8 / 12 / 24 / 40 / 72 / 112 — Verhältnis 1 : 3 : 9.

Don't

Kein aufgehellter Werkbank-Grund als Korrektur — wenn es zu dunkel ist, wird ein Bogen grösser.
Kein Verlauf, nirgends. Auch nicht als Fade am Bandwechsel.
Kein Braun, kein Sepia, kein Terrakotta, kein Marineblau — das hält der Basler Markt besetzt.
Keine Bohne, keine Tasse, kein Dampf, kein Icon-Grid als Sektionsinhalt.
Kein Radius ausser den 2 px am Knopf. Keine Pillen, keine runden Marken.
Kein Gelb als Text auf Papier (1.50), kein Weiss auf #969179 (3.17).

Sprache & Ton

du · handwerklich, direkt, sachlich, knapp, unfeierlich

Jeder Satz nennt eine überprüfbare Tatsache. Wo keine Tatsache da ist, steht kein Satz. Zahlen und Daten ersetzen Adjektive. Schweizer Hochdeutsch, «…» als Anführungszeichen.

«Entkoffeiniert, Handfilter ist weg. Die nächste Röstung ist am Mittwoch, 10.09. — schreib uns, dann legen wir dir eine Packung zur Seite.»

Wort-Verbote

Genuss · Leidenschaft · handverlesen · Manufaktur · einzigartig · Aromenspiel · Geschmacksexplosion · Bohnenglück · Röstkunst.

Der Betrieb setzt sich laut Dossier ausdrücklich davon ab: «ohne Kaffee-Poesie».