1500+ fertige mobile React Native App-Screens

Partner

Quartz Indigo

Dieses System ist hell. Der Grund und seine Flächen sind ein Neutral in Helligkeitsstufen, damit die Seite nie zu einem Farbton in neun Helligkeiten wird, und der Akzent trägt echte Chroma, damit er etwas bedeuten kann, wenn er auftaucht.

Rollen

Grund#FCFDFF
Fläche#F4F6F8
Vertieft#F0F1F4
Erhöht#EAEBEE
Haarlinie#E2E4E6
Tinte#0F1015
Gedämpft#62656A
Blass#8E9197
Akzent#00187A
Auf Akzent#FFFFFF
Auf Tinte#FCFDFF

Datenfarben

Übrig, nachdem die Rollen besetzt waren, und bei voller Chroma gehalten. Eine Diagrammreihe ist kein Chrom: Sie behält ihre eigene Farbe durch einen Themenwechsel, und das hier sind die vergebenen.

#3F004D
#350455
#2A085C
#200C64

Gemessener Kontrast

Tinte
18.7:1
Gedämpft
5.8:1
Blass
3.1:1
Akzent
14.6:1
Auf Akzent
14.9:1