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

推广伙伴
整套应用

Magneto

12 屏 · 汽车与养护

An electric car, and the arithmetic of living with one

Twelve screens of an electric vehicle companion app built on the two numbers that actually govern the thing, the energy in the battery and the miles it buys, with every range figure, charge time, tariff and session cost on every screen derived from those rather than asserted beside them.

PRO

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

设计系统

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

颜色

palette
ground
#0D0D0D
raised
#171717
sunken
#202020
line
#2E2E2E
ink
#FFFFFF
inkMuted
#9E9E9E
inkFaint
#6A6A6A
accent
#F56300
onAccent
#1A0A00
data
charge
#22C55E
low
#FF4D4D
neutral
#333333

尺度

radius
tile10
card14
sheet22
pill999
space
gutter20
gap12
row16
section28
text
display34
title21
body15
label12
micro10
字体
Inter,5 种字重

流程

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

The car

4

What the car is doing right now. State of charge, the session running on it, the cabin, and what the battery is actually buying in miles.

Going somewhere

4

A long trip is the one thing an electric car makes you think about. Four screens that turn a distance into a route with stops on it.

Living with it

4

The parts that repeat. What charging has cost, when it should happen, what the car needs looking at, and who is allowed to drive it.

Magneto,一个 12 屏的应用 | Clevens