WeatherDash
Blue UI — Design 2
Map layers + live widgets + forecast

A clean SaaS landing
for your weather dashboard.

This design is more “product company” vibe: blueprint grid, sharp typography, and a big preview card. Perfect for GitHub.

5
Map layers
3
API calls
1
Dashboard view
weatherdash.app / dashboard
Secure
Dashboard
Dashboard
Alerts
Settings
Now
9°CFeels 7°C
1.1 m/sNE
40%Humidity
Dashboard: Guangzhou City
9°C
Feels like9°C
Precip0.00 mm
Wind1.16 m/s
Humidity40%
Clouds0%
Pressure1024 hPa
03:0006:0009:0012:0015:0018:00
Forecast Live (3-hour steps)
Time
03:00
06:00
09:00
12:00
15:00
18:00
Weather
Temp
11°
14°
20°
20°
20°
18°
04 January 2026
All Alerts

Trigger Events

Trigger 15°C
Temperature falls below
04 Jan, 03:00
Trigger 15°C
Temperature falls below
04 Jan, 06:00
Replace the preview UI with your actual screenshot when ready.

Features

Modern blue theme

Gradient accents + soft shadows + premium layout.

Easy swap

Drop your screenshot into the preview frame.

Portfolio-ready

Clean sections + strong CTA + minimal fluff.

How it works

1. Build your weather dashboard (OpenWeatherMap API)
2. Put your app link in the buttons
3. Deploy to GitHub Pages

Ready to ship your weather UI?

Use this landing page as your Design 2 showcase.