Elementos básicos de identificación.
Dos colores que contrastan.
Usar una marca parece algo sencillo, y sin embargo se transforma en una tarea muy delicada: su uso correcto influye decisivamente en el carácter y el estilo que el emprendimiento proyecta.
Acá están los elementos básicos: la marca, los colores, la tipografía y cómo se usan.
- Manual
- EBI, 2021
- Tipografía
- Centra Nº2, Sharp Type
- Colores
- Borgoña y Naranja
- Grupo
- Quantik
Logo
El logotipo es la dimensión visual del nombre de la marca. El iso es el cuadrado quebrado a la izquierda.
Lockups
Naranja, sobre papelLa versión principal. Sobre blanco y sobre grises del 0 al 50 por ciento. Blanco, sobre fondo oscuroSobre grises del 50 al 100 por ciento, sobre color institucional y sobre imágenes oscuras. BorgoñaPara cuando el fondo es naranja, o cuando el naranja no separa lo suficiente. 
Con QuantikEl lockup del grupo: isbel con Quantik debajo, alineado a la derecha del logotipo.
Clear space
El módulo es el cuadrado del iso. A partir de él se calcula el marco libre de protección en los cuatro lados. Tamaño mínimo de impresión: 12 mm de base.
- Clear space
- 1 × the height of the mark, all four sides
- Measured from
- The height of the supplied file. A bitmap carries no cap height, so nothing inside the letterforms is measured here.
- At a 64px-tall mark
- 64 px on every side
Misuse
No usar el naranja para texto corrido.
Sobre papel mide 3,53:1. Sirve para títulos grandes, relleno y el logotipo, no para leer.
No colocar ningún elemento dentro del espacio libre.
El marco de protección existe para mantener la integridad visual de la marca.
No cambiar el color del iso por separado del texto.
El iso y la palabra son una sola pieza y comparten color.
No imprimir por debajo de 12 mm de base.
Por debajo, el quiebre del iso se cierra.
Colour
La paleta se conforma de dos colores contrastantes: Borgoña y Naranja.
Paleta primaria
Borgoña
Role: accent
Pantone 7421 C. El color de fondo institucional y el de los links sobre papel.
Light field
- RGB
- HSL
- CMYK
- approx.
- Type on it
- at 12.34:1, AAA
Dark field
- RGB
- HSL
- CMYK
- approx.
- Type on it
- at 7.64:1, AAA
Naranja
Role: signal
Pantone 172 C. El acento. Sobre papel mide 3,53:1: sirve para títulos grandes y relleno, no para texto corrido.
Light field
- RGB
- HSL
- CMYK
- approx.
- Type on it
- at 5.61:1, AA
Dark field
- RGB
- HSL
- CMYK
- approx.
- Type on it
- at 5.61:1, AA
Papel y tinta
Papel
Role: background
El fondo del manual.
Light field
- RGB
- HSL
- CMYK
- approx.
- Type on it
- at 19.78:1, AAA
Dark field
- RGB
- HSL
- CMYK
- approx.
- Type on it
- at 17.37:1, AAA
Papel suave
Role: surface
Naranja al 6%. Para paneles que se separan sin una línea.
Light field
- RGB
- HSL
- CMYK
- approx.
- Type on it
- at 18.42:1, AAA
Dark field
- RGB
- HSL
- CMYK
- approx.
- Type on it
- at 16.19:1, AAA
Tinta
Role: ink
Texto. Carbón con ADN borgoña, nunca negro puro.
Light field
- RGB
- HSL
- CMYK
- approx.
- Type on it
- at 17.37:1, AAA
Dark field
- RGB
- HSL
- CMYK
- approx.
- Type on it
- at 17.37:1, AAA
Gris
Role: neutral
Texto secundario.
Light field
- RGB
- HSL
- CMYK
- approx.
- Type on it
- at 6.72:1, AA
Dark field
- RGB
- HSL
- CMYK
- approx.
- Type on it
- at 7.68:1, AAA
CMYK is converted from RGB with no colour profile, so it is an approximation. A print value needs a profile and a proof.
Proportions
- Papel58%
- Tinta20%
- Borgoña11%
- Gris7%
- Naranja4%
Rules
- Borgoña y Naranja son los dos colores institucionales: Pantone 7421 C y Pantone 172 C.
- Sobre fondos de 0 a 50% de luminosidad va la marca oscura; de 50 a 100%, la blanca.
- Sobre naranja el único texto que llega a 4,5:1 es la tinta. El borgoña sobre naranja mide 3,98:1 y queda para títulos grandes y para el logotipo.
- El EBI define escalas de tinte del 90 al 10% para ambos colores.
Typography
Centra Nº2 es la tipografía corporativa. Book es la variante principal de toda comunicación masiva.
The family
Centra No2
- Foundry
- Sharp Type
- Source
- Local files
- Fallback
- system-ui, sans-serif
- Licence
- La familia completa son ocho pesos más itálicas. Cinco están en producción: Light, Book, Book Italic, Medium y Bold.
- Uppercase
- ABCDEFGHIJKLMNOPQRSTUVWXYZ
- Lowercase
- abcdefghijklmnopqrstuvwxyz
- Numerals
- 0123456789
- Punctuation
- . , : ; ! ? ‘ ’ “ ” ( ) [ ] – — … / & @ # % + = < >
Roles
| Role | Weight | Optical size | Tracking | Size | Usage |
|---|---|---|---|---|---|
| Display | 500 | not set | −0.02em | Títulos y aperturas | Centra Medium, tracking cerrado. |
| Book | 400 | not set | 0em | 16px, medida 62ch | Campaña gráfica, vía pública y auspicios. |
| Etiqueta | 500 | not set | +0.01em | 11–12px | Rótulos y datos. |
The scale
Dos colores que contrastan.
Dos colores que contrastan.
Dos colores que contrastan.
Dos colores que contrastan.
Dos colores que contrastan.
Dos colores que contrastan.
Dos colores que contrastan.
Dos colores que contrastan.
Dos colores que contrastan.
Dos colores que contrastan.
Optical corrections
Centra Nº2 viene en pesos estáticos, sin eje óptico.
| Plane | Ground | Weight | Tracking | Calibrated |
|---|---|---|---|---|
| Papel |
| 500 | −0.02em | no date |
| BorgoñaSin calibrar. |
| not calibrated | no date | |
| NaranjaSin calibrar. |
| not calibrated | no date | |
La marca se escribe siempre en caja baja: isbel, nunca Isbel ni ISBEL.
Accessibility
Medido con WCAG 2.1 sobre los colores de esta página.
Commitments
- La marca se elige por luminosidad del fondo
- De 0 a 50% va la oscura; de 50 a 100%, la blanca.
- El naranja no es color de texto
- Sobre papel mide 3,53:1. Es acento, relleno y logotipo.
- El naranja como fondo admite una sola tinta
- Su luminosidad deja un techo de 5,95:1 contra negro puro, así que sobre naranja se escribe en tinta y nada más.
Contrast
1 of 9 pairs falls short: Naranja sobre papel measures 3.53:1 against a required 4.5:1.
| Pair | Specimen | Foreground | Background | Measured | Required | Result |
|---|---|---|---|---|---|---|
| Naranja sobre papel | Visual sample | #EE551E | #FFFFFF | 3.53:1 | 4.5:1 | Fail |
| Tinta sobre papel | Visual sample | #16050D | #FFFFFF | 19.78:1 | 4.5:1 | PassAAA |
| Gris sobre papel | Visual sample | #6B4A57 | #FFFFFF | 7.66:1 | 4.5:1 | PassAAA |
| Borgoña sobre papel | Visual sample | #5A052D | #FFFFFF | 14.05:1 | 4.5:1 | PassAAA |
| Papel sobre borgoña | Visual sample | #FAF3ED | #5A052D | 12.79:1 | 4.5:1 | PassAAA |
| Naranja sobre borgoña | Visual sample | #EE551E | #5A052D | 3.98:1 | 3.0:1 | PassAA Large |
| Tinta sobre naranja | Visual sample | #16050D | #EE551E | 5.61:1 | 4.5:1 | PassAA |
| Borgoña sobre naranja | Visual sample | #5A052D | #EE551E | 3.98:1 | 3.0:1 | PassAA Large |
| Texto sobre sitio oscuro | Visual sample | #F6EFE9 | #16050D | 17.37:1 | 4.5:1 | PassAAA |
Ratios use the WCAG 2.1 relative-luminance formula and are computed from the hex values on this page, so they move the moment a colour does. A required 3:1 applies to large display type and non-text marks; everything else is held to 4.5:1.
Focus
Press Tab. The outline that lands on the control below is the focus-visible style the whole system uses: 2px of the accent colour, offset 3px, on a 1px radius. This section does not restyle it.
Assets
Los archivos.
Centra Nº2 es una tipografía licenciada de Sharp Type. Los archivos no se redistribuyen.
Marcas
Vectores. El maestro blanco vino con el sitio; el resto es el mismo vector con los colores que muestra el manual.
- Naranja
- isbel_orange.svg
- Borgoña
- isbel_burgundy.svg
- Blanco
- isbel_white.svg
- Tinta
- isbel_ink.svg
- Con Quantik
- isbel_lockup_orange.svg
Tipografía
Centra Nº2, Sharp Type. Cinco cortes en producción.
- Light
- CentraNo2-Light.woff2 — 300
- Book
- CentraNo2-Book.woff2 — 400, precargada
- Book Italic
- CentraNo2-BookItalic.woff2 — 400 itálica
- Medium
- CentraNo2-Medium.woff2 — 500
- Bold
- CentraNo2-Bold.woff2 — 700