Gói
Mooring
51 màn hình · Ô tô và bảo dưỡngEV charging that answers where, how long and how much
Fifty-one screens of an EV charging app for London, on a real dark map in lime: home asks to 80% and ranks three chargers with the time and the cost, search and filters, a station with its bays live, choosing a bay, plugging in and authorising, the live session drawn against the car's own charging curve, stopping, the receipt and a check-in, monthly spend, a trip to Exeter routed with its charging stop, the car and its limit, saved chargers, payment, Mooring+, settings and the states a charger really hits.
PRO
Design system và cả 51 màn hình trong một prompt. Mỗi màn hình cũng có trang riêng, miễn phí, nếu bạn chỉ cần một.
Design system
Một tệp, đi kèm bộ. Mỗi màn hình tự ghi các giá trị này bên trong nó để có thể tách ra dùng riêng, và bản build từ chối màn hình nào tô một màu mà tệp này không gọi tên.
Màu
palette
ground
#09080C
scrim
#040305
surface
#18171B
raised
#252429
raisedHigh
#3A3A3E
line
#323135
lineStrong
#47474A
deep
#141317
photoBlack
#000000
ink
#FAF9FF
white
#FFFFFF
muted
#A3A2A9
lime
#CCFF33
onLime
#0B0B0C
limeShade
#1E1A00
switchOn
#30D158
switchOff
#39393D
charge
#30D158
curve
#BF5AF2
limit
#FF9F0A
fault
#FF453A
cyan
#64D2FF
kestrel
#14284B
kestrelLight
#7FB2FF
fernway
#0F6B4F
pylo
#121212
pyloDot
#3DE0C0
lumen
#0B6FA6
lumenDot
#7FE3FF
halo
#E8562A
wattle
#F5C400
mapLabel
#E1E5E5
visa
#1434CB
mastercardRed
#E52621
googleBg
#131314
googleStroke
#8E918F
googleInk
#E3E3E3
Thang
Kiểu chữ
Inter, 4 độ đậm
Mạch dùng
Theo thứ tự người ta gặp chúng. Đây là trình tự của chính ứng dụng, không phải một danh sách danh mục.
First run
9Welcome, three slides of the real product, the car, charging speed, home charging, two permission primes.
Account setup
4Email first, then Apple and Google, the code, ready.
Map
7To 80% ranked on the map, search, filters, results, a station, its photos, directions.
Charge
9Choose a bay, plug in, authorising, starting, the live session, home while charging, stop, complete, check in.
Charging
2Monthly spend and every session, a receipt.
Trips
4Trips, a routed plan with its charging stop, the stop, trip options.
Account
10Profile, the car and its limit, saved chargers, payment, inbox, settings, Mooring+, deleting the account.
States
6Loading, offline, a charger fault, a declined card, no bays free, no results.
