E2D / Identidad visual

Una marca.
Todas sus versiones.

Manual de uso y biblioteca de archivos del logotipo redibujado de E2D: curvas limpias, letras trazadas y versiones listas para fondos claros y oscuros.

18 logotipos en SVG, PNG y PDF · avatares e iconos · paleta en CSS y JSON · Septiembre 2026

01 · Composiciones

Tres composiciones, una identidad.

Usa el archivo preparado para cada espacio. No recompongas las piezas a mano: el texto del logo está convertido a contornos y no necesita fuentes.

Logotipo E2D, composición completo

Completo

Presentaciones, portadas y piezas de marca.

Tamaño mínimo: 180 px en pantalla · 35 mm impreso

Logotipo E2D, composición horizontal

Horizontal

Cabeceras y franjas anchas.

Tamaño mínimo: 360 px en pantalla · 70 mm impreso

Logotipo E2D, composición símbolo

Símbolo

Espacios compactos, solo cuando el contexto ya identifica a E2D.

Tamaño mínimo: 64 px en pantalla · 12 mm impreso

02 · Versiones de color

La versión correcta para cada fondo.

Todos los archivos de logotipo tienen fondo transparente. Los fondos de estas muestras solo ilustran dónde va cada versión.

Logotipo E2D horizontal, versión color principal

Color principal

Sobre blanco o fondos muy claros.

Logotipo E2D horizontal, versión negativo a color

Negativo a color

Sobre marino y fondos oscuros uniformes.

Logotipo E2D horizontal, versión blanco

Blanco

Una tinta en negativo, sobre fotografías oscuras.

Logotipo E2D horizontal, versión negro

Negro

Documentos y reproducción monocroma.

Logotipo E2D horizontal, versión azul marino

Azul marino

Una tinta con el color corporativo.

Logotipo E2D horizontal, versión turquesa

Turquesa

Aplicaciones de marca a una tinta.

En monocromo se reserva un pequeño espacio transparente entre la flecha y la D para conservar su lectura. El negativo a color usa blanco y turquesa; el blanco es el negativo de una sola tinta.

03 · Biblioteca

Los 18 archivos, listos para descargar.

SVG para web y edición vectorial. PNG para documentos, redes y presentaciones. PDF vectorial para intercambio con diseño e imprenta.

Composición
Fondo
18 archivos

04 · Color

Dos colores de marca y dos neutros.

La paleta parte de la versión limpia del logo. Pulsa un valor para copiarlo.

Marino

Texto, estructura y fondos oscuros.

Turquesa

Acentos e identidad gráfica.

Blanco

Espacio y versiones negativas.

Negro

Reproducción a una tinta.

Los PDF se entregan en RGB vectorial. Para imprenta, convertir con el perfil de color del proveedor.

05 · Tipografía de apoyo

Segoe UI para documentos y presentaciones.

Es una propuesta para el material de oficina. Titulares en Semibold o Bold; texto en Regular.

Aa Bb Cc 0123

Diseño web, SEO y publicidad para pymes de la Comunidad de Madrid. Una familia de apoyo, disponible en Windows y Microsoft 365, para que cualquier documento salga igual desde cualquier equipo.

Lo que no hace la tipografía

Las letras del logotipo son contornos propios dibujados a mano. No las sustituyas por texto tecleado ni intentes reconstruirlas con Segoe UI: el resultado nunca coincide y rompe la marca.

Si Segoe UI no está disponible, usa la fuente del sistema. La web de E2D usa Hanken Grotesk, que también es válida en piezas digitales.

06 · Espacio y escala

Aire alrededor y tamaños mínimos.

Criterios iniciales de uso. Confirma la legibilidad al tamaño real de cada aplicación.

Área de seguridad

8 % del ancho visible del logo

Deja un margen libre de al menos el 8 % del ancho visible del logo en cada lado. El margen es externo al archivo: añádelo en el diseño donde lo coloques.

Tamaños mínimos

  • Completo180 px35 mm
  • Horizontal360 px70 mm
  • Símbolo64 px12 mm

Entre 16 y 48 px usa los favicons exportados. En avatares, los archivos cuadrados con fondo.

Usos incorrectos

  • No deformar, girar ni cambiar las proporciones.
  • No aplicar sombras, relieves ni contornos nuevos.
  • No colocar sobre zonas de imagen con poco contraste.
  • No modificar el espacio entre símbolo y texto.
  • No sustituir las letras del logo por texto tecleado.
  • No recolorear piezas sueltas del logotipo.

07 · Digital

Avatares, iconos y metadatos.

Estos archivos sí llevan fondo: los avatares con margen para recorte circular y los favicons con su propio marino.

Avatar claro

Avatar claro

Fondo blanco con margen para recorte circular.

Avatar marino

Avatar marino

Fondo marino, logo negativo a color.

Avatar turquesa

Avatar turquesa

Fondo turquesa, logo en blanco.

Imagen para redes

Imagen para redes

1200 × 630 para Open Graph y Twitter. Usa el JPG: WhatsApp y LinkedIn no muestran WebP.

Instalar en una web

Copia los archivos de favicon a la raíz pública del sitio y añade esto al <head>:

HTML
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#203650">

Los iconos del manifest son estándar, no maskable. Si van en una subcarpeta, ajusta las rutas.