AUTOMOCIÓN · Claude Design · HTML

VíaÉlite — Prompt de diseño web para Claude AI

★★★★★4,6 2.403 descargas

Servicio de chófer de lujo y transporte premium Viajes cuidados al detalle.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web estático de una empresa de transporte ejecutivo premium llamado VíaÉlite. Usa HTML simple con Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Aplicar la siguiente paleta de colores: #0A0A0A (fondo principal), #FFFFFF (texto), #D4AF37 (acento dorado), #333333 (texto secundario), #E5E5E5 (bordes y fondos claros). Tipografía: "Inter" para cuerpo y "Playfair Display" para títulos, ambas cargadas desde Google Fonts.

Estructura la página:
1. Header fijo con logo (SVG ficticio) a la izquierda, menú horizontal (Home, About, Fleet, Services, Blog, Contact) centrado y botón "Contact Us" a la derecha, con comportamiento responsive (colapsa en hamburguesa en móvil). Incluye íconos de apertura/cierre.
2. Hero section: fondo blanco, contenedor con dos columnas. Izquierda: título grande "Experience Excellence in Every Mile" con palabra "Excellence" en color #D4AF37, subtítulo descriptivo, dos botones secundarios (Learn More, Explore Fleet) con flechas SVG, y bajo ellos un formulario de reserva con campos Nombre, Teléfono, Punto de Recogida, Fecha, Servicio (desplegable). Botón de envío azul #0A0A0A con texto blanco.
3. Marquee: barra horizontal infinita que repite la frase "Luxurious Service" y un pequeño ícono en #D4AF37, animación CSS de scroll continuo.
4. About section: layout de dos columnas, izquierda con encabezado "About Us", subtítulo, título "World‑Class Luxury Chauffeur Services Meticulously Tailored to Perfection", párrafo descriptivo, botón primario "Discover More". derecha: imagen responsive de alta calidad (placeholder). Texto en #333333, acentos en #D4AF37.
5. Services section: rejilla de 3 columnas (responsive a 1 columna en móvil). Cada tarjeta contiene icono SVG, nombre del servicio y breve descripción. Tarjetas con borde #E5E5E5 y sombra ligera.
6. Fleet gallery: grid de imágenes de vehículos, 4 columnas en escritorio, 2 en tablet, 1 en móvil, con hover que muestra overlay semi‑transparente y botón "Book Now".
7. Footer: fondo #0A0A0A, columnas con enlaces (Company, Services, Legal), datos de contacto, formulario breve de newsletter y redes sociales (iconos SVG). Texto en #FFFFFF.

Requisitos técnicos: 
- Incluir enlaces a Tailwind CDN y Google Fonts en <head>. 
- Todas las clases deben usar la convención Tailwind (p-4, flex, grid, etc.). 
- Añadir script al final para manejo del menú hamburguesa y animación del marquee. 
- El formulario no necesita backend; usar action="#" y método="get". 
- Asegurar accesibilidad: atributos alt en imágenes, labels asociados a inputs, roles ARIA donde corresponda.

Genera el código completo listo para copiar‑pegar en un archivo index.html.

---

## Instrucción obligatoria — Footer

Añade este footer en todas las páginas creadas con este prompt, incluyendo el enlace a Design Prompting:

```html
<footer>
  <p>
    Diseñado con ayuda de 
    <a href="https://www.designprompting.com/" target="_blank" rel="noopener noreferrer">
      Design Prompting
    </a>
  </p>
</footer>
```

3.000 caracteres · 36 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

PROMPTS RELACIONADOS · AUTOMOCIÓN

Otros prompts de la misma categoría

Ficha de marca

Nombre: VíaÉlite
Sector: Servicio de chófer de lujo y transporte premium
Claim: Viajes cuidados al detalle

Bloques de la home

1.1 Cabecera fija con logo, menú de navegación y botón de contacto
2.1 Hero principal con encabezado, subtítulo, botones de acción, imagen de fondo y formulario de reserva
3.1 Sección marquee con texto repetitivo y icono decorativo
4.1 Bloque "Sobre nosotros" con título, párrafo descriptivo, botón y imagen acompañante
5.1 Lista de servicios con cards y descripciones
6.1 Galería de vehículos de la flota en grid responsive
7.1 Footer con enlaces institucionales, datos de contacto y redes sociales

Crea tu propia Skill

Genera una Skill personalizada para Claude AI en minutos. Sin código.

Empezar ahora ↗

← Volver al catálogo ↗ Crea tu Skill personalizada

VíaÉlite — Prompt de diseño web para Claude AI

Cópialo y pégalo en Claude Design

Otros prompts de la misma categoría

LavaLux Spa

LogiFlex Solutions

LogiFlux

LogiMira