Surf UI

A wall of interface explorations for Surf — screens, states and experiments straight from the design files.

Night shift first. Scroll on for daylight.

41 dark · 38 light

landing — dark mode

Content — dark mode

Login — dark mode

News Detail — dark mode

tab1 — dark mode

home — dark mode

RedeemCode - Pro — dark mode

Research-2 — dark mode

Refer — dark mode

News 2 — dark mode

Waves — dark mode

New-1 — dark mode

home-1 — dark mode

Thinking - acting — dark mode

Token Radar — dark mode

Cryptopedia — dark mode

Desktop - 63 — dark mode

Search — dark mode

Research-1 — dark mode

API 看板 - 空状态 — dark mode

Desktop - 13 — dark mode

TGE — dark mode

Desktop - 26 — dark mode

OG for website — dark mode

home-3 — dark mode

New — dark mode

Desktop — dark mode

Annual — dark mode

Project Page — dark mode

Research — dark mode

Landing 2 — dark mode

Onboarding — dark mode

Social Traction — dark mode

Thinking - all done — dark mode

Deep Research — dark mode

tab3 — dark mode

MacBook Pro 16 - 4 — dark mode

News — dark mode

Desktop - 22 — dark mode

Executor — dark mode

home-2 — dark mode

Daylight

The same product, sunny side up.

Home — light mode

Desktop - 21 — light mode

Content — light mode

Search — light mode

Project detail — light mode

Cryptopedia 2 — light mode

thinking — light mode

Project detail chart hover — light mode

API dashboard — light mode

Desktop - 85 — light mode

News — light mode

Cryptopedia 1 — light mode

Research — light mode

Discover 2 — light mode

Pricing2 — light mode

Home4 — light mode

Desktop - 37 — light mode

Project detail-1 — light mode

Login — light mode

Desktop - 55 — light mode

Desktop - 49 — light mode

Home 2 — light mode

Refer — light mode

Waves — light mode

Wallet — light mode

Home3 — light mode

Desktop - 27 — light mode

Token Radar — light mode

Login 2 — light mode

Desktop - 28 — light mode

answer — light mode

News Detail — light mode

Home 3 — light mode

Chart — light mode

Search-1 — light mode

Pricing — light mode

Discover — light mode

renew — light mode