Weather widget

This widget design displays essential weather data while making the interface visually engaging, reflecting different weather conditions through dynamic backgrounds.

Tools: Figma

Design Corner

The large, bold temperature display ensures it stands out immediately. Context-aware backgrounds shift based on the weather (e.g., clear skies, rain). Next hour and next day forecasts are shown in clean, card-like sections for easy scanning. Neutral, soft colors maintain the aesthetic and highlight key data without clutter. The bottom section invites users to scroll, revealing more forecast details interactively.

Follow Mars design: Behance | Figma | Twitter

Thanks !

More by Mars design

View profile