NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una empresa ficticia de transporte premium llamada Velóctia. Usa HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Emula la estructura y estilo visual del template analizado:
- Paleta de colores: #0A0A0A (negro profundo), #FFFFFF (blanco), #D4AF37 (dorado metálico), #F5F5F5 (gris claro).
- Tipografía: 'Inter' para cuerpo y encabezados, peso 400-700, tamaños responsivos.
- Header fijado con logo a la izquierda, menú horizontal (Home, About, Fleet, Services, Blog, Contact) y botón primario "Contact Us" estilizado en dorado sobre fondo negro. Incluye menú hamburguesa para móviles que despliega overlay.
- Hero section a pantalla completa con título grande, texto de apoyo, sub‑headline con línea decorativa, dos botones secundarios (Learn More
3.506 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.506 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 Header con logo, menú principal y botón de contacto
- 1.2 Hero con título, subtítulo, CTA y formulario de reserva
- 1.3 Marquee animado de palabras clave
- 1.4 Bloque "Sobre nosotros" con texto y imagen
- 1.5 Sección de servicios (tarjetas de oferta)
- 1.6 Footer con enlaces, datos y redes sociales
ABOUT
- 2.1 Header (reutilizable)
- 2.2 Hero interno con título y subtítulo
- 2.3 Texto descriptivo y galería de imágenes
- 2.4 CTA a contacto
FLEET
- 3.1 Header
- 3.2 Galería de vehículos con tarjetas y filtros
- 3.3 Detalles de cada modelo
- 3.4 CTA a reserva
SERVICES
- 4.1 Header
- 4.2 Lista de servicios en tarjetas con íconos
- 4.3 Descripción ampliada de cada servicio
- 4.4 Botón de solicitud de presupuesto
BLOG
- 5.1 Header
- 5.2 Lista de artículos con imagen, título y extracto
- 5.3 Paginación
- 5.4 Sidebar con categorías y newsletter
CONTACT
- 6.1 Header
- 6.2 Formulario de contacto completo
- 6.3 Mapa incrustado
- 6.4 Información de oficina y teléfonos
PROMPTS RELACIONADOS · AUTOMOCIÓN
