NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia MotoRepara (taller de reparación de automóviles y motos) usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Emula el diseño visual y la estructura del sitio analizado:
- Paleta de colores: #0F172A (azul oscuro fondo), #1E3A8A (azul primario), #F3F4F6 (gris claro), #FFFFFF (blanco), #FBBF24 (amarillo para acentos).
- Tipografía: "Inter" para títulos y texto, peso 400‑700, importada desde Google Fonts.
- Header: barra superior estrecha con texto "¿Necesitas ayuda rápida?" y número telefónico clickable. Debajo, barra de navegación negra con logo a la izquierda, enlaces: Inicio, Sobre Nosotros, Servicios, Reseñas, Contacto y un menú desplegable "Páginas" con varios enlaces internos. Botón destacado a l
3.712 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.712 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 Barra superior con mensaje y número de teléfono
- 2.1 Cabecera con logo, menú principal, botón de llamada y menú hamburguesa
- 3.1 Hero con título, descripción, dos botones principales y valoración de clientes
- 4.1 Sección de confianza con testimonios y contadores de clientes felices
- 5.1 Galería de servicios con tarjetas destacadas y líneas separadoras
- 6.1 Footer con enlaces de navegación, datos de contacto y redes sociales
ABOUT US
- 1.1 Cabecera (reutiliza menú)
- 2.1 Título y descripción de la empresa
- 3.1 Equipo y valores
- 4.1 Footer
SERVICES
- 1.1 Cabecera
- 2.1 Lista de tarjetas de servicios con imagen, categoría, título y descripción
- 3.1 Footer
REVIEWS
- 1.1 Cabecera
- 2.1 Carrusel de reseñas con estrellas y testimonios
- 3.1 Footer
BOOK
- 1.1 Cabecera
- 2.1 Formulario de reserva con campos de nombre, email, teléfono, servicio y fecha
- 3.1 Footer
CONTACT
- 1.1 Cabecera
- 2.1 Formulario de contacto y mapa integrado
- 3.1 Footer
PROMPTS RELACIONADOS · AUTOMOCIÓN
