NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, Tailwind CSS CDN y JavaScript vanilla en un solo archivo que reproduzca el diseño visual de un taller de reparación de automóviles bajo la marca ficticia "Mecánica Veloz". Utiliza la siguiente paleta de colores: #053CD1 (azul principal), #FFFFFF (blanco), #F5F5F5 (gris claro) y #000000 (texto). Tipografía: Inter (Google Fonts) para títulos y cuerpo.
--- ESTRUCTURA ---
Header: barra de navegación fija con logo a la izquierda, menú principal (Home, About, Services, Blog, Contact) y un dropdown "Pages" con enlaces a Home, Home 2, About, Services, Service Static, Blog, Contact, Privacy Policy. A la derecha, botón de teléfono con icono y número +1 (555) 123‑4567. En móvil, colapsar a menú hamburguesa.
Hero: sección a pantalla completa con overlay semitr
4.341 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.341 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat.
Descargar captura
ESTRUCTURA DEL SITIO
Tabla de secciones
HOME
- 1.1 Encabezado con logo, menú y botón de teléfono
- 1.2 Hero con título, descripción, avatar y CTA "Reserva una cita"
- 1.3 Bloque "Sobre nosotros" con título llamativo y botón «Conócenos»
- 1.4 Contadores estadísticos (10 K clientes, 50+ mecánicos, 24 h, 15+ años)
- 1.5 Servicios: cuadrícula de 6 tarjetas, cada una con imagen, icono, título y breve descripción, fondo azul corporativo
- 1.6 Video de fondo a pantalla completa, reproducción automática y sin sonido
- 1.7 Footer con columnas de enlaces, datos de contacto y redes sociales
ABOUT
- 2.1 Encabezado interno con título de página y breadcrumbs
- 2.2 Texto descriptivo del taller y su trayectoria
- 2.3 Galería de fotos del equipo y el taller
- 2.4 CTA de contacto
SERVICES
- 3.1 Lista de servicios con imágenes, iconos y textos ampliados
- 3.2 Filtros por categoría de servicio
- 3.3 Botón de solicitud de presupuesto
CONTACT
- 4.1 Formulario de contacto (nombre, email, teléfono, mensaje)
- 4.2 Mapa incrustado con ubicación
- 4.3 Información de contacto y horario
BLOG
- 5.1 Lista de entradas de blog con imagen destacada, título y extracto
- 5.2 Paginación
- 5.3 Sidebar con categorías y últimos posts
PRIVACY POLICY
- 6.1 Texto legal completo
- 6.2 Enlace de vuelta al sitio
PROMPTS RELACIONADOS · AUTOMOCIÓN
