Nightjar

39 màn hình · Thiền và giấc ngủ

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

Design system và cả 39 màn hình trong một prompt. Mỗi màn hình cũng có trang riêng, miễn phí, nếu bạn chỉ cần một.

Design system

Một tệp, đi kèm bộ. Mỗi màn hình tự ghi các giá trị này bên trong nó để có thể tách ra dùng riêng, và bản build từ chối màn hình nào tô một màu mà tệp này không gọi tên.

Màu

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

Thang

Kiểu chữ

Inter, 7 độ đậm

Mạch dùng

Theo thứ tự người ta gặp chúng. Đây là trình tự của chính ứng dụng, không phải một danh sách danh mục.

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.