023Kind Weather

Mobile app style · also good for website, report

Every topic lives in its own soft colour field; facts are said kindly, bold first and grey after, with orange for 'done'.

Use it: tell your agent

make my mobile app in 023
Style 023, Kind Weather: phone screens preview
Phone screens

The signature

Each topic gets one saturated but warm colour field with 30px corners (coral for today's money, sky for the month, plum for the weekly chart), set on a pale #F2F2F7 page with white grouped lists. The voice is gentle: a bold lead word, then the rest in a softer tone. Progress is drawn round and soft (rings, arched bars), and the one 'well done' colour is ember orange.

Credit

After Gentler Streak (gentler.app), Apple Design Award winner (as shown on its site). Visit gentler.app

The preview is our own re-making in free fonts, with our own sample content. Nothing from the source is shown here.

Palette

  • page#F2F2F7
  • card#FFFFFF
  • ink#000000
  • softrgba(0,0,0,0.6)
  • coral#CE453A
  • sky#4976B7
  • plum#1E000D
  • blush#F6C5C8
  • ember#FD6217
  • ember-text#BA4514

Fonts

  • DisplayInter600, 700
  • TextInter500, 600

Sign in to see the full guide

The guide is the whole recipe for Kind Weather: type sizes, colour roles, spacing, layout, components, and the rules your agent must never break. It is free with a DevThrottle account.

Sign inCreate a free account