Mirian Botello: identidad visual y manual de marca

Mirian Botello estrena identidad visual. Diseñamos una marca personal que tiene que funcionar igual de bien en la web, en redes y en papel: un símbolo propio, un logotipo claro y un manual con reglas simples para que la marca se vea siempre igual, la use quien la use.

El concepto: un infinito que se entrelaza

El símbolo parte del signo de infinito, una idea de continuidad, de algo que no se agota. Para que no fuera un infinito más, le agregamos un detalle: en el centro, una línea pasa por debajo de la otra. Ese pequeño corte le da profundidad, convierte un signo genérico en una forma propia y habla de vínculos, de caminos que se cruzan y siguen.

Lo acompaña el nombre completo escrito en Inter Bold, una tipografía sans moderna, con el espacio entre letras apretado. Es una identidad sobria y elegante: azul noche, blanco y un toque de dorado, los mismos colores de su sitio web, pensada para durar y no seguir modas.

Antes y después

Mirian tenía tres logos distintos, uno para cada área de su trabajo: la gestoría, las producciones y el diseño. Cada uno con otra tipografía, otro color y otro estilo. La propuesta fue unificar todo en una sola marca que sirva para los tres servicios: un símbolo propio, un logotipo legible y una paleta alineada con su web. Así, la gente reconoce a Mirian en cualquier lugar, sin importar de qué servicio se trate.

Manual de marca

1. Versiones del logo

El logo se usa en Claro (blanco) sobre los fondos oscuros de la marca (Noche, Pizarra o Acero), en Dorado como versión destacada sobre Noche, y en Noche sobre fondos claros. Siempre se elige la versión que tenga más contraste con el fondo.

2. Construcción y área de respeto

El símbolo y el nombre están alineados al centro, y el símbolo mide un poco más que las mayúsculas. Alrededor del logo hay que dejar siempre un espacio libre igual a la altura de la «M» (lo llamamos x). Dentro de ese margen no puede ir ningún texto, imagen ni borde.

• Altura del símbolo: 1,5x. El símbolo y el nombre se alinean por el centro.
• Proporción del símbolo: 2,2 de ancho por 1 de alto.
• Grosor del trazo del infinito: 7,5 % del ancho del símbolo, siempre uniforme.
• Cruce entrelazado: la línea que baja de izquierda a derecha pasa por debajo, con un corte igual al grosor del trazo a cada lado.
• Separación entre símbolo y nombre: 0,75x.
• Área de respeto: 1x libre en los cuatro lados.

3. Tamaño mínimo

• Logo completo: 120 px de ancho en pantalla y 30 mm impreso.
• Símbolo solo: 16 px (favicon) y 8 mm impreso.
• Si el espacio es menor, se usa solo el símbolo.

4. Paleta de color

La paleta es la misma de mirianbotello.com: una base oscura en tres tonos de azul noche, el Dorado como color de marca para títulos y detalles, el Salvia para botones y llamadas a la acción, y el Gris azulado para textos secundarios. El Claro se usa para textos y para el logo sobre fondo oscuro.

5. Tipografía

La familia tipográfica de la marca es Inter, diseñada por Rasmus Andersson, de licencia libre (SIL Open Font License 1.1) y disponible en Google Fonts y en rsms.me/inter. No se mezcla con otras tipografías. Si Inter no está disponible, se usa Helvetica Neue y, en última instancia, Arial.

6. Usos incorrectos

El logo no se estira, no se rota, no se cambia de color fuera de la paleta y no se le agregan sombras, contornos, degradés ni efectos. Tampoco se dibuja el infinito «cerrado»: el cruce entrelazado es parte del símbolo.

7. Avatar y favicon

Para redes sociales y como ícono del sitio se usa el símbolo solo, en Claro sobre fondo Noche, centrado y ocupando el 60 % del ancho.

8. Instrucciones de uso

1. Usar siempre los archivos originales del kit. No volver a escribir el nombre con la tipografía: el logotipo está pasado a contornos.
2. Sobre fondos oscuros (Noche, Pizarra, Acero) o fotos oscuras, usar el logo Claro o el Dorado. Sobre fondos claros, usar el logo Noche.
3. Sobre fotografías, ubicar el logo en una zona limpia y de buen contraste. Si la foto tiene mucho detalle, usar un recuadro de color Noche detrás.
4. En papelería, el logo va arriba a la izquierda, a 1x del borde como mínimo.
5. No estirar, rotar, usar colores fuera de la paleta ni quitar el cruce entrelazado del símbolo.

9. Archivos del kit

10. Aplicación en la web

:root {
  --mb-noche:   #141B22;
  --mb-pizarra: #1B242C;
  --mb-acero:   #1E2933;
  --mb-dorado:  #C8A878;
  --mb-salvia:  #A7AE8E;
  --mb-gris:    #7F8C9A;
  --mb-claro:   #FCFCFC;
  --mb-fuente:  "Inter", "Helvetica Neue", Arial, sans-serif;
}

body { font-family: var(--mb-fuente); color: var(--mb-claro); background: var(--mb-noche); line-height: 1.5; }
h1, h2, h3 { color: var(--mb-dorado); font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; }
a { color: var(--mb-gris); }
.boton { background: var(--mb-salvia); color: var(--mb-noche); }
section.alterna { background: var(--mb-pizarra); }
.tarjeta { background: var(--mb-acero); }

Estrategia de marca · Identidad visual
Dirección y diseño: Pablo Pena
Montevideo, Uruguay · Octubre 2026
Sitio: mirianbotello.com