Nightjar

39 屏 · 冥想与睡眠

Sleep, 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

设计系统加上全部 39 屏，一条提示词全带走。如果只要其中一屏，每一屏也都有自己的免费页面。

设计系统

随套装附带的一个文件。每一屏都把这些数值写在自己里面，好让它能被单独取走；构建会拒绝任何画出这个文件未命名颜色的屏幕。

颜色

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

onPaleMuted

#3B4245

short

#3E4648

key

#43494B

step

#454D4F

bandEdge

#4A5355

faint

#5C6466

muted

#737A7D

window

#7E878A

clock

#8C9497

inkMuted

#9DA4A8

goal

#B5BCBF

quiet

#C9D0D3

soft

#DDE3E5

night

#E4EBEE

ink

#F4FCFF

white

#FFFFFF

accent

#D0424D

danger

#FF453A

deep

#227C9D

rem

#FFCB77

light

#17C3B2

awake

#FEF9EF

appleInk

#000000

googleInk

#1F1F1F

googleLine

#747775

googleBlue

#4285F4

googleRed

#EA4335

googleYellow

#FBBC05

googleGreen

#34A853

尺度

字体

Inter，7 种字重

流程

按人们遇到它们的先后排列。这是应用自身的顺序，不是一份分类清单。

First run

A 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.