Logos y descargas · Manual de marca Gobernación del Magdalena

01. Descargas rápidas

⬇ Todos los logos (SVG + PNG + JPG)⬇ Solo SVG (vectorial)⬇ Solo PNG (transparente)⬇ Solo JPG (fondo blanco)⬇ Favicons e íconos PWA ⬇ Ejemplos de aplicación (carnet, valla…)

02. Logotipos y elementos gráficos

Extraídos del PDF del manual en vectorial (SVG) y en alta resolución (PNG transparente y JPG sobre blanco, ×4). Cada tarjeta permite descargar el archivo, copiar la etiqueta <img> o su URL.

Logotipo principal (vertical)

Manual · 01. Escudo + «Gobernación del MAGDALENA» + línea de colores. Uso preferente. · 3260×2756 px

SVG PNG JPG

Logotipo horizontal

Manual · 02. Para cabeceras, firmas de correo y espacios anchos. · 4748×1264 px

SVG PNG JPG

Versión gris

Manual · 03. Escala de grises para documentos monocromos. · 1960×544 px

SVG PNG JPG

Versión negro (positivo)

Manual · 03. Una tinta, sobre fondos claros. · 2104×580 px

SVG PNG JPG

Negativo blanco (fondo transparente)

Versión blanca sin fondo, derivada del negativo del manual. Para sidebars, pies y banners oscuros o azules. · 1758×469 px

SVG PNG

Negativo sobre negro

Manual · 03. Incluye el fondo negro #1D1D1B tal como aparece en el manual. · 2104×796 px

SVG PNG JPG

Negativo sobre gris

Manual · 03. Incluye el fondo gris #606060 del manual. · 2100×796 px

SVG PNG JPG

Escudo

Escudo del Departamento solo (PNG/JPG de alta resolución). · 853×1000 px

PNG JPG

Escudo sobre franjas

Manual · 04. Escudo con las franjas de la paleta. · 1024×992 px

SVG PNG JPG

Bandera del Magdalena

Manual · 04. Bandera con las 7 estrellas. · 1008×692 px

SVG PNG JPG

La línea (barra de franjas)

Barra de nueve colores en SVG, escalable a cualquier ancho (SVG con preserveAspectRatio none). · 1800×24 px

SVG PNG JPG

Escudo + texto (compacto)

Aporte del equipo: variante horizontal con fondo transparente. · 681×195 px

PNG JPG

Solo texto «Gobernación del MAGDALENA»

Aporte del equipo: wordmark sin escudo (gris). · 2000×499 px

PNG JPG

Marca «Magdalena ¿Te lo puedes creer?»

Aporte del equipo: marca territorial/turística (no pertenece al manual). · 758×524 px

PNG JPG

Sello Oficina de Tecnología de la Información

Aporte del equipo: sello circular con franjas. · 1080×1080 px

PNG JPG

03. Uso en web

URL base:

Logo en HTML

<!-- Cabecera -->
<a href="/"><img src="https://TU-HOST/manual_de_marca/assets/logos/svg/logo-horizontal-color.svg" alt="Gobernación del Magdalena" height="48"></a>

<!-- Pie de página oscuro -->
<img src="https://TU-HOST/manual_de_marca/assets/logos/svg/logo-horizontal-blanco-sobre-negro.svg" alt="Gobernación del Magdalena" height="48">

Favicon

<!-- Favicons: copie assets/favicon/ a la raíz de su sitio -->
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/icon-32.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<meta name="theme-color" content="#0071BB">

04. Recomendaciones técnicas

El manual no define márgenes de seguridad ni tamaños mínimos; estas son recomendaciones del equipo de desarrollo para pantalla, a validar con Comunicaciones.

✔ Usar los archivos originales
SVG siempre que sea posible; PNG ×2 para pantallas retina.

✔ Fondo claro/blanco
Sobre fotos o fondos de color, colocar el logo dentro de la cápsula blanca .mg-logo-pill (como en la valla del manual).

✔ Versión negativa en fondos oscuros
Usar «blanco sobre negro» o «blanco sobre gris».

✔ Espacio libre
Dejar alrededor del logo al menos la altura de la «M» de MAGDALENA.

✘ No deformar
Mantener proporción (usar solo height o width).

✘ No recolorear ni aplicar sombras / efectos
Solo las versiones oficiales: color, gris, negro, negativo.

✘ No poner el logo a color sobre el degradado azul
Usar la versión negativa o la cápsula blanca.

✘ No separar el escudo del texto
salvo en íconos pequeños (favicon, avatar de redes) donde se usa el escudo solo.