Couleurs
Les couleurs forment la base de l'identité visuelle de l'application. Elles sont utilisées pour donner une identité visuelle à l'application et pour faciliter la lecture des utilisateurs.
Les couleurs de la marque
Couleurs principales
Les couleurs principales sont utilisées pour les éléments visuels importants de l'identité de marque. Elles sont utilisées pour les éléments visuels importants de l'application et de communication.
Vert Papillon
#2A937A
Vert secondaire
#32AB8E
Couleurs secondaires
Les couleurs secondaires sont utilisées pour identifier et démarquer des élements précis de l'interface utilisateur ou de la communication, afin de créer des variations.
Indigo
#565EA3
Minuit
#2E4277
Moutarde
#B18619
Bordeaux
#B42828
Corail
#A84700
Bleu
#0065A8
Cyan
#77FFFF
Néon
#0DFF8B
Jaune
#FDC500
Calques de transparences
Les calques de transparence sont utilisés pour une monochromie des couleurs. Ils sont utilisés sur quelques supports.
"Le 10%"
#FFFFFF10
"Le 50%"
#FFFFF50
Utilisations des couleurs
Utilisations des couleurs par rapport au support
Papillon a deux moyens d'utilisés les couleurs et calques, nous faisons la différence entre communication publique & ouverte, et la communication officielle & privée. Cela se fait par l'utilisation des couleurs secondaires ou des calques de transparence.
Thème clair
Fond primaire
#FFFFFF
UIColors.background
Fond secondaire
#F3F2F8
UIColors.modalBackground
Thème sombre
Fond primaire
#0B0B0C
UIColors.background
Fond secondaire
#161618
UIColors.modalBackground
Thème Full Black
Utilisations du thème Full Black
Le thème Full Black est très peu utilisé pour Papillon, il est présent pour widget les modes nuits sur iPhone. En Aucun cas il doit être utilisé pour designer une interface. Ce thème a uniquement pour but les widgets, le Standby Mode et l'utilisation dans de très rare cas de prototype hors iPhone.
Fond primaire
#000000
Couleur secondaire
#F00304