Actual
Archivo + Rajdhani
- Logo
- El neón real de Top Detail
- Botones
- Cristal con esquinas suaves
- Sitio
- Fila de 5 abajo; opciones a la izquierda; «Volver» arriba a la izquierda
- Orden
- Pintura · Limpieza · Tintado · Extras · Taller
10 variantes de la web
Mismas fotos, animaciones, textos y tutorial que la web actual. En cada una cambian el logo, la tipografía, la forma de los botones, su sitio y el orden. La 6 y la 10 usan el logo real con otros colores; en las demás, el logo es una propuesta. La primera tarjeta es la actual, para comparar.
Clásica
Cinzel + Montserrat
- Logo
- Sello redondo con el monograma TD
- Botones
- Círculos finos con el nombre al lado
- Sitio
- Servicios en columna a la izquierda; opciones a la derecha; «Volver» redondo
- Orden
- Limpieza · Tintado · Pintura · Extras · Taller
Racing
Bebas Neue + Barlow Semi Condensed
- Logo
- Rótulo de carreras inclinado con franjas rojas
- Botones
- Paralelogramos inclinados, macizos
- Sitio
- Fila abajo; logo en el centro; «Volver» dentro de la cabecera
- Orden
- Pintura · Tintado · Limpieza · Extras · Taller
Editorial
Playfair Display + Inter
- Logo
- Logotipo de revista en cursiva con filetes
- Botones
- Solo texto, numerados como un índice, sin cajas
- Sitio
- Índice a la derecha; «Pedir cita» a la izquierda; logo en el centro; el precio pasa debajo de la descripción
- Orden
- Pintura · Limpieza · Extras · Tintado · Taller
Técnica
Michroma + Saira
- Logo
- Emblema hexagonal TD, como las luces del taller
- Botones
- Hexágonos en panal y esquinas achaflanadas
- Sitio
- Panal arriba a la derecha; opciones a la izquierda
- Orden
- Limpieza · Pintura · Tintado · Extras · Taller
Laboratorio
Space Grotesk + JetBrains Mono
- Logo
- «topdetail■garage» en minúsculas, estilo técnico
- Botones
- Barra tipo tabla con índices, chips y monoespaciada
- Sitio
- Barra arriba; opciones en fila encima de la ficha; «Pedir cita» a la izquierda y logo a la derecha
- Orden
- Extras · Limpieza · Pintura · Tintado · Taller
Boutique
Cormorant Garamond + Jost
- Logo
- El logo real en champán, sin neón
- Botones
- Cápsula flotante con Pintura destacada en un círculo central
- Sitio
- Dock abajo en el centro; logo grande centrado; opciones a la derecha
- Orden
- Tintado · Limpieza · Pintura · Extras · Taller
Cartel
Anton + Roboto Condensed
- Logo
- Etiqueta tipo pegatina, roja y blanca
- Botones
- Bloques macizos de esquinas rectas, solo texto
- Sitio
- Columna a la izquierda; «Volver» en un cuadrado rojo; cita en bloque blanco
- Orden
- Pintura · Extras · Limpieza · Tintado · Taller
Moderna
Unbounded + Outfit
- Logo
- Icono tipo app «td» y el nombre al lado
- Botones
- Botones grandes muy redondeados; la ficha va en una tarjeta flotante
- Sitio
- Rejilla de 3 + 2 abajo; «Volver» redondo; cita con icono de calendario
- Orden
- Pintura · Limpieza · Tintado · Extras · Taller
Industrial
Big Shoulders Display + IBM Plex Sans Condensed
- Logo
- Placa de taller atornillada con letra de plantilla
- Botones
- Cuadrados con escuadras de visor en las esquinas
- Sitio
- Servicios repartidos a los dos lados; opciones a la derecha
- Orden
- Pintura · Limpieza · Tintado | Extras · Taller
Motorsport
Russo One + Chakra Petch
- Logo
- El logo real en blanco sobre una placa roja inclinada
- Botones
- Redondos, metidos en un dock vertical
- Sitio
- Dock a la izquierda; «Volver» arriba a la derecha; «Pedir cita» en una pestaña vertical en el borde derecho
- Orden
- Extras · Pintura · Limpieza · Tintado · Taller