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.