NOTRE IDENTITÉ

BRANDING

Éléments officiels de la marque WPCRONO que vous pouvez utiliser sur votre site Web.

Lignes directrices de la marque

Utilisez nos graphiques pour promouvoir wpcrono

Ne modifiez ni nos logos ni les autres éléments graphiques de wpcrono.

N’utilisez pas nos logos pour votre propre identité ou votre marque.

Logos et icônes officiels

Tous ces fichiers sont au format PNG, avec des arrière-plans transparents. Vous pouvez également télécharger les logos au format vectoriel ci-dessous.

Couleurs officielles

Notre palette de couleurs a été crée en appliquant la règle d’harmonie chromatique de https://coolors.co/ puis déclinée pour ajouter des tons.

En pratique, « nous avons besoin de plus couleurs que ce que nous pensons. »

« Refactoring UI » de Adam Wathan et Steve Schoger

Le framework ACSS offre une solution solide à la systématisation des éléments visuels.

#003E6B

Couleur primaire 1

var(–primary-1)

#F7C948

Couleur primaire 2

var(–primary-yellow-1)

#38BEC9

Couleur accent 1

var(–supporting-1)

#D64545

Couleur accent 2

var(–supporting-red-1)

Couleurs neutres

#102A43

var(–neutral-1)

#243B53

var(–neutral-2)

#334E68

var(–neutral-3)

#486581

var(–neutral-4)

#627D98

var(–neutral-5)

#829AB1

var(–neutral-6)

#9FB3C8

var(–neutral-7)

#BCCCDC

var(–neutral-8)

#D9E2EC

var(–neutral-9)

#F0F4F8

var(–neutral-10)

Couleurs primaire 1

#003E6B

var(–neutral-1)

#0A558C

var(–neutral-2)

#0F609B

var(–neutral-3)

#186FAF

var(–neutral-4)

#2680C2

var(–neutral-5)

#4098D7

var(–neutral-6)

#62B0E8

var(–neutral-7)

#84C5F4

var(–neutral-8)

#B6E0FE

var(–neutral-9)

#DCEEFB

var(–neutral-10)

Couleurs primaire 2

#F7C948

var(–primary-yellow-1)

#FADB5F

var(–primary-yellow-2)

#FCE588

var(–primary-yellow-3)

#FFF3C4

var(–primary-yellow-4)

#FFFBEA

var(–primary-yellow-5)

Couleurs d’accentuation 1

#38BEC9

var(–supporting-1)

#54D1DB

var(–supporting-2)

#87EAF2

var(–supporting-3)

#BEF8FD

var(–supporting-4)

#E0FCFF

var(–supporting-5)

Couleurs d’accentuation 2

#D64545

var(–supporting-red-1)

#E66A6A

var(–supporting-red-2)

#F29B9B

var(–supporting-red-3)

#FACDCD

var(–supporting-red-4)

#FFEEEE

var(–supporting-red-5)

àÀéÉç
âèÈ
ê