Visual System — Colours

Culoarea organizează. Nu decorează.

Albul și neutrele domină. Movul structurează, lavanda susține, iar CPES Orange punctează intenționat și rar.

#474593

Alumnii Purple

Identitate și structură

#8186CC

Alumnii Lavender

Suport și variație

#EC950A

CPES Orange

Accent și continuitate CPES

#292A3A

Ink

Text principal

#6B6D7A

Secondary text

Text secundar

#D9DAE5

Border / divider

Separare discretă

#F4F4FA

Soft Lavender

Fundaluri și carduri

#FFFFFF

White

Spațiu și claritate

Ierarhie

Cine conduce, cine susține, cine punctează.

Ierarhia de utilizare într-un layout tipic
CuloareRolPondere orientativăNu se folosește pentru
White + neutreSuprafață dominantă60–75%
Alumnii PurpleStructură, titluri, bare de secțiune, butoane15–25%Fundal pe pagini întregi de text
Alumnii LavenderSuprafețe secundare, elemente de sprijin5–15%Text lung pe alb
CPES OrangeAccent, un singur punct de atențiesub 5%Text lung, fundaluri mari, stare de eroare

Contrast

Contrastul este o regulă, nu o impresie vizuală.

Valorile de mai jos sunt calculate pentru perechile oficiale de culoare. Pentru text curent urmărim minimum 4,5:1; pentru text mare minimum 3:1.

Perechi de contrast din paleta oficială
CombinațieRaport aproximativVerdict
Ink #292A3A pe White #FFFFFF14,13:1Recomandat — AAA
White #FFFFFF pe Alumnii Purple #4745938,27:1Recomandat — AAA
Alumnii Purple #474593 pe White #FFFFFF8,27:1Recomandat — AAA
Ink #292A3A pe Soft Lavender #F4F4FA12,89:1Recomandat — AAA
Ink #292A3A pe CPES Orange #EC950A5,97:1Recomandat — AA
Alumnii Lavender #8186CC pe White #FFFFFF3,38:1Nu pentru text curent
CPES Orange #EC950A pe White #FFFFFF2,37:1De evitat pentru text
White #FFFFFF pe CPES Orange #EC950A2,37:1De evitat pentru text

Exemple

Corect și greșit, unul lângă altul.

CorectPurple dominantStructură clară, text alb, un singur accent.
CorectLavender ca suportSuprafață secundară pentru diferențiere, nu pentru text lung.
CorectOrange ca accentMaximum un element de accent per compoziție.
GreșitOrange dominantPortocaliul nu devine fundal principal și nu poartă text lung.
GreșitPaletă rainbowCulorile în afara paletei rup recunoașterea.
GreșitGradient ca stilGradientele nu fac parte din limbajul de brand.