Couleurs

Notre palette principale constitue l'essentiel de notre création et doit représenter les teintes les plus fortes de toutes les pièces.

Pour plus de flexibilité, les 3 palettes de couleurs principales sont disponibles en différentes valeurs de teintes. Ne pas teinter ou ajouter de la transparence et utiliser les nuances telles quelles.

Pour accentuer notre palette principale, nous disposons également d'un ensemble de palettes électriques pour communiquer le mouvement et attirer l'attention sur des zones spécifiques. Les couleurs d'accent ne doivent jamais être utilisées comme de grandes touches de couleur et doivent représenter moins de 5 % de la mise en page.

La sélection minutieuse des couleurs et de leur contexte est essentielle pour façonner la narration créative, évoquer des émotions et assurer l'harmonie visuelle entre les éléments de la conception. Utilisez la couleur des caractères pour créer une expérience de lecture confortable et utilisez la couleur pour évoquer l'action. N'utilisez jamais une couleur d'action comme titre. Réservez le bleu à l'action et aux liens et évitez de l'utiliser pour les caractères statiques. Veillez à consulter les lignes directrices en matière d'accessibilité pour connaître les exigences en matière de contraste des caractères.

Les dégradés donnent une impression de profondeur et aident à communiquer la stratification au sein de la composition. Ils peuvent également être utilisés pour nuancer les couleurs et les zones de typographie. Les couleurs dégradées permettent d'attirer l'œil du spectateur dans une direction donnée à travers le contenu.

Lorsque vous créez des dégradés, essayez de garder l'effet subtil et utilisez une palette en sautant une étape de couleur dans un groupe de nuances pour la définition. Le mélange de groupes de couleurs peut être un moyen d'apporter une couleur dynamique à une pièce. Évitez d'utiliser des dégradés lourds comme de grandes taches de couleur sur une pièce.

Pour créer notre effet électrique, suivez les instructions ci-dessous afin d'obtenir un aspect cohérent entre les différentes expériences.

Utilisez les nuances d'un groupe de couleurs et construisez votre groupe d'icônes comme indiqué ci-dessous. Des techniques similaires peuvent être utilisées pour d'autres formes d'illustration, comme les lignes ou les bordures. La taille et l'opacité des lueurs et des points lumineux devront être adaptées au graphique ou au texte pour que l'effet soit subtil et net.

Pour les caractères, les mêmes combinaisons de couleurs peuvent être utilisées, mais il faut faire attention à l'accessibilité. Évitez d'utiliser cette technique sur des caractères gras de grande taille ou sur des caractères minuscules. Ajustez les spots optionnels pour qu'ils s'adaptent au bloc de texte.

Les spécifications indiquées sont celles de Figma. Des ajustements devront être apportés pour qu'elles correspondent visuellement à nos applications.