Teppichwäscherei WERDEN

Marken-Aushang · Richtung B

Wir beziehen deine Polster neu und waschen deinen Orientteppich von Hand.

In Essen-Werden, seit Jahren dieselbe Werkstatt — Abholen und Zurückbringen inklusive. Diese Seite ist der Prüfstein des Markensystems: jede Farbe, jede Schriftgröße und jeder Abstand darauf stammt aus tokens.css.

Der Laufzettel — acht Leistungen, acht Wege in dieselbe Anfrage

Fahr mit der Maus über eine Zeile — das Ziffernfeld invertiert von Gold auf Tiefrot. Mit Tab erscheint der 2px-Fokusring um die ganze Zeile. Die Fristen hier sind Platzhalter und vom Betrieb zu bestätigen.

01 · Logo-Befund

Die gelieferte Logodatei gehört nicht diesem Betrieb

brand/logo.png zeigt das Teaser-Bild des Spielautomaten «Moorhuhn Shooter». Die Herkunft steht in logo.herkunft.json, und das Dossier führt brand.logo selbst als Lücke. Die Datei darf nirgends auf die Website. Die gemessenen Farben bleiben trotzdem gültig — sie decken sich mit dem echten Handzettel und dem goldenen Wasserzeichen des Betriebs.

Gelieferte Datei logo.png: Teaser des Spiels Moorhuhn Shooter — nicht das Logo des Kunden.

Nicht verwenden. Bis zur Klärung wird die Wortmarke typografisch gesetzt: Archivo Expanded 600 / 20px — «Teppichwäscherei» in Tiefrot, «WERDEN» im Gold-Schriftton #846d00, so wie oben in der Kopfzeile.

02 · Farben

Ein Papier, zwei Textfarben — und das Marken-Gold in zwei Abstufungen

Jeder Wert ist gemessen, keiner gewählt. Die Kontrastzahlen stammen wörtlich aus der Messmatrix.

#f7f3e1
Papier--brand-surface-altSeitengrund, durchgehend. ink darauf: 14.65:1 (AAA)
#f9f8f2
Zettel--brand-surfaceNur die Laufzettel-Karte. ink darauf: 15.33:1 (AAA)
#222018
Fliesstext--brand-inkTextfarbe 1 von 2. 15.33:1 auf surface
#5b5950
Nebentext--brand-ink-soft6.60:1 — AA, nicht AAA. Nie für Fliesstext-Blöcke
#970b08
Signal--brand-secondaryTextfarbe 2 von 2: Nav, Label, Links. 8.34:1 auf surface
#fad200
Gold — Fläche--brand-primaryDie Logofarbe, unverändert. Nur Fläche: Ziffernfeld, der eine Knopf. on_primary darauf: 10.83:1
#846d00
Gold — Schrift--brand-primary-inkDieselbe Marke, zweite Abstufung (= --brand-primary-11). Für Mass-Zellen, Text-Ziffern, Wortmarke. 4.73:1 auf surface, 4.52:1 auf Papier — AA
#ecc900
Gold gedrückt--brand-accentAusschliesslich :active des Knopfes
#433c20
Fussbalken--brand-primary-12Die einzige dunkle Fläche (~12 %). 9.88:1 berechnet, nicht in der Messmatrix
#d0cfc8
Kante--brand-border1px-Haarlinien, nicht-textuell
#750000
Fehler--brand-secondary-12Fehlertext und :active des Ziffernfelds

Die Rollentrennung statt einer Umfärbung: --brand-primary #fad200 bleibt exakt die Logofarbe und wird nirgends abgedunkelt. Als Fläche trägt sie Schrift in on_primary #27220910.83:1, gemessen. Als Schrift auf hellem Papier wäre sie mit 1.38:1 unlesbar (aa: false, aa_large: false — keine Größen-Ausnahme). Dort gilt die zweite Abstufung derselben Farbe, --brand-primary-ink #846d00: 4.73:1 auf surface, 4.52:1 auf dem Papier. Zwei Abstufungen einer Marke sind Markenarbeit — das Überschreiben der Marke wäre es nicht.

240 × 170 cm · Mass-Zelle im Gold-Schriftton auf dem Papier · 03 · HANDWÄSCHE

03 · Schrift

Archivo Expanded · IBM Plex Sans · IBM Plex Mono

Breit statt schmal — die Autorität eines amtlichen Aushangs ohne den Schrei des Prospekts. Plex Mono trägt ausschließlich die Zahlen.

Handwäsche
hero · Archivo wdth 112 · 64px Desktop / 35px mobil · 600 · LH 1.06 · LS -0.01em

Fransen und Kanten erneuern

section-title · Archivo wdth 112 · 29 / 24px · 600 · LH 1.15 · LS -0.005em
Orientteppich-Handwäsche
index-row · Archivo wdth 112 · 29 / 22px · 500 · LH 1.25 · LS 0

03 · Handwäsche

label-versal · Plex Sans · 14px · 600 · LS +0.10em · Farbe secondary

Schick uns zwei Fotos und das Maß. Wir melden uns mit einer festen Zusage zurück.

body-lead · Plex Sans · 20 / 18px · 400 · LH 1.55

Eine Handwäsche dauert je nach Größe und Verschmutzung mehrere Tage. Wir nennen dir den Termin, sobald wir den Teppich gesehen haben — vorher wäre jede Zahl geraten.

body · Plex Sans · 17 / 16px · 400 · LH 1.60 · max 62ch
240 × 170 cm · 5–10 Tage · 0201 433 98 689 mass · Plex Mono · 16px · 500 · tnum · jede Zahl mit Einheit
Zur Anfrage link-text · Plex Sans · 18 / 17px · 500 · 1px unterstrichen · offset 4px

Verboten: Archivo ab Gewicht 700, jede Kursive, Versalien im Fliesstext, Archivo unter 22px, negatives Tracking im Body.

04 · Komponenten

Jeder Zustand ist ein Wert, kein Adjektiv

Alle Zustände unten sind echt bedienbar; die statischen Kacheln zeigen zusätzlich, wie hover, active und focus aussehen.

Der eine Knopf

default · echt bedienbar
hover · inset 0 -3px 0 rgb(39 34 9 / .85)
active · accent + translateY(1px), .08s
focus · 2px secondary, offset 3px
disabled · gray-7 / ink-soft

Ziffernfeld — 28×28px, Mono-Ziffer, Radius 0

03default · Gold / on_primary · 10.83:1
03hover · invertiert auf secondary / weiss · 8.87:1
03active · secondary-12 + translateY(1px)

Eingabefeld

Wir brauchen deine Telefonnummer, sonst können wir dich nicht zurückrufen.

Laufzettel-Karte — Tiefe ohne Schatten

Abhol- und Bringservice

Wir holen deinen Teppich ab und bringen ihn zurück — in Essen und Umgebung.

Gebiet
Essen und Umgebung
Kosten
im Auftrag enthalten

E2: surface auf surface_alt — ein tonaler Schritt plus 3px Goldkante. box-shadow: none.

05 · Abstände

Eine Spur, sonst nichts

8 : 20 : 80 = 1 : 2.5 : 10. Verbotene Werte: 16, 24, 27, 32, 35, 48, 56, 64, 72, 96px.

hair 4
1 · 8
2 · 12
3 · 20
4 · 40
5 · 80
6 · 120

06 · Beweis

Bilder nur im Paar — der Beweis ist der Unterschied

Gleiche Breite, 0px dazwischen, stehend im Verhältnis 0.81, randlos, ohne Schatten. Ein Einzelbild ohne Gegenstück wird nicht gezeigt.

Sessel vor der Arbeit: rissiges ockerfarbenes Leder in der Werkstatt. Derselbe Sessel nach der Arbeit: cremefarbenes Leder, aufgestellt im Wohnraum.

Sessel, Leder neu · Vorher | Nachher — vom Kunden zu bestätigen. Es ist das einzige belastbare Paar in den 13 GMB-Fotos; alle übrigen sind Einzelstücke und werden nicht künstlich verpaart.

07 · Bildstimmung

Sachlich, handwerklich, ruhig

Vorhandenes seitliches Tageslicht, warm-neutral, Lichter Richtung Papierton, Tiefen bräunlich-schwarz. Kein Text im Bild, keine Requisiten, keine Stock-Anmutung.

Moodboard: Stoffmuster, Leder, Teppichkante mit Fransen, Polsternadel und Zollstock auf blassgelbem Papier.