NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Taller Motor Vega**, una agencia digital. Utiliza **HTML5**, **Tailwind CSS vía CDN** y **JavaScript vanilla** en un único archivo. El proyecto debe reproducir fielmente la estructura y visual de la web original analizada, respetando estos requisitos:
- **Paleta de colores**: #0A0A0A (negro profundo), #FFFFFF (blanco), #F5A623 (naranja brillante), #E5E5E5 (gris claro), #1A73E8 (azul acción).
- **Tipografía**: `Inter` para textos y `Playfair Display` para encabezados, cargados desde Google Fonts.
- **Header**: barra de navegación fija con logo a la izquierda, enlaces (Home, About, Services, Blog, Contact) y botón CTA "Solicitar presupuesto" a la derecha. Menú hamburguesa para móvil con animación de apertura y cierre.
- **Hero**: sección a
3.826 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.826 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 Hero con imagen de fondo, título y botón CTA
- 1.2 Contadores animados (proyectos, clientes, años)
- 1.3 Grid de servicios (3 columnas)
- 1.4 Carrusel de casos de estudio (cards)
- 1.5 Testimonios (cards)
- 1.6 Tabla de precios (3 columnas)
- 1.7 Formulario de contacto breve + mapa
- 1.8 Footer con links, socials y datos
ABOUT
- 2.1 Hero interno con título y subtítulo
- 2.2 Texto descriptivo con imagen al lado
- 2.3 Valores de la empresa en iconos
- 2.4 Equipo (cards con foto y rol)
- 2.5 CTA a proyecto
- 2.6 Footer
SERVICES
- 3.1 Hero de página services
- 3.2 Lista de servicios detallados (cards)
- 3.3 Proceso de trabajo en pasos numerados
- 3.4 CTA a cotización
- 3.5 Footer
BLOG
- 4.1 Hero de blog
- 4.2 Lista de artículos (grid)
- 4.3 Sidebar con categorías y newsletter
- 4.4 Footer
CONTACT
- 5.1 Hero de contacto
- 5.2 Formulario completo (nombre, email, mensaje)
- 5.3 Información de contacto y mapa
- 5.4 Footer
PROMPTS RELACIONADOS · AUTOMOCIÓN
