12 · Símbolo y nombre
Logo
Un disco de luz visto a través de un vidrio estriado: cada franja deja pasar la misma luz a otra altura.
Anatomía
- Disco
- Un círculo de luz, sin contorno. Es lo único que se dibuja.
- Franjas
- Siete cortes verticales de igual ancho, con un hueco fino.
- Desplazamiento
- Cada franja muestra el disco a otra altura, en una onda suave. Es la firma: sin él es solo un círculo rayado.
- Nombre
- Inter SemiBold, convertido a curvas, con el espaciado cerrado un 2,5 %.
Juega con el símbolo
El símbolo se construye con tres decisiones. Mueve los controles para entender cómo funcionan. El símbolo oficial es fijo: esto es solo un ejercicio.
Versiones y descarga
Elige la versión según el fondo, no según el gusto. El visor te avisa si el contraste no alcanza.
Cuándo usar cada pieza
- Horizontal: la versión por defecto, en cualquier lugar con espacio ancho
- Apilado: portadas, avatares y espacios cuadrados
- Símbolo solo: cuando el nombre ya aparece cerca
- Solo texto: documentos y firmas, si el símbolo ya está en la página
Cuándo no
- El símbolo solo en el primer contacto de alguien con la marca
- Una versión plana sobre un fondo con foto
- Las versiones con fondo propio sobre otro fondo
- Mezclar dos versiones en la misma pieza
Zona de seguridad
Alrededor del logo queda libre un espacio igual a una franja del símbolo (x). Nada entra en esa zona: ni texto, ni bordes, ni otros logos.
Tamaño mínimo
Por debajo de estos tamaños se pierden las franjas. En favicons de 16 a 32 px se usa la versión compacta de cinco franjas.
| Pieza | Pantalla | Impreso |
|---|---|---|
| Símbolo solo | 24 px de alto | 8 mm |
| Horizontal | 20 px de alto (100 px de ancho) | 6 mm de alto |
| Apilado | 56 px de alto | 18 mm |
| Solo texto | 14 px de alto de letra | 4 mm |
| Favicon (versión compacta) | 16 px | · |
Usos incorrectos
Nitente