Wärme, Wasser und Technik für dein Haus in Augsburg.
Meisterbetrieb · Als Wärmepumpen-Fachpartner gelistet · Mo–Fr 07:00–16:30
Drei gleich grosse Felder, aneinanderstossend, Aussenflanke im Logo-Winkel 15° geschnitten (gemessen: 62 px Versatz auf 230 px Feldhöhe). Fahr mit der Maus darüber — Kante wechselt auf primary, der Pfeil läuft 4 px, nichts hebt ab.
Gemessen, nicht gewählt.
Jeder Wert stammt wörtlich aus brand-measurements.json. Kontraste sind zitiert, nicht behauptet.
Sora 600 über IBM Plex Sans.
Sora existiert in genau einem Schnitt: 600. Jede Ziffer, die ein Wert ist, steht in Plex mit tnum — nie in Sora. Ausnahme: die Ziffern 1/2/3 des Dreifelds sind Marken, keine Werte.
Wir schauen uns dein Haus an, rechnen die Heizlast und schreiben dir einen Festpreis.
Fliesstext in IBM Plex Sans, 17 px, Zeilenhöhe 1.6, Sperrung 0. Zeilenlänge zwischen 62 und 78 Zeichen — kein Fliesstext läuft über die volle Containerbreite, weil eine ruhige Seite auch ruhig gelesen werden muss.
Nebentext 15 px in ink-soft — nie kleiner, weil 6.43:1 nur AA ist.
Versal-Label · 12 px · Sperrung +0.09em| Ebene | Font | Desktop | Mobil | Gewicht | LH | LS |
|---|---|---|---|---|---|---|
| d1 Hero | Sora | 88 px | 42 px | 600 | 1.02 | −0.03em |
| d2 Sektionskopf | Sora | 56 px | 32 px | 600 | 1.08 | −0.025em |
| d3 Blocktitel | Sora | 34 px | 26 px | 600 | 1.15 | −0.02em |
| d4 Kartentitel | Sora | 26 px | 22 px | 600 | 1.2 | −0.015em |
| d5 Kleintitel | Sora | 22 px | 20 px | 600 | 1.25 | −0.01em |
| telefon | Plex · tnum | 30 px | 24 px | 600 | 1.1 | +0.01em |
| lead | Plex | 20 px | 18 px | 400 | 1.55 | 0 |
| body | Plex | 17 px | 16 px | 400 | 1.6 | 0 |
| wert | Plex · tnum | 24 px | 22 px | 600 | 1.2 | 0 |
| label | Plex · VERSAL | 12 px | 12 px | 600 | 1.15 | +0.09em |
Ein gefüllter Knopf pro Band.
Die CTA-Hierarchie entsteht durch Knappheit, nicht durch Farbe. Hover, Active und Fokus sind hier echt — Tab-Taste drücken für den Fokus-Ring.
Primär: Fläche #6c041e, Label weiss 18 px/600 (12.55:1), darüber die 4-px-Flammkante in der exakten Logofarbe #fc041c, min. 52 px hoch. Rollentrennung statt Umfärben: #fc041c bleibt unverändert die Marke, trägt aber keine Schrift (weiss darauf 4.06:1, ink 4.03:1 — beides unter AA). Die Schrift wandert auf die dunkle Abstufung derselben Wärme, statt dass die Marke überschrieben oder das Label vergrössert wird.
Zeig die Anlage, nicht die Behauptung.
Das Dreifeld, mit Werten gefüllt. Vier Zellen, immer dieselben, immer tnum. Fehlt ein Wert, steht dort «auf Anfrage» — nie eine geschätzte Zahl.
24.000 €
Kontrollierte Wohnraumlüftung
Statische Karten tragen keinen Schatten. Die 1-px-Kante in #cbcfd6 ist das Tiefensystem — genau wie im Logo, das aus aneinanderstossenden Flächen besteht.
Fehler sind nie nur Farbe.
Ein Fehler besteht immer aus Kante + Icon + Text in ink. Der Fehlertext benennt die Lösung, nicht den Verstoss.
Sag uns, worum's geht — wir rufen dich am selben Tag zurück.
Anfrage-Band und Fuss sind die einzigen dunklen Flächen der Seite. Zusammen rund 20 % — Korridor 0–45 % eingehalten.
Kühles Tageslicht, keine Menschen.
Diese Seite zeigt Anlagen, keine Models. Kein Gesicht, kein gestellter Handwerker, kein Stockfoto — und ein leeres typografisches Feld ist besser als ein gekauftes Bild.
Grade: kühl, entsättigt um ~10 %, Lichter halten #f4f8fd, Tiefen laufen nach #2b3b54 statt nach Schwarz. Genau ein warmer roter Punkt pro Bild als Echo zu #fc041c, max. 2 % Bildfläche.
Negative: kein Text, keine Logos, keine Menschen, keine Stock-Anmutung, kein Orange, keine Vignette, keine KI-Artefakte an Rohren und Gewinden.