Bundles
Nightjar
39 screens · Meditation and sleepSleep, measured quietly by the phone on the mattress
Thirty-nine screens of a sleep app in the Nocturne direction, every figure computed from one sleeper's nights: a minute-by-minute hypnogram drawn as a real step chart, thirty nights of history and trends, what late coffee or a workout did to her sleep, a smart alarm that waits for light sleep, wind-down sounds and stories over real night photography, and the states a phone on a mattress actually hits.
PRO
The design system and all 39 screens in one prompt. Each screen is also on its own page, free, if you only want one.
Design system
One file, shipped with the set. Every screen declares these values inline so it can be lifted out on its own, and the build refuses a screen that paints a colour this file does not name.
Colours
palette
ground
#060A0B
dawnGround
#13160F
surface
#14191A
keyboard
#1A1E1F
raised
#1A1F21
grid
#1D2324
bandTrends
#1F2729
chip
#212628
bandWindow
#262D2F
line
#2D3334
track
#2E3638
keyDark
#343B3D
Scales
Typeface
Inter, 7 weights
The flow
In the order somebody meets them. This is the app's own sequence, not a list of categories.
First run
11A night photograph as the welcome, three slides that show a real night, the alarm as it rings and her own mix, three questions that build her plan, and the permissions asked with the real thing behind each.
