Manual de marca

Momentos que no se olvidan.

Diseñamos momentos, creamos emociones

Identidad v2 · aprobada el 19 de octubre de 2026

1 · La idea

La I que sale del sobre y suelta el hilo.

El monograma cuenta el gesto de todo lo que hacemos: abrir. Se abre una invitación, una carta, un mesiversario, una galaxia.

Isotipo de Inolvidia: la I dentro de un anillo abierto y el hilo que forma un corazón

  1. La tarjetaUna I dibujada a mano, en noche, que rompe el anillo por arriba y sale por su abertura, como la invitación sale del sobre.

  2. El hiloSiempre oro rosa. Nace del pie de la I, se cruza, dibuja un corazón y sigue en órbita por el anillo. Es el hilo que nos atamos al dedo para no olvidar: por eso somos Inolvidia.

  3. La aberturaEl anillo queda abierto como la solapa de un sobre. La O del nombre repite esa abertura en el mismo ángulo, como una cita.

3 · Qué versión va en cada fondo

El hilo siempre se ve.

Sobre claro va la principal; sobre noche, la clara. En fondos de color medio, la versión a una tinta que más contraste. Sobre oro rosa va la una tinta noche, nunca la marfil.

#B06E66

La misma regla usa el crédito «Hecha con Inolvidia» de las invitaciones (/brand/credito.js).

4 · Área de respeto y usos incorrectos

Aire alrededor, y nada encima.

En los conjuntos, la altura de la mayúscula del nombre por cada lado; en el isotipo y la mini, un cuarto de su alto.

Logo horizontal con su área de respeto marcada
No estirar ni aplastar.
No rotar ni inclinar.
Sobre oro rosa, nunca la marfil (3,7:1).
No pasar a grises: para eso está la una tinta.
  1. Sin destellos, brillos ni partículas.
  2. Un solo corazón por pieza: el del hilo (los íconos de servicio son la excepción).
  3. No cerrar el anillo ni la O.
  4. No cambiar los colores: el hilo siempre es oro rosa.
  5. No escribir el nombre con una fuente ni ponerlo en mayúsculas sostenidas en un texto: en texto es «Inolvidia».
  6. Sin sombras, contornos, biseles ni relieves digitales (el relieve vale en el lacre, el foil y el golpe seco).
  7. El oro rosa #B06E66 no va en texto chico ni en botones.
  8. Metálico y degradado solo por encima de 120 px; el metálico, siempre sobre noche.
  9. Sin clichés dentro del logo: anillos de boda, palomas, globos, coronas ni un sobre literal.
  10. Remates del hilo rectos, también cuando se anima o se redibuja como recurso gráfico.

5 · Color

Noche y oro rosa, con violeta de puente.

El color sólido es el principal. Los contrastes están medidos con WCAG 2.x; texto normal desde 4,5:1, objetos gráficos desde 3:1.

Oro rosa metálico (--ino-metal): siempre sobre noche y solo en usos grandes (portadas, lacre, foil).

Degradado (--ino-degradado): solo para el isotipo grande sobre claro.

6 · Tipografía

Jost, fina y geométrica como el trazo del logo.

Dos familias con licencia SIL OFL. Jost para titulares y textos; Libre Caslon Display solo para la línea bodas.

Jost · display y texto

Aa Ññ

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ · abcdefghijklmnñopqrstuvwxyz · 0123456789 · ¿¡«»

Libre Caslon Display · solo línea bodas

Ana & Luis

Nombres de los novios, portadas e impresos con foil.

Etiqueta · Jost 430 · mayúsculas · +20 %Invitaciones digitales
Titular · Jost 300 · 40–72 pxMomentos que no se olvidan
Énfasis · Jost 300 recta, en oro rosa profundo (nunca cursiva)Diseñamos momentos, creamos emociones
Texto · Jost 400 · 16–18 px · interlineado 1,6Cada invitado recibe la suya, con su nombre y sus lugares, y tú ves en tiempo real quién confirmó.
Botón · Jost 560 · píldora · noche o oro rosa profundo con texto marfil¡No me lo pierdo! Quiero mi invitación

7 · El hilo como recurso gráfico

Un solo trazo, con remate recto.

Fuera del logo, el hilo subraya palabras, une secciones y recorre las piezas. Oro rosa sobre claro, oro rosa luz sobre noche; 2, 3 o 4 px; remates cortados a tijera; nunca con lazos sueltos ni con otro corazón.

Animado: /brand/animacion/logo-animado.svg (sobre claro) y logo-animado-claro.svg (sobre noche): la I sube, el hilo se dibuja y aparecen el nombre y el subtítulo. Si el navegador pide menos movimiento, se ve el logo fijo.

8 · Pictogramas

El sobre que se abre, y lo que diseñamos.

El pictograma sobre-galaxia es de la línea Regalos (mesiversarios, aniversarios, galaxias, cartas): no reemplaza al logo ni va junto a él. Los íconos de servicio son íconos de interfaz: trazo de 2,4 u en una caja de 48 u, con remates redondos.

Pictograma sobre-galaxiaSobre-galaxia · fino, desde 64 px
Pictograma sobre-galaxia sobre nocheSobre noche: la versión clara
Invitaciones digitales
Recuerdos para parejas
Mesiversarios y aniversarios
Galaxias dedicadas
Detalles que perduran

Cada uno en /brand/pictogramas/, en cinco esquemas: principal, -claro, -1tinta, -1tinta-marfil y -oro.

9 · Voz

Cálida, cercana y sudamericana.

Hablamos de tú, en español neutro con tildes, de Perú al mundo. Celebramos sin exagerar: nada de signos de marca, destellos ni promesas que no cumplimos.

10 · Aplicaciones

Así se ve cuando la compartes.

Imagen para compartir de Inolvidia en español
Imagen para compartir (es) · /brand/og/og-default.jpg · también en y pt
Imagen de respaldo de una invitación: Tienes una invitación
Respaldo de una invitación sin foto · /brand/og-invitacion.jpg (en · pt)

Crédito «Hecha con Inolvidia»

Horizontal mini a 1,25 em (mínimo 16 px). El componente elige la versión según el fondo.

Lacre

El monograma en relieve: oro rosa y noche.

Lacre de cera oro rosa con la ILacre de cera noche con la I

Pestaña e ícono de app

Favicon dibujado a píxel en 16 y 32 px; ícono de app en noche.

Ícono de app de InolvidiaFavicon de 48 pxFavicon de 32 px

11 · Archivos del kit

Todo publicado en /brand/.

La fuente de verdad es la carpeta marca/ del proyecto (manual completo en PDF, archivos de imprenta y piezas para redes). Aquí, lo que usa la web:

RutaQué es
/brand/logo/*.svgLogos en sus cuatro esquemas (principal, -claro, -1tinta, -1tinta-marfil): horizontal, micro, horizontal mini, vertical, isotipo fino y grueso, mini, perfil y metálico. Variantes en /brand/logo/variantes/
/brand/tokens.cssColores --ino-*, roles --color-* en claro y oscuro, tipos, espacios, radios y sombras. Cada página carga Jost con <link>
/brand/credito.js · .cssCrédito «Hecha con Inolvidia» con la versión del logo según el fondo
/brand/og/ · /brand/og-invitacion*Imágenes para compartir (1200 × 630) en es, en y pt
/brand/pictogramas/ · /brand/ilustracion/Sobre-galaxia, íconos de servicio y la escena del sobre con la tarjeta de galaxia
/brand/lacre/ · /brand/animacion/Lacre oro rosa y noche · logo animado sobre claro y sobre noche
/favicon.ico · /icon-*.png · /site.webmanifestPestaña, ícono de app y manifiesto
 
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Jost:wght@300..600&display=swap">
<link rel="stylesheet" href="/brand/tokens.css">
<link rel="stylesheet" href="/brand/credito.css">
<script type="module">
  import { credito } from '/brand/credito.js';
  document.querySelector('footer').append(credito({ texto: 'Hecha con' }));
</script>