Índice
- 01Nombre de marca
- 02Logo — variantes y uso
- 03Zona de respeto y tamaño mínimo
- 04Usos incorrectos del logo
- 05Paleta de colores
- 06Tipografía
- 07Voz y tono
- 08Aplicaciones
Nombre de marca
El nombre oficial y único válido es Talleres Servi Auto, escrito siempre en tres palabras, con mayúscula inicial en cada término.
La variante histórica Talleres Serviauto (una sola palabra) proviene del logotipo anterior y está en proceso de purga. Se tolera únicamente en contextos de SEO — el buscador la indexa como sinónimo — pero nunca debe aparecer en materiales visuales nuevos.
✓ Correcto
Talleres Servi Auto
✗ Incorrecto
ServiAuto
Serviauto
Talleres Serviauto
Serví Auto
servi auto
SERVI AUTO
Nota SEO: "talleres serviauto" escrito junto puede aparecer en metadatos, llms.txt y texto alt de imágenes exclusivamente para capturar búsquedas históricas. Nunca en titulares, botones ni contenido visible al usuario.
Logo — variantes y uso
El logo consta de tres elementos fijos: la silueta de un automóvil, la leyenda "MECÁNICA AUTOMOTRIZ" sobre el auto (Inter Bold, todo en mayúsculas), y la denominación "Talleres Servi Auto"bajo el auto (Ethnocentric Regular). Ningún elemento puede usarse de forma aislada sin autorización expresa.
Logo principal
Sobre fondos blancos y grises claros (0–30% gris).
logo.png
Logo negro / monocromático oscuro
Para impresión en blanco y negro, bordados, grabados.
logo_black.png
Logo monocromático (negativo)
Sobre fondos oscuros: negro, gris oscuro (80–100% oscuro).
logo_monocromatico.png
Logo con footer rojo
Esta es la única variante autorizada sobre fondo rojo.
logo_con_footer.png
Variante "sobre fondo rojo" — pendiente de diseño en Inkscape.
Reemplazar este placeholder cuando esté lista.
Color del auto en el logo: la silueta del automóvil debe aparecer siempre en negro, gris o blanco de la paleta oficial. Nunca en rojo ni en colores fuera de la paleta.
Zona de respeto y tamaño mínimo
Zona de respeto
Ningún elemento externo — texto, imagen, borde, otro logotipo — puede entrar dentro de la zona de protección del logo.
El padding mínimo en todas las direcciones es de 20 mmen formato físico. En digital, se recomienda un espacio equivalente a la altura de la letra "T" del nombre de marca.
Tamaño mínimo
El archivo fuente SVG está diseñado a 200 × 200 mm. No se debe reproducir el logo a un tamaño inferior a 25 mm de anchoen impreso, ni a 80 px en pantalla. Por debajo de esas medidas, la tipografía Ethnocentric Regular pierde legibilidad.
| Medio | Mínimo |
|---|---|
| Impreso (gigantografía, flyer) | 25 mm |
| Digital / web | 80 px |
| Favicon / avatar | Usar isotipo solamente |
| Bordado / grabado | 40 mm |
Usos incorrectos del logo
Estas son las restricciones absolutas. No hay excepciones.
No usar sobre fondos rojos
El logo no tiene contraste suficiente sobre ningún tono de rojo. La única excepción es logo_con_footer_rojo.png, que ya lleva el fondo integrado.
No usar sobre grises saturados 30–80%
En esa franja de gris el logo pierde contraste en todos sus elementos. Usar solo sobre grises < 30% (claros) o > 80% (oscuros).
No deformar
El logo siempre mantiene sus proporciones originales. No se puede estirar, comprimir ni modificar el ratio de aspecto.
No girar
El logo es siempre horizontal, en su orientación de origen. No se puede rotar ningún grado.
No separar elementos
El auto, 'MECÁNICA AUTOMOTRIZ' y 'Talleres Servi Auto' son un conjunto inseparable. No se puede usar uno sin los otros salvo en el favicon.
No escribir el nombre mal
ServiAuto, Serviauto, Serví Auto, servi auto y similares están prohibidos en cualquier material visual.
Paleta de colores
Rojo primario
#d40000
--color-red-primary
Acento principal. CTAs, títulos de sección, elementos de énfasis.
Negro texto
#1a1a1a
--color-black-text
Texto principal en modo claro. Fondo de tarjetas oscuras.
Blanco
#fafafa
--color-white
Fondo principal en modo claro. Texto sobre fondos oscuros.
Gris medio
#727272
--color-gray
Texto secundario, metadatos, notas al pie.
Gris oscuro
#a0a2a4
--color-gray-dark
Texto secundario en modo oscuro.
Gris claro
#e4e4e5
--color-gray-light
Bordes, separadores, fondos de tabla.
Superficie clara
#ffffff
--color-surface-bg
Fondo de página en modo claro.
Superficie oscura
#1f1f1f
--color-surface-bg dark
Fondo de página en modo oscuro.
Card claro
#f5f5f5
--color-card-bg
Tarjetas y bloques en modo claro.
Card oscuro
#2a2a2a
--color-card-bg dark
Tarjetas y bloques en modo oscuro.
Zona de grises prohibida para el logo: cualquier gris entre#4d4d4d y #cccccc (aprox. 30–80% de saturación) hace que el logo pierda contraste. Usar solo grises muy claros o muy oscuros.
Tipografía
Logo · Solo exportado como imagen
Ethnocentric Regular
TALLERES SERVI AUTO
MECÁNICA AUTOMOTRIZ
Exclusivamente para el logo: la denominación "Talleres Servi Auto" y a lo máximo "Mecánica en General" en materiales de marca. La licencia no permite embeber en web. En SVGs destinados a la web, todos los textos en Ethnocentric deben convertirse a trayectorias (Inkscape → Objeto → Objeto a trayectoria). El SVG fuente conserva el texto editable para facilitar futuras modificaciones.
Logo · Impreso · Gigantografías · Panfletos
Inter Bold
MECÁNICA AUTOMOTRIZ
Usada en el logo para la leyenda "MECÁNICA AUTOMOTRIZ" (siempre en mayúsculas), y en todos los materiales impresos: panfletos y gigantografías. Inter funciona bien junto a Ethnocentric Regular porque contrasta sin competir. No mezclar Inter con Roboto Slab en el mismo material impreso.
Web únicamente
Roboto Slab
Mecánica de confianza.
25 años.
Tipografía exclusiva del sitio web. Sus serifs transmiten solidez y tradición familiar, coherente con la historia del taller. No es adecuada para carteles o gigantografías porque en ese contexto choca visualmente con Ethnocentric Regular. Para esos materiales, usar Inter.
Resumen de uso
| Fuente | Web | Logo | Impreso |
|---|---|---|---|
| Ethnocentric Regular | ✗ No (licencia) | ✓ Nombre de marca | ✓ Solo en logo exportado |
| Inter Bold | ✗ No (usar Roboto Slab) | ✓ MECÁNICA AUTOMOTRIZ | ✓ Panfletos y gigantografías |
| Roboto Slab | ✓ Títulos y cuerpo | ✗ No | ✗ No |
Voz y tono
Talleres Servi Auto es un negocio familiar. El trato es directo, honesto y cercano — sin tecnicismos innecesarios ni frases corporativas vacías. El cliente llega con un problema; la comunicación debe ayudarle a entenderlo y resolverlo, no impresionarle con jerga.
Personalidad de marca
Directo
Decimos lo que hay sin rodeos. El cliente merece saber exactamente qué tiene y qué cuesta.
Cercano
Somos vecinos del sur de Quito. El trato es de persona a persona, no de empresa a cliente.
Confiable
25 años de trabajo hablan por sí solos. No necesitamos exagerar.
Técnico sin pretensión
Sabemos lo que hacemos, pero lo explicamos en el idioma del cliente.
Frases de marca aprobadas
Estas frases funcionan en encabezados del sitio, rótulos, vallas y materiales institucionales. Fuera de estos contextos de bienvenida/cierre, el nombre de la empresa no debe ir pegado al logo como slogan repetitivo.
"Somos Talleres Servi Auto."
"Te esperamos en Talleres Servi Auto."
"Tu carro en buenas manos."
"Mecánica de confianza, desde el sur de Quito."
Ejemplos de copy
✓ Decir
"El mismo técnico que diagnostica es quien repara."
✗ No decir
"Contamos con un equipo de profesionales altamente capacitados."
✓ Decir
"Sales sabiendo exactamente qué falló y cuánto cuesta."
✗ No decir
"Ofrecemos soluciones integrales y transparentes para su vehículo."
✓ Decir
"Si el motor suena raro, tráelo. Lo vemos ese mismo día."
✗ No decir
"¡No esperes más! ¡Visítanos y descubre por qué somos los mejores!"
✓ Decir
"Más de 25 años arreglando carros."
✗ No decir
"Líderes en el mercado automotriz quiteño con décadas de trayectoria."
Aplicaciones
Guía rápida de qué versión del logo, fuente y paleta usar en cada soporte.
Sitio web
- Logo
- logo.png / logo_monocromatico.png según sección
- Fuente
- Roboto Slab
- Color
- Paleta completa con tokens CSS
⚠ Nunca Ethnocentric en la web.
Gigantografía / valla
- Logo
- logo.png o logo_black.png a ≥ 25 mm
- Fuente
- Inter Bold
- Color
- Rojo primario + negro + blanco
⚠ Sin Roboto Slab. Fondo oscuro preferible.
Panfleto / volante
- Logo
- logo.png o logo_con_footer_rojo.png
- Fuente
- Inter Bold para titulares
- Color
- Rojo + negro + blanco
⚠ No usar grises 30–80% como fondo.
WhatsApp / redes sociales
- Logo
- logo.png sobre blanco o logo_monocromatico.png sobre oscuro
- Fuente
- Sin restricción para el copy del mensaje
- Color
- Rojo primario para énfasis
⚠ El avatar del perfil puede ser el isotipo recortado.
Bordado / serigrafía
- Logo
- logo_black.png como referencia. Mínimo 40 mm.
- Fuente
- Según proveedor (vectorizar Ethnocentric)
- Color
- Negro o rojo según fondo de la prenda
⚠ Pedir cotización siempre con el SVG fuente.
Documentos internos / PDF
- Logo
- logo.png en encabezado
- Fuente
- Roboto Slab o Inter según contexto
- Color
- Mínimo color. Negro sobre blanco.
⚠ El logo no necesita sombra ni efectos en documentos.