Diseño de interiores • Estrategia • Experiencias
Manual de marca • Edición 1 • Octubre 2026
Diseño de interiores • Estrategia • Experiencias
Manual de marca • Edición 1 • Octubre 2026
Contenido
00 — La marca
«ruthie herrera» es la marca de Ruth Herrera: ingeniera industrial con maestría en Marketing que une el diseño de interiores con la estrategia comercial y la operación de negocios.
Diseña espacios residenciales, comerciales y de hospitalidad, administra alojamientos de corta estancia en San Salvador y acompaña a emprendedores con mentorías de marketing y marca personal.
San Salvador, El Salvador
00 — Esencia
Propósito
Objetivos claros antes del primer boceto: qué debe lograr el espacio.
Procesos, equipos y seguimiento hasta la entrega.
Estética y función al servicio de quien usa el espacio.
00 — Personalidad
Materiales nobles, luz natural, cercanía.
Orden, proporción y criterio de ingeniera.
Cada decisión responde a un objetivo.
Pocos elementos, mucho aire, nada de ruido.
Es
Sobria · cálida · clara · profesional · contemporánea
No es
Recargada · fría · de moda pasajera · ostentosa · informal
01
La firma de la marca: dos palabras, dos colores y un solo criterio.
01 — Logotipo principal
Un logotipo tipográfico en minúsculas: «ruthie» en carbón, cercano y personal; «herrera» en terracota, la firma que da carácter. Es la versión preferente en todas las piezas.
Montserrat SemiBold • tracking −30
01 — Origen
El muro cálido, el arco, el travertino y la terracota del banner con el que Ruth ya se presenta se ordenan aquí en un sistema: el mismo nombre, ahora dibujado en vectores y con reglas de uso.
01 — Construcción
Ascendente
Altura de x
Línea base
0,7 X
X
El módulo X es la altura de la «x» de Montserrat SemiBold. Todo se mide en X: el espacio entre palabras es 0,7 X, el área de protección 1 X y el descriptor ocupa el 94 % del ancho del logotipo.
Proporción 8,5 : 1
01 — Área de protección
Alrededor del logotipo se deja libre, como mínimo, 1 X por cada lado. Ningún texto, borde o imagen entra en esa zona.
01 — Tamaños mínimos
Horizontal
120 px · 30 mm
Apilado
70 px · 18 mm
Con descriptor
220 px · 55 mm
Monograma
16 px · 6 mm de alto
Por debajo de estas medidas el logotipo pierde lectura. En favicons y avatares pequeños se usa siempre el monograma.
01 — Versión apilada
Para formatos verticales o cuadrados: portadas, bolsas, letreros e historias. Las líneas base se separan 0,9 em y el tracking se cierra a −50 por el tamaño de uso.
01 — Versión con descriptor
El descriptor de su banner acompaña al logotipo en presentaciones, tarjetas y portadas. Montserrat Medium, tracking +70, puntos en terracota. Nunca por debajo de 220 px de ancho.
01 — Monograma
Centro del arco
Línea base · 0,2 A
A
1,3 A
El arco del banner contiene las iniciales. Su ancho A es 1,95 veces el de «rh»; su alto, 1,3 A, con remate semicircular. Es la cara de la marca en avatares, favicon, sellos y detalles.
01 — Monograma lineal
La variante lineal dibuja el arco con un trazo fino (1,8 % de A). Funciona en relieve sobre papel, grabado láser, vinil sobre vidrio y señalética. No se usa por debajo de 80 px.
01 — Sistema de versiones
Horizontal
Preferente. Web, firmas, documentos, cabeceras.
Con descriptor
Presentación de la marca: tarjetas, portadas, banners.
Apilado
Formatos verticales: historias, bolsas, letreros.
Monograma
Espacios pequeños: avatar, favicon, sellos.
01 — Versiones de color
Principal · sobre cal
Principal · sobre blanco
Negativo · sobre noche
Cal · sobre terracota
Una tinta · carbón
Una tinta · terracota
01 — Sobre fotografía
Foto clara · principal
Foto oscura · cal
Foto con detalle · velo + negativo
El logotipo se apoya en zonas tranquilas de la imagen. Si el fondo tiene mucho detalle, se aplica un velo noche del 45 % al 70 %.
01 — Usos incorrectos
No deformar
No rotar
No cambiar colores
No invertir los colores
No cambiar la tipografía
No añadir sombras ni efectos
No usar fondos sin contraste
No alterar el orden
02
Tierra, piedra y cal: la paleta sale del muro, el travertino y la terracota del banner.
02 — Paleta principal
CMYK de referencia para estucado. Validar siempre con prueba de color de la imprenta.
02 — Paleta secundaria
#E4DCD1
228 220 209
10 11 16 0
#D8CDBF
216 205 191
15 17 24 0
#BFAE99
191 174 153
26 30 40 2
#C9774F
201 119 79
15 60 75 3
#7E3D21
126 61 33
30 80 100 35
#605B53
96 91 83
52 50 58 25
#2C2A27
44 42 39
68 65 68 70
Neutros cálidos para fondos y superficies; terracota clara para acentos sobre oscuro; grafito para textos secundarios; noche para fondos profundos.
02 — Proporción de uso
La terracota es la firma: se usa en el apellido, en acentos y en un bloque por pieza como máximo. El protagonismo lo tienen los neutros y la fotografía.
02 — Combinaciones y contraste
Carbón sobre cal
9,5 : 1 · AAATerracota sobre cal
4,9 : 1 · AACal sobre terracota
4,9 : 1 · AACal sobre noche
12 : 1 · AAATerracota clara sobre noche
4,3 : 1 · solo títulosCarbón sobre travertino
7,3 : 1 · AAAContraste WCAG 2.1. Evitar terracota sobre arena o terracota clara: no alcanza la lectura mínima.
03
Una sola familia, geométrica y clara: Montserrat.
03 — Familia tipográfica
Aa
Sans serif geométrica de Julieta Ulanovsky, inspirada en los rótulos del barrio Montserrat de Buenos Aires. Licencia libre SIL OFL: se puede usar en web, impresos y aplicaciones sin costo.
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
0123456789 ¿?¡! áéíóú · • → @
03 — Pesos
03 — Jerarquía
Diseño de interiores • Estrategia
Espacios con identidad.
Estética, función y una experiencia coherente.
Conecto estrategia, operación y diseño para crear espacios que se ven bien, funcionan mejor y aportan valor al negocio.
Una palabra clave del titular puede ir en terracota y Medium 500. Nunca cursivas, nunca más de una palabra destacada por titular.
04
Arco, línea fina, travertino y sombra de hojas: el bodegón del banner convertido en sistema.
04 — El arco
Máscara de foto
Bloque de color
Línea
Alto entre 1,3 y 1,7 veces el ancho, remate semicircular y base recta. Una sola vez por pieza, con fotografía, terracota o como línea.
04 — Línea fina y círculo
Las líneas finas del banner atraviesan la composición: círculos grandes que salen del formato y verticales que ordenan. Siempre en carbón al 30 % o en terracota; nunca gruesas, nunca discontinuas.
04 — Bodegón
04 — Composición
Portada de la web: el bodegón del banner como sistema
05
Luz natural, materiales nobles y espacios que respiran.
05 — Estilo
05 — Tratamiento
Color natural
Piezas de proyecto, portadas, redes.
Gris cálido
En web: la foto pasa a color al pasar el cursor.
Así no
Saturada, fría o con flash directo.
Las fotos de este manual son referenciales (Unsplash). Sustituir por proyectos propios cuando estén disponibles.
06
Habla como una profesional cercana: clara, práctica y sin adornos.
06 — Tono
En primera persona, de tú, con calidez. Ruth habla con su cliente, no a una audiencia.
Frases cortas. Una idea por frase. Sin tecnicismos de diseño ni de negocio.
Siempre aterriza: qué se gana, cuánto tarda, cuál es el siguiente paso.
06 — Así sí, así no
Así sí
«Tu Airbnb puede verse mejor y reservarse más. Empecemos por la sala.»
«Diseño espacios que se ven bien y funcionan mejor.»
«Cuéntame qué tienes en mente.»
Así no
«Soluciones integrales de interiorismo de vanguardia para clientes exigentes.»
«¡¡Transforma tu hogar YA con descuentos increíbles!!»
«Estimado usuario, complete el formulario.»
07
La marca en uso: papelería, digital y espacio físico.
07 — Tarjetas de presentación
85 × 55 mm • Frente terracota, dorso cal • Papel algodón 600 g
07 — Papelería
Hoja membretada A4
Logotipo arriba a la izquierda, arco de línea en marca de agua, datos en el pie. Sobre DL con canto terracota.
07 — Propuesta y firma
Firma de correo
Monograma, nombre, descriptor y contacto. Se inserta como imagen de 600 px de ancho.
07 — Instagram · perfil
Foto de perfil
El monograma sobre muro cálido: se lee igual en 40 px que en 400. La cuadrícula alterna proyecto, frase y fotografía; un post terracota cada nueve como máximo.
Usuario referencial · confirmar el real
07 — Instagram · publicaciones 4:5
Proyecto
Frase
Portada de carrusel
07 — Instagram · historias
1080 × 1920 • margen seguro de 250 px arriba y abajo para la interfaz
07 — LinkedIn
Ruth Herrera
Diseño de interiores · Estrategia · Experiencias
San Salvador, El Salvador
Banner 1584 × 396 • la esquina inferior izquierda queda libre para la foto
07 — Web
Sitio de una página • fotos en gris que pasan a color • el bodegón del banner en la portada
07 — Espacio físico
Letrero de obra en arco
Bolsa de tela · apilado
07 — Ícono y favicon
El monograma sobre cal funciona como ícono de app, favicon y avatar en cualquier plataforma. En 16 px se usa el arco sin fondo.
Manual de marca • Edición 1 • San Salvador, octubre 2026