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

Affiliés

Paper Fern

Un système clair. Le fond et ses surfaces sont un même neutre échelonné en luminosité, pour que la page ne devienne jamais une seule teinte en neuf clartés, et l'accent porte une vraie chroma pour pouvoir dire quelque chose quand il apparaît.

Rôles

Fond#FCFEFF
Surface#F4F6F9
Creusé#EFF1F4
Surélevé#E9EBEE
Filet#E2E4E7
Encre#0E1115
Atténué#61656B
Ténu#8D9197
Accent#637700
Sur accent#FFFFFF
Sur encre#FCFEFF

Couleurs de données

Ce qui reste une fois les rôles remplis, gardé à pleine chroma. Une série de graphique n'est pas du chrome : elle garde sa propre couleur à travers un changement de thème, et voici celles qui sont déjà prises.

#05668D
#427AA1
#679436
#809600

Contraste mesuré

Encre
18.7:1
Atténué
5.8:1
Ténu
3.1:1
Accent
5.0:1
Sur accent
5.0:1