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

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

Eider

12画面 · 健康・医療

A sleep app that shows its working

Twelve screens of a sleep app built on two stored numbers, a nightly need and fourteen nights, with every bedtime, alarm window, score and trend on every screen derived from those rather than asserted beside them.

PRO

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

デザインシステム

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

カラー

palette
ground
#000000
raised
#121214
sunken
#1D1D21
line
#2B2B31
ink
#FFFFFF
inkMuted
#A2A2AA
inkFaint
#6B6B74
accent
#00F19F
onAccent
#000000
stages
awake
#FF5C4D
rem
#B084FF
light
#4C9AFF
deep
#1F4FD8

スケール

space
gutter20
xs4
sm8
md12
lg16
xl24
xxl32
radius
sm8
md12
lg16
control14
pill999
insetFloor
top12
bottom16
書体
Inter、4ウェイト

流れ

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

Setting up

3

Three screens to get one number, the amount of sleep this person actually needs, without asking for an account first.

Going to bed

4

The evening half of the app. Everything here answers one question, which is what time to put the phone down tonight.

Waking up

2

What the night actually was, and the arithmetic behind the number rather than the number on its own.

Keeping it up

3

The long view, the upgrade, and the settings that change what every other screen says.

Eider、12画面のアプリ | Clevens