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

推广伙伴
整套应用

Collar

8 屏 · 宠物

One dog, looked after properly

Eight screens of a dog care app built on two stored things, a weight history and the breed's healthy range, with the daily ration in grams, every dose band, the trend, and the share of a vet bill the excess eats all worked out from those rather than typed in beside them.

PRO

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

设计系统

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

颜色

palette
ground
#FFFFFF
surface
#F5F5F7
sunken
#EBEBEF
line
#E3E3E8
ink
#17171A
inkMuted
#5C5C66
inkFaint
#8E8E99
accent
#DB2777
onAccent
#FFFFFF
accentDeep
#BE185D
state
good
#18794E
alert
#C81E1E
chart
series
#2563EB
band
#E7F3EB
bandEdge
#9CCFB0
insurer
#2563EB
excess
#7C3AED
share
#A78BFA

尺度

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

流程

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

Today

3

The daily loop. What she eats, what she takes, and what actually happened, with the ration and every dose read off her last weigh-in.

The dog herself

2

The record everything else is computed from: who she is, and nine months of weight against the range her breed is supposed to sit in.

At the vet

3

Appointments past and next, one visit broken down to the line, and booking the next one against a real diary.

Collar,一个 8 屏的应用 | Clevens