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

推广伙伴
整套应用

Trencher

12 屏 · 饮食与营养

A food diary that answers what fits, not just what you ate

Twelve screens of a nutrition tracker built around the question a food diary should answer at six in the evening, which is what you can still have, with every target, macro split, portion, remaining gram, weekly average and revised maintenance figure on every screen computed from one food table and one log rather than asserted beside them.

PRO

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

设计系统

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

颜色

palette
ground
#FFFFFF
raised
#F6F6F7
sunken
#EDEDEF
line
#E3E3E6
ink
#111113
inkMuted
#65656D
inkFaint
#8F8F97
accent
#0B5FBF
onAccent
#FFFFFF
macro
protein
#D94F3D
carbs
#2FA36B
fat
#E0A02E
over
#B3261E
neutral
#DCDCDF

尺度

radius
tile10
card16
sheet24
pill999
space
gutter20
gap12
row16
section28
text
display36
title20
body15
label12
micro10
字体
Inter,5 种字重

流程

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

The day

4

What has gone in so far. A day that adds up, a meal you can open to the gram, and a food panel that tells you what a portion actually is.

Making it fit

4

The half that decides whether anyone keeps using it. What still fits tonight, where the targets came from, and two fast ways to log.

Over time

4

The weeks behind the day. An average worth looking at, a weight trend that corrects the maths it was built on, and the foods you actually eat.

Trencher,一个 12 屏的应用 | Clevens