1500+ 件のすぐ使える React Native モバイルアプリ画面

アフィリエイト
アプリセット

Billfold

12画面 · ウォレット・カード

A wallet where the cards are the only colour

Twelve screens of a digital wallet built the way a real one works, a stack of objects that already have identities on a page that has none, with every balance, points total, expiry countdown, spend limit and pass validity on every screen derived from the card or the ticket rather than asserted beside it.

PRO

デザインシステムと12画面すべてをひとつのプロンプトに。1画面だけでよければ、各画面にも無料の個別ページがあります。

デザインシステム

セットに付属する1ファイルです。各画面は単体で取り出せるようにこれらの値を自分の中に書き出しており、このファイルに名前のない色を塗る画面はビルドが弾きます。

カラー

palette
ground
#121212
raised
#1C1C1C
sunken
#262626
line
#333333
ink
#FFFFFF
inkMuted
#A0A0A0
inkFaint
#6A6A6A
accent
#2ECFA0
onAccent
#06231A
data
cardRed
#C4362C
cardBlue
#2F6BFF
cardGold
#C9922E
cardGraphite
#4A4A4A
expiring
#FF5A4D
neutral
#3A3A3A

スケール

radius
tile10
card14
sheet22
pill999
space
gutter20
gap12
row16
section28
text
display32
title20
body15
label12
micro10
書体
Inter、5ウェイト

流れ

人が出会う順に並べています。カテゴリーの一覧ではなく、アプリ自身の順序です。

The wallet

4

The stack itself. Cards keep their own identity, the page keeps none, and paying is one screen rather than four.

Passes and tickets

4

The half of a wallet that expires. Boarding passes, event tickets and loyalty, each with a real validity window rather than a picture of a barcode.

Control

4

What the wallet has done and who is allowed to use it. Activity across every card, limits that bite, and the security behind the lot.

Billfold、12画面のアプリ | Clevens