Sonnwerk Bühler
SNNWERK BÜHLER

Photovoltaik-Planung · Breitfeldstrasse 3, 9015 St. Gallen · +41 71 310 10 00 · Ostschweiz und Fürstentum Liechtenstein

Brand-System · Stand 4. September 2026 · Richtung A «Rechenblatt statt Prospekt»

Das Zeichen
Logo Sonnwerk Bühler

Wortmarke, VERSAL, monolinear, gesperrt ~+0.12 em. Ein Formbruch: das erste «O» als offener Ring. Formsprache Kreis + Balken, Radius 0.

Hinweis: Die vorliegende Datei ist laut Dossier recherchiert und trägt einen Platzhalter-Wortlaut. Übernommen wird die Struktur, nicht die Zeichnung — die Wortmarke ist oben typografisch gesetzt (Frank Ruhl Libre 400, VERSAL, +0.10 em, Ring in #048cac).

Signature-Motiv — Das Toleranzband

Der ±8-%-Korridor als Balken mit Nullachse.

Wer eine Anlage verkauft, zeigt das Dach. Wer eine Rechnung verkauft, muss zeigen, wie oft die Rechnung gestimmt hat. Das Band ist die einzige gefüllte Fläche des ganzen Systems — und steht nie ohne die Zahl daneben.

Im Korridor +1.9 %
Minderertrag im Korridor −4.2 %
Ausserhalb — nie rot, grau + Fussnote −11.3 %*
Ausserhalb der Skala >16 % › +18.4 %
Noch nicht gemessen

* Abweichung ausserhalb des Korridors. Ursache: zwei Wechselrichter-Ausfälle im März 2025, Ertrag seither wieder in Prognose.

Farbrollen — gemessen aus dem Logo, kein Wert erfunden
Papiergrund--brand-surface-alt · #eaf1f4 ~72 % der Fläche · ink darauf 14.34 (AAA)
Berichtsspalte--brand-surface · #f2f9fb 720px-Bahn · ink darauf 15.38 (AAA)
Text / Dunkelfläche--brand-ink · #182124 Jeder Text · Footer-Band · gefüllter Knopf
Nebentext--brand-ink-soft · #515c60 Nur Meta · 6.47 (AA, kein AAA) · nie unter 11px
Haarlinie--brand-border · #c9d0d2 Jede Trennung, immer exakt 1px
Akzent--brand-accent · #007f9e Nur Toleranzband + 2px-Linkunterstrich · <1 % · nie Text
Signal / Ring--brand-primary · #048cac Nur Logo-Ring + Fokusring · 3.68 auf surface (≥3:1 ✓)
Knopf-Hover--brand-primary-12 · #173c48 Löst den Dossier-Wunsch «dunkles Petrol» ein
Band-Spur--brand-gray-4 · #dbdfe1 Ungefüllte Spur des Toleranzbandes
Ausserhalb Toleranz--brand-gray-9 · #788489 Statt Rot — die Marke hat keine Signalfarbe
Reserve (ungenutzt)--brand-secondary · #2f97a3 3.25 auf surface, AA ✗ — kommt auf der Site nicht vor
Papierweiss (nur Print)--brand-on-primary · #ffffff 3.92 auf primary, AA ✗ — nie als Knopftext auf Cyan

Primary-Skala 1–12

Grau-Skala 1–12

Kein Gold, kein Orange, kein Grün — siehe KUNDENWUNSCH_OFFEN in DESIGN.md §1. Der Wunsch «dunkles Petrol» und «warmes Off-White» aus dem Dossier ist eingelöst (#173c48 / #f2f9fb); das Gold wird begründet abgelehnt, nicht durch einen Ersatzton getarnt.

Typografie — Frank Ruhl Libre 400 / Hanken Grotesk 400·500 / IBM Plex Mono 400
display-1 · 68/1.04/−.02em Bei einem von fünf Dächern sage ich ab.
display-2 · 44/1.12 Ich rechne zuerst.
display-3 · 28/1.18 Stalldach Appenzell
wordmark · 26/+.10em SNNWERK
row-lead · 17/500 Reiheneinfamilienhaus mit Ost-West-Belegung
body · 17/1.55 Ich war 18 Jahre Elektroplaner, bis mich 2016 ein Kunde gefragt hat, ob sich eine Anlage auf seinem Stall lohnt. Ich habe drei Wochen gerechnet.
body-sm · 15/1.5 Erstberechnung 480 CHF, wird bei Auftrag angerechnet.
num-lg · 22 · tnum 340 kWp · 480 CHF · ±8 %
num · 15 · tnum 312 MWh/a → 318 MWh/a · +1.9 %
file-no · 13/+.04em 2024-041 · 2024-047 · 2025-003
label · 10 VERSAL/+.10em Abweichung gegenüber Prognose
caption · 11/1.25 Belegungsplan Ost-West, Massstab 1:200, aufgenommen bei bedecktem Himmel.
micro · 12/1.4 * Abweichung ausserhalb des Korridors, Ursache in der Akte vermerkt.
Registerzeile — das Kernstück (Hover und Tab ausprobieren)

* Wechselrichter-Ausfälle 03/2025. Platzhalterzahlen bis zur Freigabe der echten Messwerte — siehe Known Gaps in DESIGN.md.

Knöpfe und Links — alle Zustände echt (hover, klicken, Tab)
Ertragsberechnung anfordern

Genau zwei gefüllte Knöpfe auf der ganzen Website: Sticky-Leiste und Formular-Absenden. Beide ink-gefüllt (15.38), nie cyan — Weiss auf #048cac misst 3.92 und fällt bei 15px durch AA. Alles andere ist Textlink mit 2px-Akzentunterstrich, ohne Pfeil, ohne Icon.

Blatt (statt Karte) und Formularfeld

Leistung 03

Förderantrag und Bewilligung

Reine Kante, kein Schatten, kein Radius, kein Lift beim Hover — nur die Kante dunkelt auf #182124.

Ablauf ansehen

Bitte die Postleitzahl angeben — ohne Ort lässt sich die Einstrahlung nicht rechnen.

Abweichungsgarantie

±8 % — ohne Wertsegment, weil hier noch nichts gemessen ist.

Tiefe — aus der Papierkante, nicht aus Licht
0 · Blatt

box-shadow: none. ~85 % der Seite.

1 · Kante

1px solid #c9d0d2. Tiefe ist eine Linie.

2 · Aufliegend

0 1px 0 rgb(24 33 36 / .10). Nur die Sticky-Leiste.

3 · Schwebend

Zwei weiche Lagen. Nur modale Ebenen.

Bildstimmung — bedeckt, entsättigt, dokumentarisch
Moodboard: Dachfläche bei bedecktem Tageslicht
Bedeckter Tag, weiches richtungsloses Oberlicht, Seitenverhältnis 1.33, entsättigt kühl. Nie Sonne, nie glänzende Module, nie Menschen, nie Grün.
Do und Don't

Do

  • Zahl vor Satz — jede Sektion öffnet mit einem Messwert.
  • tnum auf jeder Zelle mit einer Zahl.
  • Jede Trennung als 1px #c9d0d2.
  • Radius 0, überall, ausnahmslos.
  • 480 CHF im Knopf, nicht in der Fussnote.
  • Absagen zeigen: graues Band + Fussnote.
  • Lücken in der Aktenzählung stehen lassen.
  • 72px als Standard-Sektionsabstand.

Don't

  • Kein Vollbild-Hero, kein Gradient-Hero.
  • Kein Modul mit Sonnenreflex, kein Sonnenuntergang.
  • Kein Icon-Grid für die fünf Leistungen.
  • Keine Reviews, Sterne, Testimonials (fremder Betrieb).
  • Kein Gelb, Orange, Gold, Grün — auch nicht klein.
  • Accent nie als Text, Primary nie ausser Ring und Fokus.
  • Weight 500 im Display gibt es nicht; 600/700 nirgends.
  • Kein dritter gefüllter Knopf, keine Pille, kein Schatten darauf.