1500+ écrans d'app mobile React Native prêts à l'emploi

Affiliés
Ensembles d’apps

Eider

12 écrans · Santé et médical

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

Le design system et les 12 écrans dans un seul prompt. Chaque écran a aussi sa propre page, gratuite, si vous n’en voulez qu’un.

Design system

Un fichier, livré avec l’ensemble. Chaque écran déclare ces valeurs en dur pour pouvoir être extrait seul, et la compilation refuse un écran qui peint une couleur que ce fichier ne nomme pas.

Couleurs

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

Échelles

space
gutter20
xs4
sm8
md12
lg16
xl24
xxl32
radius
sm8
md12
lg16
control14
pill999
insetFloor
top12
bottom16
Typographie
Inter, 4 graisses

Le parcours

Dans l’ordre où on les rencontre. C’est la séquence de l’app elle-même, pas une liste de catégories.

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, une app de 12 écrans | Clevens