DRUTEX-Partner · Thalheim/Erzgeb. · Fenster ab 32 €
Eine gerade Kante im Winkel −20° zur Senkrechten — exakt die gemessene Flanke des Logo-Trapezes (Δx 44 px auf Δy 120 px). Sie sitzt an genau einer Seite eines Objekts und lässt dort Licht herein: das, was ein Fenster physikalisch tut.
Regel: höchstens ein Lichtschnitt pro Bildschirmhöhe · nie an Text · nie in einem anderen Winkel als −20° · unter 64 px (Favicon) entfällt er ganz.
Jeder Wert stammt wörtlich aus brand-measurements.json. Das Weinrot spricht in drei Stimmen mit getrennten Aufgaben — Fläche, Schrift, Tiefe.
--brand-primary #9c3b64--brand-accent #8c2c56--brand-primary-12 #552639--brand-primary-7 #d1a7b5--brand-ink #251e20--brand-ink-soft #615659--brand-gray-8 #b9abaf--brand-gray-9 #8b7d81--brand-gray-1 #f4f3f3--brand-border #d4cbcd--brand-secondary #b35f87--brand-secondary-ink #99486f (= --brand-secondary-11)--brand-surface #fcf5f7Abstufungen kommen aus diesen Skalen — es gibt keinen selbst gemischten Zwischenwert.
| Paar | Einsatz | Ratio | AA |
|---|---|---|---|
#251e20 auf #fcf5f7 | Schrift auf hell (gemessen) | 15,21 | AAA |
#251e20 auf #f4f3f3 | Schrift auf Papier | 14,75 | AAA |
#f3eef0 auf #251e20 | Schrift im Schaufenster (gemessen) | 14,24 | AAA |
#ffffff auf #9c3b64 | gefüllter Knopf (gemessen) | 6,52 | AA |
#d1a7b5 auf #251e20 | Links & Lichtschnitt auf Nacht | 7,71 | AA |
#b9abaf auf #251e20 | Glas-Grau, Sekundärschrift | 7,40 | AA |
#8b7d81 auf #ffffff | Feldrahmen (nur Kontur, 1.4.11) | 3,93 | AA nontext |
#9c3b64 auf #251e20 | Marke als Schrift auf Nacht | 2,51 | verboten |
#99486f auf #fcf5f7 | Zweitstimme als Schrift (berechnet) | 5,57 | AA |
#b35f87 auf #fcf5f7 | Zitatkante — textlose Grafik (gemessen, 1.4.11 verlangt 3) | 3,99 | AA nontext |
#b35f87 als Schrift | Zweitfarbe als Text, jede Grösse (gemessen 3,99 / 4,28) | 3,99 | verboten |
#807377 auf #f4f3f3 | Metadaten auf Papier | 4,09 | verboten |
Es gibt in diesem Projekt keine Kombination, die mit «ist ja gross» gerechtfertigt wird. Wo ein Paar durch AA fällt, wechselt die Schrift oder es kommt eine zweite Abstufung derselben Farbe dazu — die Markenrollen --brand-primary, --brand-secondary und --brand-surface bleiben exakt die gemessenen Werte.
Eine konstruierte Technik-Grotesk für Millimeter und Uw-Werte — nicht für Handwerks-Nostalgie. Display läuft überall auf einem Gewicht: 400. Weight 500 existiert im ganzen System nicht.
Wir messen auf, liefern und montieren — in ganz Deutschland, von der Werkstatt in Thalheim aus.
Die Rollladensysteme bieten hohe Wärme- und Schallschutzparameter. Ein Revisionsdeckel am unteren Ende des Kastens ermöglicht eine unkomplizierte Wartung. Silbentrennung ist aktiv, damit «Nebeneingangstüren» das Raster bei 390 px nicht sprengt.
Zahlen sind hier das Argument. Tabellenziffern auf jeder Zelle mit Geld, Mass, Uw-Wert oder Frist — deutsche Schreibung, geschütztes Leerzeichen vor der Einheit, Preisspalte rechtsbündig auf einer Achse.
Ein Preis wird nie fett hervorgehoben und nie eingefärbt. Er steht rechts, mit tnum — das reicht.
Das Rückgrat der Seite: Zeile, Haarlinie, Zeile. Fahre über eine Zeile — der Lichtschnitt-Marker wächst in 160 ms von 0 auf 4 px.
Zustand disabled: kein Marker, alles in #8b7d81, «auf Anfrage» statt Zahl. Eine Spalte ohne echte Werte entfällt komplett — Leere ausstellen ist ein Vertrauensschaden.
Randlos in der Nacht: kein Rahmen, keine Rundung, kein Verlauf, kein Schatten. Der Lichtschnitt wechselt pro Kachel die Seite; die mittlere Kachel sitzt 40 px tiefer und bricht die Kachelwand.
Radius 0, Höhe 48 px, Polster 0/32, kein Schatten in keinem Zustand. Hover und Fokus sind hier echt — probier sie aus, auch mit der Tabulatortaste.
default → hover #8c2c56 → active #552639 + translateY(1px) → focus: Ring 0 0 0 2px #ffffff, 0 0 0 4px #552639 → disabled #e9e4e6/#8b7d81.
Die Fläche #9c3b64 steht nur 2,51 : 1 gegen #251e20 — zu wenig für WCAG 1.4.11. Die Kante #d1a7b5 (7,71 : 1) erfüllt die Anforderung stellvertretend. Hover heisst auf Nacht heller: #a14068.
Ein Fenster wirft keinen Schlagschatten in den Raum, es lässt Licht herein. Wo andere Systeme eine Karte anheben, setzt dieses eine Haarlinie oder einen Lichtschnitt. Wenn doch ein Schatten nötig ist: zwei weiche Schichten im Ink-Ton, nie eine harte.
Standard für alles: Zeilen, Karten, Kacheln, Bilder, Knöpfe. Trennung leistet die Haarlinie.
Nur die Kopfleiste im Zustand scrolled. Sie liegt über dem Inhalt — das darf man sehen.
Mobile Navigationsschublade und Sticky-Leiste. Sonst nichts.
Stufe 3 ist der Lichtschnitt selbst — auf Nacht ersetzt er jede Elevation. Ein Schatten auf #251e20 ist unsichtbar und damit Lüge. Alle Schatten sind rgb(37 30 32 / …), nie rgba(0,0,0,…).
— Termin vereinbart, pünktlich vor Ort gewesen, Arbeit professionell erledigt — eine Bilderbuch-Handwerksleistung zu einem äußerst fairen Preis.
Thomas S., Chemnitz · 2025
— Trotz der Entfernung zwischen dem Erzgebirge und unserem Wohnort hat alles, wirklich alles, sensationell geklappt. Alle Absprachen wurden zu 100 % eingehalten.
Horst A. · 2025
— Perfekt, vom Aufmaß bis zur Montage. Termine wurden eingehalten, alles passt perfekt und die Baustelle wurde sauber und ordentlich hinterlassen.
Maik N. · 2022
Das einzige 3-Spalten-Grid der ganzen Site. Zitate werden nie gekürzt ohne […]. Die Zahl steht immer vor dem Adjektiv.
Rollentrennung im Bild: Der Grund dieses Bandes ist die Messrolle --brand-surface #fcf5f7. Die 4-px-Zitatkante ist --brand-secondary #b35f87 — exakt der gemessene Ton, textlos, als Grafik 4,28 : 1 gegen Weiss (WCAG 1.4.11 verlangt 3 : 1). Sprechen darf die Zweitfarbe erst als --brand-secondary-ink #99486f (Autorenzeile, 5,98 : 1 auf Weiss). Abgedunkelt wurde nichts.
Hier kippt die Seite ins Dunkle — der Anfrage-Tresen ist das dritte und letzte Schaufenster. E-Mail oder Telefon: eines von beiden genügt.
Ohne Postleitzahl können wir das Aufmass nicht planen.
Feld 52 px hoch · Fokus setzt eine 2-px-Unterkante #d1a7b5 · Fehler = 2 px Rahmen + Icon + Text, nie Farbe allein · kein Captcha, nur Honeypot und Mindestzeit.