바로 사용 가능한 React Native 모바일 앱 화면 1500+개

제휴
앱 세트

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