1500+ 个现成的 React Native 移动应用界面

推广伙伴
整套应用

Eider

12 屏 · 健康与医疗

A sleep app that shows its working

Twelve screens of a sleep app built on two stored numbers, a nightly need and fourteen nights, with every bedtime, alarm window, score and trend on every screen derived from those rather than asserted beside them.

PRO

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

设计系统

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

颜色

palette
ground
#000000
raised
#121214
sunken
#1D1D21
line
#2B2B31
ink
#FFFFFF
inkMuted
#A2A2AA
inkFaint
#6B6B74
accent
#00F19F
onAccent
#000000
stages
awake
#FF5C4D
rem
#B084FF
light
#4C9AFF
deep
#1F4FD8

尺度

space
gutter20
xs4
sm8
md12
lg16
xl24
xxl32
radius
sm8
md12
lg16
control14
pill999
insetFloor
top12
bottom16
字体
Inter,4 种字重

流程

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

Setting up

3

Three screens to get one number, the amount of sleep this person actually needs, without asking for an account first.

Going to bed

4

The evening half of the app. Everything here answers one question, which is what time to put the phone down tonight.

Waking up

2

What the night actually was, and the arithmetic behind the number rather than the number on its own.

Keeping it up

3

The long view, the upgrade, and the settings that change what every other screen says.

Eider,一个 12 屏的应用 | Clevens