Guía de uso · Versión 1.0 · Octubre 2026

Cómo usar vuestra identidad corporativa

Qué hay en la carpeta y qué archivo abrir para cada cosa, sin tecnicismos.

Explorar todas las carpetas

Empieza por aquí

PASO 1Instala la tipografía

Así los documentos se verán con la letra de la marca.

Cómo instalarla
PASO 2Hojea el manual

Explica el sentido del diseño y sus normas, con ejemplos.

Abrir el manual
PASO 3Busca lo que necesitas

Más abajo: «quiero hacer esto» y el archivo que hay que abrir.

Ir a las tareas

Qué hay en cada carpeta

01LogotipoEl logotipo completo, en vertical y horizontal, en todas sus versiones. También animado.02IsotipoSolo el símbolo de los cuatro cuadrados, para cuando no cabe el nombre.03Iconos de servicio66 iconos, tres por servicio, en cuatro acabados. También animados.04ColoresLos colores exactos de la marca, para copiarlos sin errores.05TipografíaLa letra de la marca (Plus Jakarta Sans), lista para instalar.06Manual de identidadLas normas de la marca, explicadas con ejemplos. En HTML y en PDF.07Web y redes socialesFavicon, foto de perfil, portadas y plantillas de publicación.08AcabadosMáscaras para producir el logotipo en hot stamping y en barniz UV.09Animaciones del logoCinco animaciones del logotipo para la web.10VídeoVídeo de presentación de 15 segundos, horizontal y vertical.11PapeleríaTarjetas, papel de carta, sobre, presupuesto y firma de correo.12Fondos de escritorioFondos de pantalla para los ordenadores, fijos y animados.

Documentos y presentaciones

Poner el logo en un Word, PowerPoint o correo

  1. Abre 01-Logotipo › Horizontal › PNG.
  2. Usa …principal_para-fondo-claro.png.
  3. Insértalo como imagen. Tiene el fondo transparente.
Abrir

Poner el logo sobre una foto o un fondo oscuro

  1. En la misma carpeta, usa …principal_para-fondo-oscuro.png (nombre en blanco).
  2. Si la foto tiene mucho detalle, usa uno de 01-Logotipo › Con-fondo, que ya trae su fondo marino.
Abrir

Escribir con la letra de la marca

  1. Abre 05-Tipografia › Estaticas.
  2. Selecciona todos los archivos, botón derecho y Instalar.
  3. Reinicia Word o PowerPoint y elige «Plus Jakarta Sans».
Abrir

Usar los colores exactos

  1. Abre 04-Colores › colores.txt.
  2. Copia el código que empieza por # (por ejemplo, marino #101A3A).
  3. Pégalo en «Más colores» o «Color personalizado» de tu programa.
Abrir

Imprenta y producción

Enviar el logo a una imprenta o un rotulista

  1. Envía los archivos SVG de 01-Logotipo: se amplían sin perder calidad.
  2. Adjunta también el manual en PDF (06-Manual).
Abrir

Producir el logo en hot stamping o barniz UV

  1. Abre 08-Acabados-stamping-y-barniz-UV › Mascaras-una-tinta.
  2. Son archivos en negro para el cliché o la pantalla de serigrafía.
  3. Para el logotipo completo usa las versiones mascara_negro de la carpeta 01.
Abrir

Imprimir a una sola tinta

  1. Usa las versiones una-tinta (marino, blanco u oro plano) de 01-Logotipo y 02-Isotipo.
Abrir

Imprimir tarjetas, papel de carta o sobres

  1. Abre 11-Papeleria › PDF-para-imprenta.
  2. Rellena los datos entre corchetes: [NOMBRE APELLIDO], [MÓVIL], [CIF].
  3. En preimpresión, pasad el archivo a CMYK y añadid las marcas de corte.
Abrir

Redes sociales

Poner la foto de perfil

  1. Sube avatar-redes_circular_1080.png de 07-Web-y-redes › Redes-sociales › Perfil.
  2. Es la misma para Instagram, Facebook, LinkedIn y TikTok.
Abrir

Poner la portada de Facebook o LinkedIn

  1. Cada red tiene su carpeta dentro de Redes-sociales, con la imagen a su medida.
Abrir

Publicar un post o una historia

  1. Usa las plantillas de Publicaciones e Historias-Reels-TikTok.
  2. Los textos son de ejemplo: sirven de modelo para nuevas piezas.
Abrir

Publicar el vídeo de presentación

  1. Vertical (1080 × 1920) para Reels, historias y TikTok.
  2. Horizontal (1920 × 1080) para la web, LinkedIn y YouTube.
  3. No lleva música: añádela desde la propia red.
Abrir

Web

Poner el icono de la pestaña (favicon)

  1. Sube favicon.ico o favicon_512.png de 07-Web-y-redes.
  2. En WordPress: Apariencia › Personalizar › Identidad del sitio › Icono del sitio.
Abrir

Poner iconos de servicio

  1. Abre 03-Iconos-de-servicio › SVG (o PNG).
  2. Sobre fondo claro: carpeta marino-oro. Sobre fondo oscuro: blanco-oro.
Abrir

Poner un logo o un icono animado

  1. Abre el index.html de la carpeta de animaciones para ver todas y elegir.
  2. Abre el archivo elegido con el Bloc de notas y copia desde <style> hasta </svg>.
  3. En Elementor, añade un widget HTML y pégalo.
  4. Si la sección tiene color propio, usa los de la subcarpeta Fondo-transparente.
Abrir

Configurar colores y letra en Elementor

  1. Los valores están en la página «Web y perfiles» del manual.
Abrir

Oficina

Poner la firma en el correo

  1. Sube logo-firma.png a vuestra web y copia su dirección.
  2. Abre firma-de-correo.html con el Bloc de notas y cambia logo-firma.png por esa dirección.
  3. Ábrelo en el navegador, selecciona la firma, cópiala y pégala en los ajustes de firma de Gmail u Outlook.
Abrir

Hacer un presupuesto

  1. Usa plantilla-presupuesto_A4.pdf de 11-Papeleria como base de diseño.
Abrir

Poner el fondo de escritorio

  1. Abre 12-Fondos-de-escritorio › Estaticos y elige la medida de tu pantalla.
  2. Botón derecho sobre la imagen › Establecer como fondo de escritorio.
  3. Los animados necesitan un programa aparte: está explicado en la carpeta.
Abrir

Qué formato elegir

PNGImagen con fondo transparenteWord, PowerPoint, correo, redes sociales
SVGDibujo vectorial: se amplía sin perder calidadImprenta, rotulación, web
PDFDocumento listo para imprimirPapelería y manual
HTMLPágina o animación que se abre en el navegadorAnimaciones para la web, manual en pantalla
MP4VídeoRedes sociales, web, pantallas
TTFTipografíaSe instala en el ordenador

Qué versión del logotipo usar

PrincipalSímbolo en oroSiempre que se pueda
Línea y estampadoTres cuadrados en trazo y uno en oroPiezas más ligeras o secundarias
TrazoSolo líneas, sin rellenoFondos de color, marcas de agua, grabado
Una tintaTodo en marino, blanco u oro planoSellos, bordado, serigrafía, fax, una sola tinta

Cuatro síes y cuatro noes

Sí
  • Usa siempre los archivos del kit, sin redibujar el logo.
  • Deja aire alrededor: nada pegado al logo.
  • El oro, solo en el símbolo y en «hot stamping».
  • Sobre fotos con mucho detalle, usa las versiones con fondo.
No
  • No lo estires ni lo gires.
  • No le cambies los colores.
  • No le pongas sombras ni efectos.
  • No escribas «barniz UV» en oro.

Pendiente de completar

  • Datos entre corchetes en la papelería: [NOMBRE APELLIDO], [MÓVIL], [CARGO], [CIF].
  • Usuario de las redes sociales: en las maquetas figura como [@usuario].
  • Tinta del oro para imprenta: elegirla con la carta Pantone delante.
  • Fotos reales de Maven para las aplicaciones sobre imagen.
  • Lista de servicios: usad solo los iconos de lo que ofrecéis.