Paleta de colores ECC
Usos del color
El color es un medio de comunicación visual eficaz, potente y reconocible al instante. Para transmitir la personalidad y los valores de la marca, existe una sofisticada paleta de colores.
Núcleo
Esta paleta de colores se ha creado para reflejar el espíritu de nuestra marca CEC.
- Azul oscuro
- PMS 2955
- #003a69
- ECC Azul
- PMS 301
- #005195
- Blanco
- #ffffff
Monocromático - ECC Oro
Para el 75º Aniversario se utiliza el dorado ECC (PMS 4515 | #b7a66d) en lugar del gris
- 70% Oro (bordes)
- #ccc199 - $gray-101
- rgba(183, 166, 109, 0.7)
- 30% Oro
- #e9e4d3v - $gray-301
- rgba(183, 166, 109, 0.3)
- 10% Oro
- #f8f6f0 - $gray-501
- rgba(183, 166, 109, 0.1)
Sombras
- ECC Azul (+10% blanco)
- PMS 301
- #1A62A0
- ECC Azul (+20% blanco)
- PMS 301
- #3374AA
- ECC Azul (+30% blanco)
- PMS
- #4D85B5
Tintes
Volveremos al gris cuando termine el 75 aniversario, en 2025.
- ECC Azul (+10% negro)
- PMS 301
- #004986
- ECC Azul (+20% negro)
- PMS 301
- #004177
- ECC Azul (+30% negro)
- PMS 301
- #003968
- Azul claro (+10% negro)
- PMS 306
- #00a5cd
- Azul claro (+20% negro)
- PMS 306
- #0093b6
- Azul claro (+30% negro)
- PMS 306
- #00809f
- Verde claro (+10% negro)
- PMS 376
- #6ba500
- Verde claro (+20% negro)
- PMS 376
- #5f9300
- Verde claro (+30% negro)
- PMS 376
- #538000
Colores de fondo
Sólido
class="bg-7f1399"
class="bg-77b800"
class="bg-005c56"
class="bg-005195"
class="bg-003a69"
class="bg-dee1e3"
class="bg-blanco"
Transparente
class="bg-t-7f1399" (93%)
class="bg-t-77b800" (95%)
class="bg-t-005c56" (93%)
class="bg-t-005195" (93%)
class="bg-t-003a69" (93%)
class="bg-t-dee1e3" (95%)
class="bg-t-white" (93%)
Solid background: <div
class=
"bg-(hex-value)"
>
</div>
Transparent background: <div
class=
"bg-t-(hex-value)"
>
</div>
Colores del texto
e-00b8e4
e-0086c5
e-003a69
e-77b800
e-007e66
e-005c56
e-fed900
e-edb700
e-f4aa00
e-ff7900
e-e55302
e-dc291e
e-be0f34
e-9c3c25
e-901c3b
e-b70b9b
e-7f1399
e-4b116f
e-b7a66d
e-766a63
e-a3abaf
e-f1f2f3
e-dee1ef
<p
class=
"e-(hex-value)"
>
</p>
Avisos en todo el sitio
Existen dos opciones de estilo cuando se utiliza el tipo de contenido Site wide notice - temp.
Tipo de anuncio - Info
Tipo de anuncio - Anuncio