FILL-IT Look-Probe: vier Designrichtungen

Je Richtung die Startseite und die Leistungsseite Hohlwanddämmung mit den echten Texten der Website. Referenz: Awesomic Design System (refero). Fotos sind KI-Platzhalter, die Illustrationen stammen aus dem Repo. Menüpunkte außer Start und Einblasdämmung sind Attrappen.

Sichtung: erst am großen Bildschirm, dann am Handy (alle Seiten sind responsiv). Feedback am besten je Richtung: Was gefällt, was nicht, was mischen?
A

Richtung A · Editorial Monochrom

Nah an der Referenz (Awesomic): Fast-Schwarz und Off-White, Orange nur als Punktuation. Eine Schrift (Manrope), Headlines 64 px, Karten 36 px rund, Hairline-Ränder statt Schatten, vollflächige Materialfotos als Trenner.

B

Richtung B · Warm Technik

Heller, warmer Grundton. Orange trägt große Flächen, riesige Kennzahlen, eure Schnitt-Illustrationen als Heldenbilder, Leistungen als editorial Liste, Städte-Laufband. Plus Jakarta Sans, Rundung 22 px. Nah am Handwerk.

C

Richtung C · Dunkel Premium

Dunkler Grundton mit Orange-Glow, Fotos leicht entsättigt, Display-Schrift Sora bis 88 px, Leistungen als Bento-Raster, Ablauf als leuchtende Linie. Die Richtung von Life X in eurer Farbwelt.

D

Richtung D · Hell Premium

Renés Wunsch nach C: gleicher Aufbau, gleicher Header, gleiche Elemente, aber hell. Warmes Weiß #faf8f4 mit Beige-Flächen, dunkle Schrift, Orange als Akzent mit weichem Glow, Fotos in voller Farbe. Runde 2: weiße Vollbreiten-Bänder, Dämm-Check-Band, großer Footer. Runde 3: Hero dunkel mit weißem Text und hartem Schnitt (Trennlinien Blau dick, Orange dünn), Slider mit drei Motiven zum Ablauf, Logo-Blau #2a68b0 als Akzent statt Orange.

Look-Probe der SIM-Zentrale · angelegt 12.09.2026 · Quelle sim-ops/hub/public/brand/fill-it-look/