Color
Negativo
1 tinta carbón
1 tinta blanco
Color
Negativo
1 tinta carbón
1 tinta blanco
Color
1 tinta carbón
1 tinta blanco
Color
Negativo
1 tinta carbón
1 tinta blanco
Color
Negativo
1 tinta carbón
1 tinta blanco
16Lámina de CHISPA
15Lámina de MAX
17Cómo convivenBotones
Brandkit oficial · versión 1.0 · 18 oct 2026
TecniMoto.
La marca, en un solo lugar.
Todo lo que necesitas para que cualquier pieza se vea y suene a TecniMoto: logo, color, letra, a CHISPA y a MAX, cómo hablamos y cómo se produce. Para el equipo, para proveedores y para agentes de IA.
Cada recurso trae su estado:
Aprobado decidido por los responsables
Heredado viene del Manual 1.0 y sigue vigente
Propuesto listo, falta visto bueno
Pendiente todavía no existe
↓
Descargas
El kit completo en archivos. El manifest.json lista cada archivo con su huella sha256 para que un proveedor o un agente compruebe que tiene la versión correcta.
PDF
Brandkit 1.0 completo
Todo este sitio en un PDF de 13 páginas para compartir o revisar sin conexión.
ZIPLogo final en vector
5 variantes en color, negativo y una tinta. SVG, PDF y PNG de 3000 px.
PDFManual de Identidad 1.0
Las 25 láminas oficiales de junio 2026. También en versión ligera.
PDFEspecificaciones técnicas
Fichas de producción, señalética, uniformes y mobiliario.
ZIPPersonajes CHISPA y MAX
PNG de cuerpo completo, expresiones, poses, láminas y biblias.
ZIPDesign system
Tokens, fuentes, 33 componentes React, kits y brand book en texto.
ZIPAplicaciones y producción
Uniformes, señalética, mobiliario, gorras, stickers, renders y fichas.
ZIPLáminas del manual
Las 25 láminas en JPG de 1920 px para presentaciones.
ZIPPlantillas editables
Post, story y portada de presentación en SVG editable y PNG.
¿Tu proveedor pide otro formato? Los SVG del logo abren en Illustrator, Inkscape y cualquier plotter de corte. Para Pantone y sangrados ve a Producción.
01
Identidad
HeredadoTu moto sana, tú sin parar.
Es la misión y el lema maestro. TecniMoto es el pit-stop express para motos de trabajo en Acoxpa, CDMX. No competimos por ser el taller más grande: competimos por uptime. Servicio rápido, transparente, con garantía por escrito y agenda por WhatsApp.
Lo que prometemos
Sales rápido y seguro
Carril Express con menú fijo. Servicio en 30 minutos en trabajos repetibles.
Cero cuentos
Foto y video del hallazgo antes de tocar tu moto. Cotización por rangos y autorización por WhatsApp.
Control total
Tú decides hasta cuánto se gasta. Nunca rebasamos tu tope.
Garantía clara
Mano de obra y refacciones con garantía por escrito. Las piezas que cambiamos te las entregamos.
Tu moto, tu historial
Cada moto tiene expediente, recordatorios y nivel TecniPass.
Territorio Pit-Stop
El taller limpio y ordenado de las carreras. Lo contrario al taller grasoso rojo con negro del mercado. Aprobado
Personalidad
Rápido
Se ve con speed lines, skew y números grandes. Se oye en frases cortas: "Agenda", "Escanea".
Confiable
Evidencia en foto y garantía visible. "Te mandamos foto antes de tocar tu moto."
Vivo
CHISPA y MAX, micro-rebote en la interfaz. "¡Órale, Chispero!"
Cercano
Tuteo, fotos del taller real, la zona. "Listo, carnal. Todo al 100."
Sistematizado
Moto Health Score, pasos numerados, carril marcado en piso. "Entró a las 11, salió a la 1."
A quién le hablamos
Repartidores de 18 a 40 años (cliente ancla), micro-flotillas de 4 a 30 motos, vecinos de Acoxpa y Coapa que se mueven en moto, y motociclistas de fin de semana.
Arquitectura de marca
TecniMoto
├─ Express Lane ........ servicio en 30 min sin cita (amarillo)
├─ Servicios Completos . mantenimiento premium (naranja)
├─ TecniPass ........... fidelidad: Chispas, Bronce, Plata, Oro
└─ Chisperos ........... la comunidad de clientes
Cómo se escribe el nombre
- TecniMoto, una palabra, T y M mayúsculas.
- TecniMoto Express Lane en Google, fachada y firma de correo.
- Tecni Moto Garage, S.A. de C.V. solo en papelería legal.
- Tecnimoto, Tecni-Moto o "TM" en texto corrido.
La lente de diseño: modelo Hooked
Cada pieza refuerza un paso del ciclo. Si no refuerza ninguno, no sale.
1
Trigger
MAX preocupado. "Ya le toca servicio a tu moto" por WhatsApp.
2
Acción
Escanear el QR o mandar MOTO por WhatsApp. Mínima fricción.
3
Recompensa
CHISPA entrega Chispas con bonus sorpresa.
4
Inversión
Historial de la moto, nivel TecniPass y QR propio.
02
Logo
PropuestoCinco variantes, cada una en cuatro versiones, con los colores exactos de la paleta. Haz clic en cualquiera para bajar el SVG. Salen del trazo limpio del arte original. Si aparece el maestro .ai del diseñador, ése manda.
Medidas
- Mínimo: 25 mm impreso, 150 px digital.
- Área de protección: la altura de la letra M, por todos lados.
- Proporción del horizontal: 3.6 a 1.
Fondos
- Blanco o gris claro: versión color.
- Carbón o foto oscura con overlay: negativo.
- Vinil de corte, bordado, grabado: una tinta.
Nunca
- Distorsionar, rotar o recolorear.
- Sombras, degradados o contornos.
- Fondos sin contraste o archivos de baja resolución.
- Redibujarlo o armarlo con otra letra.
03
Color
HeredadoContraste aprobadoCuatro colores con proporción fija. El negro de la marca es carbón, nunca negro puro. Sobre amarillo y sobre naranja el texto va en carbón.
40%
Amarillo#FFD100 · RGB 255 209 0
Pantone 109 C
Pantone 109 C
--tm-yellow30%
Carbón#2D2D2D · RGB 45 45 45
Process Black 85%
Process Black 85%
--tm-charcoal-80025%
Naranja#FF6B35 · RGB 255 107 53
Pantone 1505 C
Pantone 1505 C
--tm-orange5%
Gris claro#F5F5F5 · RGB 245 245 245
Fondos de lectura
Fondos de lectura
--tm-gray-100Escalas
100
200
400
500
600
700
100
300
500
600
700
ink
900
800
700
600
g600
g500
g300
g100
éxito
aviso
peligro
info
bronce
plata
oro
Contraste
| Par | Muestra | Ratio | WCAG | Uso |
|---|---|---|---|---|
| Carbón sobre amarillo | Aa Chispas | 9.43:1 | AAA | Texto y botones sobre amarillo. Siempre así. |
| Carbón sobre naranja | Aa Chispas | 4.86:1 | AA | Texto sobre naranja. Corrección vigente de la ficha canónica. |
| Blanco sobre carbón | Aa Chispas | 13.77:1 | AAA | Texto largo sobre fondo oscuro. |
| Amarillo sobre carbón | Aa Chispas | 9.43:1 | AAA | Titulares, números y acentos sobre carbón. |
| Naranja sobre carbón | Aa Chispas | 4.86:1 | AA | Acentos y titulares grandes sobre carbón. |
| Carbón sobre gris claro | Aa Chispas | 12.63:1 | AAA | Lectura larga sobre gris de fondo. |
| Gris 600 sobre blanco | Aa Chispas | 5.33:1 | AA | Texto secundario y notas pequeñas. |
| Naranja 700 sobre blanco | Aa Chispas | 5.26:1 | AA | Texto naranja pequeño sobre blanco (enlaces, avisos). |
| Blanco sobre naranja | Aa Chispas | 2.84:1 | No pasa | No usar para texto. Era la regla vieja. |
| Blanco sobre amarillo | Aa Chispas | 1.46:1 | No pasa | Nunca. |
| Naranja sobre blanco | Aa Chispas | 2.84:1 | No pasa | Solo formas o titulares de 24 px o más. Nunca texto corrido. |
| Gris 500 sobre blanco | Aa Chispas | 3.45:1 | AA texto grande | Solo texto grande o elementos decorativos. |
Calculado con la fórmula de luminancia de WCAG 2.x. Datos en contrast.json · tokens en tokens.json y tokens.css.
04
Tipografía
HeredadoTres familias, cada una con un trabajo. Las tres están autoalojadas en este sitio con su licencia OFL, así que funcionan sin Google Fonts.
EXPRESS LANE
Aa Bb Cc 0123456789
30 MIN · $450
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789
Te mandamos foto antes.
400 · 600 · 800 · itálica
Escala web
display-xl · 72 pxTu moto sanadisplay-md · 36 pxServicios Completosh1 · 32 px · 800Cero cuentos en la cajah2 · 24 px · 700Tu moto tiene expedientebody · 16 px · 400Antes de tocar tu moto te mandamos 3 fotos y un rango de costo. Tú autorizas, nosotros ejecutamos.caption · 12 px · 600Garantía por escrito en mano de obra y refacciones.overline · 11 px · 800Carril ExpressLicencias: Racing Sans One · Bebas Neue · Montserrat. Las tres en SIL Open Font License 1.1. Descargar las tres fuentes (ZIP).
05
CHISPA y MAX
HeredadoCHISPA protagonistaLos clientes de TecniMoto son Chisperos y ganan Chispas. Por eso CHISPA es la cara de la comunidad. MAX la acompaña en el mundo físico: el taller, los uniformes y la señalética. Juntos en TecniPass: MAX hace el servicio y CHISPA da la recompensa.
CHISPALa bujía viva
Es la moneda del programa: 1 Chispa = 1 bujía. Chispeante y juguetona, experta técnica y la voz de las recompensas. Vive en todo lo digital: TecniPass, la app, WhatsApp y redes.
ChispeanteExperta técnicaGamificaciónMundo digitalTono divertido y motivador
Expresiones de CHISPA
Poses de CHISPA
TecniPass: lo que gana un Chispero
+50 a +300por servicio
+150por cada amigo que traes Aprobado
+50por racha
¿?lo que gana el amigo referido Pendiente
Bronce0 a 500 Chispas
Plata500 a 1500 Chispas
Oro1500 Chispas o más
MAXLa moto con vida
Compañero de ruta confiable. Su salud refleja la de la moto del cliente: cuando MAX se ve cansado, toca servicio. Vive en el mundo físico: taller, uniformes de mecánicos, señalética y stickers.
ConfiableEnergéticoCercanoMundo físicoVersión duo-color para bordado
Expresiones de MAX
Poses de MAX
Reglas para los dos
- Usa solo los archivos oficiales de este kit.
- Un personaje protagonista por pieza.
- Nombres siempre en mayúsculas: CHISPA y MAX.
- Redibujarlos, recolorearlos o cambiarles proporciones.
- Inventarles emociones fuera de esta biblioteca.
Pendiente PNG transparente de cada expresión y pose. Mientras tanto, los recortes salen de las láminas 15 y 16 del manual y van sobre fondo blanco.
06
Voz y mensajes
Lemas aprobadosHablamos como el mecánico de confianza del barrio que además es muy ordenado. Español de México, tuteo siempre, frases cortas.
Lema maestro
Tu moto sana, tú sin parar.
Fachada, portadas, cierres y firma de marca.
Único secundario
Servicio que te mueve.
Señalética y fachada secundaria. Un lema por pieza.
Retirados el 11 oct 2026
Pasión por moverte
Tu moto en las mejores manos
Rápido, confiable, profesional
CTA único
Manda MOTO por WhatsApp.
Flotillas: "Escribe FLOTA por WhatsApp."
Tríada
Rápidos · Precisos · Confiables
Lonas, flyers y pie de página.
Promesa corta
Servicio en 30 min.
Tag amarillo, menú y carril. Siempre "min", nunca "media hora".
Así sí, así no
| Sí | No |
|---|---|
| Agenda tu check-up. | Le invitamos a agendar su cita. |
| Te mandamos foto antes de tocar tu moto. | Contamos con un riguroso proceso de diagnóstico. |
| Gana 150 Chispas por traer a un amigo. | Acumula 150 puntos. |
| Entró a las 11, salió a la 1. | Servicio rapidísimo y de la más alta calidad. |
| ¡Órale, Chispero! Tu moto lista en 30. | Su unidad ha sido atendida satisfactoriamente. |
Tono por canal
| Canal | Tono | Ejemplo |
|---|---|---|
| Cercano y rápido. Un mensaje, una idea. | "¿Nos regalas 30 segundos y una reseña en Google?" | |
| Redes | Energético, con evidencia real. | "Esta moto llegó frenando con esto. ¿Ves el metal?" |
| Google Business | Claro e informativo, sin slang. | "Te damos el tiempo estimado por WhatsApp antes de empezar." |
| Señalética | Imperativo, mayúsculas, 4 palabras máximo. | "EXPRESS LANE", "ESCANEA Y AGENDA" |
| CHISPA y MAX | Barrio mexicano, juguetón. | "¡Órale, Chispero! Ya ganaste 50 Chispas." |
| Flotillas | Profesional, con números. | "Diagnóstico por unidad y calendario preventivo." |
Prohibido
"Usted", "puntos" (son Chispas), "el más grande", "líder del mercado", superlativos sin dato, precios que Héctor no haya validado y fechas inventadas.
Números y emoji
Precios en Bebas, sin decimales si son cerrados: $450. Rangos: $399 a $599. Emoji al mínimo: ⚡ solo junto a Chispas, uno por mensaje.
07
Fotografía
HeredadoLa imagen de TecniMoto es evidencia. Fotos reales del taller, de la pieza gastada y de la moto lista. Los renders sirven para presentar cómo se verá el local y siempre se marcan como renders.
Qué fotografiar
- El hallazgo: la balata gastada, la cadena estirada, el aceite negro.
- La pieza vieja en la mano junto a la nueva.
- El tiempo: hora de entrada y de salida.
- La moto lista, limpia, saliendo del carril.
- El equipo con uniforme, trabajando de verdad.
- La zona: Acoxpa, Coapa, la calle del taller.
Qué no usar
- Stock de motos deportivas o talleres que no son el nuestro.
- Renders en Google Business. Ahí solo fotos reales.
- Clientes o placas identificables sin permiso.
- Grasa, desorden o herramienta tirada.
- Filtros que cambien el amarillo o el naranja.
Renders del local Heredado
Fotos reales para Google Business Pendiente
Las 10 tomas mínimas: fachada de día, fachada de noche, entrada y recepción, zona de trabajo, técnico trabajando, diagnóstico, sala de espera, bodega, moto entregada y foto del equipo. Requisito de Google: JPG o PNG entre 10 KB y 5 MB, 720 × 720 px o más.
08
Movimiento
HeredadoEl movimiento dice "rápido" sin estorbar. Un micro-rebote al tocar, transiciones cortas y nada que se mueva solo todo el tiempo, salvo CHISPA cuando entrega una recompensa.
Duraciones
--dur-fast 120 ms para hover.--dur-base 200 ms para botones y tarjetas.--dur-slow 320 ms para hojas y modales.
Curvas
--ease-snap micro-rebote para acciones.--ease-out para entradas y salidas.
Movimiento reducido
Con prefers-reduced-motion las duraciones bajan a 0 y CHISPA se queda quieta.
Pruébalo
09
Aplicaciones
HeredadoLa marca ya aplicada: uniformes por rol, señalética, mobiliario, gorras, stickers y formatos digitales. Las medidas y materiales están en Producción.
Uniformes por rol · TECNI-UNI-002
Señalética y mobiliario
Formatos digitales
| Formato | Medida | Zona segura | Archivo |
|---|---|---|---|
| Post de Instagram | 1080 × 1080 px | 80 px por lado | JPG o PNG |
| Story y estado de WhatsApp | 1080 × 1920 px | 250 px arriba y abajo | JPG, PNG o MP4 de 30 s máximo |
| Post de Facebook | 1200 × 630 px | 80 px por lado, texto 20% máximo | JPG o PNG |
El componente SocialCard del design system ya trae estas medidas y zonas seguras.
10
Producción y proveedores
HeredadoPara imprenta, uniformes, señalética y stickers. Cita el código de cada pieza en tu cotización. Las fichas completas vienen en el PDF de especificaciones técnicas.
| Código | Pieza | Cantidad | Clave |
|---|---|---|---|
| TECNI-FAC-001 | Lona de fachada 3 × 1 m | 1 | Frontlit 13 oz, 720 dpi, sangrado 50 mm, 14 ojillos, LED 3000K perimetral |
| TECNI-UNI-002 | Playeras y polos de staff | 10 | Bordado hilo Pantone match, serigrafía plastisol a 160 °C |
| TECNI-STK-003 | Stickers de moto | 200 | Vinil 3M Serie 50 u Oracal 651, laminado UV, 5 años exterior |
| TECNI-PASS-004 | Tarjetas TecniPass | 500 | PVC 0.76 mm, 85.6 × 54 mm, Pantone 109 C, 1505 C y 871 C, QR único |
| TECNI-CAP-005 | Gorras de staff | 5 | Snapback 6 paneles, bordado 3D 10 × 3 cm, monograma TM lateral |
Impresión estándar
CMYK + Pantone spot 109 C y 1505 C. 300 dpi a tamaño real. Sangrado de 3 mm, elementos importantes a 5 mm del borde.
Gran formato
150 dpi mínimo. Sangrado de 5 cm, ojillos a 10 cm del borde.
Color
Igualación Pantone obligatoria con Delta E menor a 2.0 y strike-off antes de producir. El negro de marca es Process Black al 85%.
Proceso de aprobación (lámina 24)
1
Cotización
Brief con especificaciones. El proveedor cotiza con muestra en 3 a 5 días hábiles.
2
Muestra
Strike-off de color obligatorio.
3
Aprobación
Héctor o Jorge aprueban la muestra física por escrito.
4
Producción
Solo con aprobación escrita. Inspección del lote final.
5
Entrega
No conformidades en 48 horas. Se archivan muestras.
Checklist de salida
- Cero negro puro #000.
- Texto sobre amarillo o naranja en carbón.
- Cuerpo en Montserrat.
- Máximo un patrón gráfico visible.
- Tuteo, titulares en mayúsculas, Chispas y nunca puntos.
- Un solo lema y un solo CTA.
- Logo oficial, área de protección y tamaño mínimo.
- Fotos reales del taller. Cero renders en Google Business.
- Cero precios sin validar y cero fechas inventadas.
- Datos de contacto reales.
- Refuerza una promesa y un paso del ciclo Hooked.
11
Design system
Propuesto33 componentes en React con tokens, documentación y vistas previas. Abajo, varios de ellos corriendo en vivo con el mismo código que usa la app TecniPass. La referencia completa vive en el design system interactivo.
Badges y Chispas
Contador de Chispas
Niveles TecniPass
Servicio · precio de ejemplo
Progreso al siguiente nivel
Los componentes cargan desde /ds/bundle.js con React 18.
Plantillas editables Propuesto
SVG con textos editables y PNG final de ejemplo. Abren en Illustrator, Figma o Inkscape con las tres fuentes instaladas. Cambia solo los textos y respeta la zona segura.
Espacio y radios
4
8
12
16
24
32
48
64
Escala de 4 px: --space-1 a --space-20.
sm
md
lg
xl
pill
Sombra dura de marca: --shadow-hard 4 px 4 px 0 carbón.
Componentes
AlertBadgeBottomNavButtonCardCheckboxChispaBoltChispaCounterChispaPillHazardBarIconInputListItemLogoMaxStatusCardModalProgressBarQRCodeQuickActionRadioGroupRewardItemRewardPopupSelectServiceCardServiceTrackerSocialCardStatTileSwitchTabsTecniPassCardTextareaTierBadgeToast
Accesibilidad
Contraste revisado con WCAG 2.x en todos los pares de la paleta. Texto pequeño solo en pares AA o mejor.
Foco visible en amarillo en todo control. Áreas táctiles de 44 px o más en celular.
Movimiento reducido respetado. Íconos con texto o etiqueta accesible.
12
Para equipos y agentes
Este brandkit está hecho para que una persona o un agente de IA produzca piezas de TecniMoto sin preguntar. Todo lo de esta página existe también en archivos que se leen solos.
Pégale esto a tu agente
Vas a producir piezas para la marca TecniMoto.
Antes de empezar, lee completo:
https://brandkit.tecnimoto.mx/AGENTS.md
https://brandkit.tecnimoto.mx/brand.json
https://brandkit.tecnimoto.mx/decisiones.json
Usa los colores y fuentes de https://brandkit.tecnimoto.mx/tokens.css
y los logos y personajes del brandkit, sin redibujarlos.
CHISPA es la protagonista en lo digital; MAX en lo físico.
Si te falta un precio, una fecha o un teléfono, márcalo como pendiente. No lo inventes.
Antes de entregar, pasa la checklist de brand.json.
AGENTS.mdCómo producir cualquier pieza, paso a paso.
brand.jsonTodas las reglas: color, letra, logo, personajes, voz, checklist.
decisiones.jsonDecisiones con fecha y pendientes. Manda sobre el manual.
tokens.jsonTokens primitivos y semánticos.
tokens.cssVariables CSS con las fuentes declaradas.
contrast.jsonPares de color y su contraste.
llms.txtÍndice para modelos de lenguaje.
manifest.jsonTodos los archivos con tamaño y sha256.
encargo-agente-diseno.mdBrief integral para Lovart u otro agente de diseño.
Quién aprueba
Héctor Suárez y Jorge Suárez. Ningún agente ni proveedor aprueba por su cuenta logo, paleta, lemas o precios.
13
Fuentes y versiones
Entregado
- Manual de Identidad 1.0 y especificaciones técnicas.
- Design system v2 con 33 componentes.
- Logo en vector con colores exactos.
- Brand book en 6 secciones.
- Este brandkit con archivos para agentes.
Por aprobar
- Logo en vector (pendiente visto bueno y maestro .ai).
- Recortes de expresiones de CHISPA y MAX como recurso de trabajo.
Pendiente
- Cuántas Chispas gana el amigo referido.
- Archivo maestro .ai del logo del diseñador original.
- MAX y CHISPA en PNG transparente por emoción y por pose.
- Fotos reales del taller (guía de 10 tomas en curso).
- Corregir láminas 16 y 18 y el póster que todavía muestran lemas retirados.
- Datos reales en la tarjeta de presentación de ejemplo (lámina 18 trae datos de Colombia).
- Reverso de la tarjeta TecniPass: cambiar "puntos" por Chispas.
- Registro de marca ante el IMPI.
Las 25 láminas del Manual 1.0
01Portada
02Historia de Marca
03Arquitectura de Marca
04Logo Principal
05Variantes de Logo
06Uso Correcto Logo
07Uso Incorrecto Logo
08Paleta de Colores
09Aplicaciones de Color
10Tipografia Principal
11Jerarquia Tipografica
12Elementos Graficos
13Uso de Patrones
14Iconografia
15MAX Personaje
16CHISPA Personaje
17Interaccion Personajes
18Aplicaciones Impresas
19Aplicaciones Digitales
20Uniformes Merchandise
21Senaletica Ambiental
22Especificaciones Impresion
23Especificaciones Materiales
24Proceso Aprobacion
25ContraportadaOjo: algunas láminas todavía muestran lemas retirados y datos de ejemplo. Lo que dice este brandkit manda sobre las láminas.
Registro de cambios
| Fecha | Cambio |
|---|---|
| 18 oct 2026 | Brandkit 1.0 en brandkit.tecnimoto.mx. CHISPA pasa a protagonista. Archivos para agentes y encargo integral. |
| 11 oct 2026 | Logo en vector con colores exactos. Referido fijado en +150 Chispas. Lemas y responsables de marca decididos. |
| 3 oct 2026 | Design system migrado a la nube: tokens, fuentes autoalojadas y 33 componentes. |
| 30 jul 2026 | Ficha canónica: correcciones de contraste y receta de documentos. |
| Junio 2026 | Manual de Identidad 1.0 (25 láminas) y especificaciones técnicas de producción. |