Illustrated Appv2.1
Bright and friendly, with custom illustration doing most of the work while the UI stays clean and confident. It should look like a polished app showcase shot that actually works: big bold type, a full-bleed illustrated scene with a real phone UI placed inside it, and soft pastel color blocks.
Tokens
sky#5B9BFF
primary brand color, hero sky, links, active states
sky-50#EAF3FF
tinted card background
leaf#4CB963
growth, success, progress
leaf-50#EAF8EE
tinted card background
sun#FFC94D
highlight pills, badges, sparkles
sun-50#FFF6DC
tinted card background
clay#F08A5D
warm accent, one highlight per screen
clay-50#FDEDE5
tinted card background
sky-600#2F6BDB
colored panels that carry white text (white on it = 4.9:1)
leaf-600#26773B
leaf panels that carry white text
clay-600#B84E25
clay panels that carry white text
ink#14161A
headlines, primary buttons
ink-soft#5B6170
body and secondary text
line#E7E9EE
hairlines, outlines
canvas#F7F8FA
page background between sections
white#FFFFFF
cards, sheets
References
The moodboard the style was derived from.
