Brand-System · Stand 09/2026
Brand-System · Stand 09/2026
Ich rechne dir aus, was Photovoltaik, Wärmepumpe und ein anderer Tarif in deinem Haus tatsächlich sparen. Vorher, nicht nachher.
Eine nach unten offene Kopflinie wie das Haus im Signet, ein Versal-Label, die nackte Kennzahl in tabellarischen Ziffern und darunter — an einer 3 px breiten türkisen Ablesemarke — die Herkunft mit Erhebungsdatum. Jede Zahl auf dieser Seite trägt ihre Quelle. Kein Wettbewerber in Chemnitz tut das; ein Baukasten liefert die Herkunftszeile nicht mit.
Verbote: nie mehr als drei Messblätter pro Band · nie ohne Herkunftszeile · nie über einem Foto, in einem Knopf, in der Navigation oder im Formularfeld.
Alle Werte sind aus dem Logo gemessen. Die Marken-Farbe bleibt unter 3 % Flächenanteil — Knopf-Fond, Ablesemarke, Kennzahl. Sonst nichts.
Rollentrennung: Der Logo-Türkis #3bacb4 ist ein helles
Türkis und trägt gemessen keine Schrift (Weiss darauf 2.71:1). Er bleibt der Logodatei.
In der Oberfläche läuft dieselbe Marke in ihren tiefen Fassungen: #00737b
trägt Schrift und ist Schrift, #2ba0a8 trägt Linien und Marken auf dunkel,
#7cc1c6 trägt die Kennzahl auf dunkel. Zwei Abstufungen einer Farbe sind
normale Markenarbeit — ein unlesbarer Knopf ist es nicht.
--brand-primary-12 · #143c3f
Bühne, Beleg-Band, Fuss — 32 % der Seite
--brand-surface · #f2f9fa
Standardgrund · Text darauf 15.4:1
--brand-surface-alt · #eaf1f2
jedes zweite helle Band · 14.35:1
--brand-primary · #00737b
Knopf-Fond, Link, Kennzahl auf hell. Weiss darauf 5.62:1 ✱
--brand-accent · #2ba0a8
Linien, Ablesemarke, Knopfrahmen auf dunkel · 3.83:1 ✱. Auf hell verboten.
--brand-primary-7 · #7cc1c6
Kennzahl und aktive Ziffer auf #143c3f · 5.89:1 ✱
--brand-ink · #122224
Fliesstext auf hell · 15.4:1
--brand-ink-soft · #505c5d
Label, Herkunft · 6.5:1
--brand-primary-9 · #3bacb4
lebt nur in logo-color.png. Im Interface: nirgends.
Die gemessene Türkis-Leiter. Abstufungen kommen nur von hier — nie gemischt.
| Paar | Ratio | Freigabe |
|---|---|---|
| #122224 auf #f2f9fa | 15.4 | alle Grössen · AAA |
| #505c5d auf #f2f9fa | 6.5 | alle Grössen · AA |
| #f2f9fa auf #143c3f | 11.27 ✱ | on-dark-Body · AAA |
| #afdee1 auf #143c3f | 8.21 ✱ | on-dark-Kleintext · AAA |
| #7cc1c6 auf #143c3f | 5.89 ✱ | Kennzahl & Signal auf dunkel · AA, alle Grössen |
| #ffffff auf #00737b | 5.62 ✱ | Knopfbeschriftung · AA (war 2.71 auf #3bacb4) |
| #00737b auf #f2f9fa | 5.27 ✱ | Link, Kennzahl, Ablesemarke auf hell · AA (war 2.54) |
| #595960 auf #f2f9fa | 6.52 ✱ | Grau-Token · AA (war 3.88 auf #7c7c84) |
| #ffffff auf #143c3f | 12.02 ✱ | Knopf im Hover auf hellem Grund |
| #122224 auf #2ba0a8 | 5.23 ✱ | Knopf im Hover auf dunklem Grund |
| #2ba0a8 auf #143c3f | 3.83 ✱ | Nicht-Text: Ablesemarke, Knopfrahmen |
| #ffffff auf #3bacb4 | 2.71 | verboten — deshalb die Rollentrennung |
| #3bacb4 auf #f2f9fa | 2.54 | verboten — Logo-Fassung, nicht Interface |
| #2ba0a8 auf #f2f9fa | 2.94 ✱ | verboten — reisst auch 3:1 |
| #7c7c84 auf #f2f9fa | 3.88 | kommt nicht vor |
Display mit abgeschnittenen Rundungen und offenen Ziffern — dieselbe Ingenieurs-Kühle wie das Linien-Haus, ohne seine Geometrie zu imitieren. Body kühl und sachlich bei 18 px. Vier Schnitte, mehr wird nicht geladen.
display-1 · Space Grotesk 700 · 96/38 px · 0.9 · −0.025 em
display-3 · Space Grotesk 500 · 40/26 px · 1.1 · −0.02 em
display-4 · Space Grotesk 500 · 28/22 px
kennzahl-l · Space Grotesk 700 · tabellarische Ziffern
lead · IBM Plex Sans 400 · 24/19 px · 1.45
Beratung heisst hier: erst ablesen, dann rechnen, dann reden.
body · IBM Plex Sans 400 · 18/17 px · 1.6
Ich schaue mir dein Dach, deinen Zählerkasten und deine letzte Abrechnung an und sage dir, was sich rechnet — und was nicht. Wenn Photovoltaik bei dir keinen Sinn ergibt, sage ich das auch.
label · IBM Plex Sans 600 · 12 px · +0.12 em · versal
Jahresertrag Dach Südcaption · 13 px — Herkunftszeile
micro · 12 px — nur Rechtszeile im Fuss
Fahr mit der Maus darüber und drücke Tab — Hover, Press und Fokus sind hier echt. Pro Band gibt es genau einen gefüllten Knopf.
Höhe 62 px (mobil 56) · Beschriftung Space Grotesk 500 versal, +0.06 em, in #ffffff auf #00737b — 5.62:1 ✱. Hover sinkt auf #143c3f (12.02:1 ✱).
Auf #143c3f misst der Knopf-Fond nur 2.14:1 gegen den Grund — deshalb trägt er hier die 1-px-Haarlinie in #2ba0a8 (3.83:1 ✱) als Bauteilgrenze; im Hover leuchtet genau diese Akzent-Fassung als Fond auf, Beschriftung dann #122224 (5.23:1 ✱). Fokusring auf dunkel: 2 px #c3e7e9 (9.11:1 ✱), Offset 3 px.
Kein Rahmen um vier Seiten, kein Fond, kein Schatten. Beim Hover wechselt nur die Kopflinie auf Türkis — genau wie das Haus im Logo nach unten offen bleibt.
Dachaufmass, Verschattung, Eigenverbrauch. Am Ende weisst du, welche Anlagengrösse zu deinem Verbrauch passt — und welche nicht.
Heizlast aus deinen echten Verbrauchsdaten statt aus der Faustformel. Inklusive der Frage, ob dein Haus vorher gedämmt gehört.
Ich lese deine Jahresabrechnung und rechne die Alternativen durch. Ohne Wechselprovision im Hinterkopf.
Dachfläche im Streiflicht, Zählerkasten, Wechselrichter an der Kellerwand, Chemnitzer Reihenhäuser unter bedecktem Himmel. Entsättigt, Tiefen Richtung #143c3f, Lichter Richtung #f2f9fa, Seitenverhältnis 2.4:1, Radius 0, kein Schatten. Nie: lächelnde Familien, Glühbirnen in Händen, Rapsfelder, Modul-Gegenlicht.
Energiehaus Chemnitz — Jonny Scholz.
Energieberatung für Chemnitz und Umgebung.
Brand-System Energiehaus Chemnitz · Farben gemessen aus brand/logo.png · Schrift Space Grotesk / IBM Plex Sans · Radius 0 · Dunkelanteil-Ziel 32 %