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

Affiliés

Alabaster Jade

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#FBFFFC
Surface#F3F7F4
Creusé#EEF2EF
Surélevé#E8ECE9
Filet#E1E5E2
Encre#0D120F
Atténué#606662
Ténu#8C938E
Accent#008523
Sur accent#FFFFFF
Sur encre#FBFFFC

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.

#004E64
#009DC7
#44A576
#25A18E

Contraste mesuré

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