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画面すべてをひとつのプロンプトに。1画面だけでよければ、各画面にも無料の個別ページがあります。

デザインシステム

セットに付属する1ファイルです。各画面は単体で取り出せるようにこれらの値を自分の中に書き出しており、このファイルに名前のない色を塗る画面はビルドが弾きます。

カラー

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.