Tidewell design system

Three screens, one system

The same Overview screen, drawn once and set in light and dark on desktop, tablet and phone.

LightDark

Light theme

Warm paper, teal accent

tidewell.example/overview

Good morning, Maya

Monday 19 October

Available this month

$4,286.50

+ $312 saved vs. last month

12 of 15bills paid
$312saved

Upcoming bills See all

  • Northline PowerDue 24 Oct$82.40
  • Brightwave InternetDue 27 Oct$45.00
  • City WaterDue 30 Oct$38.15
Desktop 1280 px

Tidewell

MR

Good morning, Maya

Available this month

$4,286.50

+ $312 saved vs. last month

12 of 15bills paid
$312saved

Upcoming bills See all

  • Northline PowerDue 24 Oct$82.40
  • Brightwave InternetDue 27 Oct$45.00
  • City WaterDue 30 Oct$38.15
Tablet 820 px

9:41

Tidewell

Good morning, Maya

Available this month

$4,286.50

+ $312 saved vs. last month

12 of 15bills paid
$312saved

Upcoming bills See all

  • Northline PowerDue 24 Oct$82.40
  • Brightwave InternetDue 27 Oct$45.00
Phone 390 px

Dark theme

Same tokens, inverted surfaces

tidewell.example/overview

Good morning, Maya

Monday 19 October

Available this month

$4,286.50

+ $312 saved vs. last month

12 of 15bills paid
$312saved

Upcoming bills See all

  • Northline PowerDue 24 Oct$82.40Paid
  • Brightwave InternetDue 27 Oct$45.00
  • City WaterDue 30 Oct$38.15
Desktop 1280 px

Tidewell

MR

Good morning, Maya

Available this month

$4,286.50

+ $312 saved vs. last month

12 of 15bills paid
$312saved

Upcoming bills See all

  • Northline PowerDue 24 Oct$82.40Paid
  • Brightwave InternetDue 27 Oct$45.00
  • City WaterDue 30 Oct$38.15
Tablet 820 px

9:41

Tidewell

Good morning, Maya

Available this month

$4,286.50

+ $312 saved vs. last month

12 of 15bills paid
$312saved

Upcoming bills See all

  • Northline PowerDue 24 Oct$82.40Paid
  • Brightwave InternetDue 27 Oct$45.00
Phone 390 px