ABCDEFGHIJKLMNÑOP QRSTUVWXYZ abcdefgh ijklmnñopqrstuvwxyz 0123456789
Entradillas grandes y citas
Evolución v01 → v02
La misma V. Más legible, más luminosa.
La evolución del logotipo se plantea desde la continuidad. Una estética más contemporánea, con una paleta cromática más viva, preparada para entornos digitales y para todos los puntos de contacto.
- 01
Una V más legibleConserva su significado y se optimiza para tamaños dispares y entornos digitales.
- 02
Un verde más luminosoConsolida una narrativa más sostenible y actual, integrada en todo el sistema.
- 03
Implementación progresivaSin costes innecesarios: cambian los tokens y cada canal se actualiza a la vez.
Manual de Identidad Visual v02 · Introducción, p. 02
v01 · hasta 2026
v02 · octubre 2026
Marca
Un único logo. El de Vidrala.
Un solo logo corporativo representa al grupo en todas las geografías. Prioridad a la versión vertical en Green Grove; la horizontal cuando el formato lo pide; el logotipo sin símbolo, solo en comunicación interna.
Usos correctos
Preferente: la marca principal sobre blanco o fondos claros neutros. En blanco, sobre fotografía tranquila o verde de marca.
Usos no permitidos
Nada de fondos que resten contraste o legibilidad. Y los colores de la marca no se modifican ni se reinterpretan.
Convivencia de marcas
Siempre arriba a la derecha
La marca del grupo se sitúa siempre en el espacio superior derecho: presentaciones, informes, facturas, albaranes, carteles y emails. A la izquierda, la business unit y el site, en la tipografía y el color comunes.
Manual v02 · Convivencia de marcas, p. 07
vidrala uk & ireland elton
Company presentationOne team, providing sustainable glass packaging solutions.
Informe de sostenibilidad 2025
Albarán 26-UK-04812
Botella bordelesa 75 cl · 24 palés
Grupo
Un único logo. Referencia de todo el sistema.
Business unit
vidrala uk & ireland
Sin logo propio: deriva del grupo con tipografía y color comunes.
Site · Vidrala Elton
vidrala uk & ireland elton
La planta lleva siempre su business unit delante.
En las piezas finales, los nombres de business unit y site se componen en Vidrala Font, de uso exclusivo de Comunicación. Aquí se muestran en Century Gothic.
Color
Green Grove manda. Meadow y Light acompañan.
Los nuevos colores principales son los tonos predominantes de la comunicación. Haz clic en cualquier muestra para copiar su token.
Convivencia cromáticaProporción orientativa en una pieza tipo · el blanco sigue siendo el fondo preferente del logo
Grove 55 %
Meadow 25 %
Light 12 %
8 %
Grises del manual, de White a Gray 12: amplían la paleta y crean jerarquía sin alterar la identidad.
Capa digital derivada
Para la web, derivamos de Grove unos verdes profundos para los momentos inmersivos y un tratamiento vítreo para el producto. No sustituyen a los colores del manual: los acompañan en pantalla.
Tipografía
Century Gothic. En todo lo que sale fuera.
La familia Century Gothic define el estilo de Vidrala y se usa en todos los materiales y contextos externos. Tres pesos, sin excepciones.
ABCDEFGHIJKLMNÑOP QRSTUVWXYZ abcdefgh ijklmnñopqrstuvwxyz 0123456789
Texto, navegación y formularios
ABCDEFGHIJKLMNÑOP QRSTUVWXYZ abcdefgh ijklmnñopqrstuvwxyz 0123456789
Titulares, botones y kickers
- Uso
- Logo del grupo, business units y sites
- Color
- Green Grove
- Interletrado
- -2,5 %
- Acceso
- Reservada a Comunicación
No se usa en titulares ni en texto
Jerarquía en pantalla
Fuente activa: comprobando…hero
112 · Negrita
112 · Negrita
Vidrio
intro
26 · Delgada
26 · Delgada
El vidrio tiene vidas infinitas
h1
48 · Negrita
48 · Negrita
Elige vidrio
body
17 · Regular
17 · Regular
Producimos más de 9.000 millones de envases de vidrio al año para las marcas de alimentación y bebidas.
kicker
12 · caps
12 · caps
Por un futuro sostenible
Interletrado cercano a 0: titulares a -0,01 / -0,02 emSentence case
Universo fotográfico
Precisión, ritmo y escala. Del proceso industrial.
Imágenes reales de producción donde la luz, la repetición y la materia generan una estética propia.
Manual v02 · Universo fotográfico, p. 15. La fotografía de stock del resto de la demo se sustituirá por la de Vidrala.
Siguiente paso del sistema
La marca, en todos los canales
Ver la marca en todos los canales: redes, email, landings, presentaciones, vídeo, pantallas, impresos y merchandising. Mismos tokens, una sola fuente.
- Redes
- Landings
- Presentaciones
- Vídeo
- Pantallas
- Impresos
- Merchandising
Principios
Tres referencias. Una sola marca: Vidrala.
No copiamos a nadie. Tomamos un principio de cada referencia y lo convertimos en regla del sistema, con los verdes, el logo y la voz de Vidrala.
Elige vidrio
Un titular por pantalla
Heineken
Confianza
Regla: foto cinematográfica a sangre con tinte verde, un titular de 112 px, una acción principal y barra de progreso fina en los carruseles.
VidrioCatálogoPersonas
Claridad. Y vidrio.
Apple
Claridad y vidrio
Regla: titulares de dos tonos, mucho aire, contenedores redondeados y paneles de vidrio esmerilado con borde de luz de 1 px.
BA Glass
El vidrio como material
Regla: el producto vive sobre degradados vítreos verdes con un reflejo diagonal. Nada de bodegones sobre blanco plano.
La regla de oro
Vidrio solo donde hay algo que ver a través
El vidrio de Vidrala deja pasar la luz. En digital, igual: los paneles glass van sobre fotografía, vídeo, WebGL o verde stage. Sobre una superficie clara y plana, el efecto desaparece y el contraste cae.
Arrastra el panel de un lado a otro, o usa las flechas del teclado.
Superficie clara plana
Fotografía
Plano claro
11 plantasen 5 países
Sobre foto: el vidrio se lee y deja ver la luz
Laboratorio de vidrio
Cada valor es un token. Nada se improvisa.
Mueve los controles: el panel cambia en directo y te dice qué token del design system estás usando. Si sales de los tokens, lo marca como personalizado.
Sostenibilidad
55,4 %
de las materias primas que fundimos en 2025 fue vidrio reciclado. El vidrio tiene vidas infinitas.
Controles
--glass-blur · 20px
020 · token36 · strong
Tinte--glass-dark
--glass-border-soft · 18 %
018 · soft32 · light60
--radius-xl · 28px
mdlgxl2xlpill
Capa digital
Pocas piezas. Muy bien afinadas.
Lo que el manual no fija para pantalla, lo definimos como tokens: radios, vidrio y movimiento. Siempre al servicio de la marca.
Radios Contenedores redondos, acciones en píldora
md12px
lg20px
xl28px
2xl40px
pill999px
Movimiento --ease-reveal
Revelados lentos y cinematográficos: 900 ms con cubic-bezier(.16,1,.3,1). Arranca con decisión y se posa sin rebotes. Con movimiento reducido, todo aparece sin animar.
--ease-reveal
lineal
--duration-reveal 900ms--duration-base 250ms
Componentes
Un kit que ya funciona. En claro y en stage.
Los mismos componentes alimentan la web del grupo y las de cada BU. Los editores los combinan en el CMS; no los rediseñan.
Button · sobre claro
.vd-btnButton · sobre stage
--white --glass --inverseTag
.vd-tag
VinoNuevoUK & Ireland75 clEn directoRevisar
Segmented control
.vd-segSwitch
.d-switchInputs
.vd-input .vd-selectGlassStat
.vd-glass .a1-gstatVentas 20251.465,2M€
EBITDA 2025441,0M€
TwoToneHeadline
.vd-two-tonePor un futuro sostenible. Vidrio que vuelve.
ProductTile + CardRail
.vd-tile .vd-rail
VinoBordelesa 75 cl
CervezaLong neck 33 cl
DestiladosLicorera 70 cl
AceiteDórica 50 cl
Accordion · FAQ con hairline
.d-accInfinitas. El vidrio se funde y vuelve a ser envase sin perder calidad. Por eso cada tonelada de calcín que fundimos ahorra materias primas y energía.
Vidrio reciclado triturado y limpio, listo para volver al horno.
Sí. Diseñamos con cada cliente formas, colores y grabados, y los validamos en planta antes de producir.
Lockup por BU
.vd-lockupIberia
UK & Ireland
Brasil
Chile
Una marca, cada mercado
El sistema escala. La identidad no se rompe.
Cambia de mercado: la misma composición adapta sello, fotografía e idioma. Mismo sistema, misma marca, relevancia local.
Iberia
CatálogoSostenibilidadPersonas
ES
Vidrala Iberia
Elige vidrio, elige Vidrala
Cinco plantas en España y Portugal, cerca de los viñedos y de las marcas que más quieres.
Plantas5España y Portugal
- Idiomas
- ES · EN · PT
- Ruta
- /es
- Antes
- vidrala.com
- Fotografía
- Viñedo
Compartido: tipografía, color, componentes, navegación, tono y sello del grupo.
Local: fotografía, idioma, plantas, contenidos y catálogo de cada mercado.
Accesibilidad
Bonita para todos. Y auditable.
WCAG 2.1 AAContraste, teclado, foco visible, textos alternativos y estructura semántica en cada componente.
European Accessibility ActLista para la Directiva (UE) 2019/882, en vigor desde junio de 2025.
Auditorías de ITSin dependencias opacas: componentes documentados y revisables.
Foco visible
Pulsa Tab: cada acción muestra un anillo verde claro, también sobre stage.
Movimiento reducido
Si el sistema pide menos movimiento, los revelados, el WebGL y los carruseles se detienen y el contenido aparece directamente.
Tu sistema: movimiento completo