In der Werkbank weiterarbeiten.
Der Glas-Editor wird derzeit privat getestet. Projekte, benannte Stände und Versionen lassen sich gemeinsam speichern. Öffentliches Ausprobieren ist noch nicht freigeschaltet.
Materialstudie
Vom Bild zum CSS-Glas
Ein überzeugendes Bild wird nicht automatisch überzeugendes HTML. Aus dieser Lücke entstand eine Werkbank für Form, Material und Licht.
Vor dem Editor · Mockup-Runde 01
Glas als Raum.
Dieser Entwurf wurde in der damaligen Mockup-Runde als stärkste Richtung für den gewünschten Glasstil dokumentiert. Er entstand vor der Regler-Werkbank. Das Bild zeigt die gestalterische Absicht; es ist noch keine funktionierende Website.
Ausgangspunkt
Die Materialvorlage.
Die freie Kontur, die dünnen Lichtkanten und die fast schwarze Mitte waren der Massstab für die weitere Arbeit.
Frühe Umsetzung
Blau war noch kein Glas.
Farbe und Text waren vorhanden. Form, Rand und räumliche Lichtwirkung lagen noch deutlich vom Bild entfernt. Dieser belegte frühe Stand zeigt die Lücke; er wird nicht als allererster Versuch ausgegeben.
HTML vor der Werkbank
Näher am Rand. Noch nicht am Material.
Mehrere Glasränder und Lichtflächen verbesserten den Nachbau. Die offenen Fragen wurden konkreter – und führten zu eigenen Reglern statt weiteren Änderungen nur im Code.
Werkzeug
Die Form wird veränderbar.
Konturpunkte, Wölbung, Farben, einzelne Reflexe und Textbereiche lassen sich getrennt einstellen. Benannte Stände machen die Versuche reproduzierbar.
Gesicherter Zwischenstand
Reflex 02 · Kühler.
Die Form und das Material sind näher an der Vorlage. Die feinen Brechungen und die genaue Lichtverteilung bleiben offen. Eine pixelgenaue Übereinstimmung ist nicht belegt. Die matte Version bleibt als eigene Gestaltungsrichtung erhalten.