Mercury Weather· Productivitymercuryweather.com

Painterly skies · dimensional dials · SF Pro

The weather, rendered as light.

A gentle breeze from the west. Sunset at 7:48 PM will paint Ocean Beach in amber and rose. Humidity dropping through the afternoon.

Color Palette35 tokens

sunrise-coral#ffb07a

peach-veil#f5c9a8

sky-blue#4fa8d8

haze#a9d5ec

amber#f28a5a

rose#d86a9a

plum#7a4e8f

bruise#3a2c52

midnight#0e1b3a

indigo#1c2e5a

pewter#6e7d8c

oyster#b4bec8

slate-blue#4a5f7a

tin#7a8ea3

glacier#c9d7e6

bone#f0f5fa

ink#1f1b2e

ink-soft#55506b

parchment#fbf5ed

fog#ede7dc

hairline#ebeae8

primary#e06d3c

primary-pressed#b8471f

moonlight#e8e4f0

ember#f4a261

verdant#6a9a7b

storm#4a5f7a

shadow-ambient#dbdde3

shadow-raised#b4b9c4

shadow-sheet#3d3d3d

glass-light#f4f6f9

glass-dark#2a3550

ink-on-dark-sky#fbf5ed

ink-on-fog#3a3450

cyan-flash#6fd2f7

Buttons

TypographyGoogle Font

Albert Sansbrand uses SF Pro Display

temperature-hero

72°

128px · 100 · -5.12px

display

Partly Cloudy, clearing by 6 PM

44px · 300 · -0.66px

title

A gentle breeze from the west. Sunset at 7:48 PM will paint Ocean Beach in amber and rose. Humidity dropping through the afternoon.

28px · 400 · -0.14px

subtitle

UV INDEX · WIND · HUMIDITY · SUNRISE

20px · 400 · -0.04px

body

A gentle breeze from the west. Sunset at 7:48 PM will paint Ocean Beach in amber and rose. Humidity dropping through the afternoon.

16px · 400 · 0px

IconsSolar

Set: Solar · brand-matched

Formfocus ring

you@company.com

Password

••••••••

Card · Shapes

Partly Cloudy, clearing by 6 PM

A gentle breeze from the west. Sunset at 7:48 PM will paint Ocean Beach in amber and rose. Humidity dropping through the…

Productivity

Elevation

RING

CARD

ELEVATED

Controls

Off

✓Checked

Unchecked

Selected

Option

Alerts

Heads up — a new version of the design system is available.

Saved. Your changes are live across all surfaces.

Some tokens are missing a contrast-safe pairing.

Couldn’t reach the server. Retry in a moment.

Badges

SolidSoftOutlineNewv2.0

FAQ

Partly Cloudy, clearing by 6 PM

A gentle breeze from the west. Sunset at 7:48 PM will paint Ocean Beach in amber and rose. Humidity dropping through the afternoon.

How does it integrate with my stack?

Is there a free tier?

Tabs

OverviewActivitySettings

DayWeekMonth

Stats

48.2k

Active users

+12.4%

$12.8k

MRR

+3.1%

99.9%

Uptime

−0.02%

Table

Member	Plan	Status
AQAvery Quinn	Pro	Active
JLJordan Lee	Team	Pending
SRSam Rivera	Free	Active

Avatars

AQJLSR+5

Avery Quinn

Online · Owner

Slider · Progress

Volume62%

Storage used78%

Tooltip · Popover

Brand-styled tooltipHover target

Navigation bar

Banner

Pricing

Pro

$24 /mo

Unlimited projects
Priority support
Custom domains

Stepper

CartDetails3Payment4Review

Breadcrumb

HomeProductivityMercury Weather

Toast

Changes savedUndo

You have 3 new updates

Activity

Avery created a new project

2h ago

Jordan left a comment

5h ago

Sam shipped v2.0

1d ago

Notifications

AQAvery Quinn invited you to Mercury Weather.

2 minutes ago

JLJordan Lee approved your design tokens.

1 hour ago

SRSam Rivera mentioned you in a thread.

Yesterday

Code

theme.ts

// Mercury Weather tokens
export const theme = {
  primary: "#e06d3c",
  radius: "16px",
}

Calendar

March 2026

SMTWTFS28291234567891011121314151617181920212223242526272829303112

No resultsTry adjusting your filters or search for something else.

Pagination

‹123…12›

Brand moment

Clear skies. Moon rises at 9:14 PM over the Pacific.

Mercury Weather · Productivity

Similar systems

Generated from shared tags, visual DNA, category, color, type, and radius.

Filter by this ↗

Not Boring Apps76%

shared styles: Gradient, Colorful, Tactile · same category: Productivity

Flighty66%

shared styles: Gradient, Tactile · same category: Productivity

ClickUp63%

shared styles: Gradient, Colorful · same category: Productivity

Superlist58%

shared styles: Colorful · same category: Productivity

Reflect57%

shared styles: Gradient · same category: Productivity

Calm57%

shared styles: Gradient · same category: Productivity