San Francisco Wetter-UI im Frosted-Glass-Design

Prompt

Ein modernes Design-Mockup einer Wettervorhersage-App im Querformat. Der Hintergrund ist ein leicht gaußscharfes Foto der Kulisse von San Francisco, das die beeindruckende Golden Gate Bridge zeigt, deren rote Hängebrücken-Türme im ikonischen Morgennebel der Bucht aufragen, während der Himmel einen sanften Blau-Orange-Verlauf aufweist. Die Hauptoberfläche besteht aus halbtransparenten Panels mit Frosted-Glass-Textur (Glassmorphism), mit weichen weißen Kantenlichtern und subtilen Schatten. Oben links im Bild befindet sich ein großer primärer Wetterinformationsbereich: Oben steht der Ort „San Francisco, CA“ in fetter weißer serifenloser Schrift; darunter eine extragroße Zahl „62°F“ neben einem gelb-weißen „teilweise bewölkt“-Symbol (eine Sonne, teilweise von einer weißen Wolke verdeckt); unter der Temperatur steht der Statustext „Teilweise bewölkt“; rechts davon sind drei zusätzliche Daten horizontal angeordnet: „Luftfeuchtigkeit: 65 %“, „Wind: 12 mph“ und „Niederschlag: 0 %“. Die untere Bildhälfte zeigt ein horizontales, halbtransparentes Glaspanel, das den Großteil der Breite einnimmt, mit einer kleinen Überschrift „5-Tage-Vorhersage“ in der oberen linken Ecke. Im Panel sind fünf Spaltenkarten gleichmäßig horizontal verteilt, jede enthält von oben nach unten den Wochentag, ein Wettersymbol sowie Höchst- und Tiefsttemperaturen: Die erste Spalte lautet „Mo“, darunter ein Wolkensymbol mit horizontalen Nebellinien, unten steht „64° / 52°“; die zweite Spalte lautet „Di“, darunter ein leuchtend gelbes Sonnensymbol, unten steht „66° / 53°“; die dritte Spalte lautet „Mi“, darunter ein Symbol einer weißen Wolke, die teilweise eine Sonne verdeckt, unten steht „63° / 51°“; die vierte Spalte lautet „Do“, darunter ein graues Wolkensymbol mit blauen Regentropfen, unten steht „60° / 50°“; die fünfte Spalte lautet „Fr“, darunter ein Symbol zweier überlappender grauer Wolken, unten steht „62° / 51°“. Die Gesamtkomposition des Bildes ist ausgewogen, die UI-Elemente sind ordentlich angeordnet, die Beleuchtung ist hell und weich, alle Texte sind in reinem Weiß gehalten, die Informationen sind klar und gut lesbar, und das Design weist ein sehr hohes kommerzielles Gestaltungsniveau auf.