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 "NobleRide". Usa solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Replicar la siguiente arquitectura y estilo visual (no copiar textos):
- **Paleta de colores**: #0D0D0D (negro profundo), #FFFFFF (blanco), #C0A062 (oro suave), #F5F5F5 (gris claro), #333333 (gris medio) para acentos.
- **Tipografía**: Fuente principal "Montserrat" (sans-serif) para títulos y cuerpo, fuente secundaria "Playfair Display" para acentos y citas.
- **Header**: barra fija con logo a la izquierda, menú de navegación (Home, About, Fleet, Services, Blog, Contact) centrado, botón primario "Contact Us" a la derecha. En móvil, colapsar a menú hamburguesa con animación de apertura.
- **Hero**: fondo claro con imagen
4.186 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.186 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 de navegación fija con logo y enlaces principales, incluye botón destacado de contacto
- 1.2 Hero con título destacado, subtítulo, botones de acción y formulario de reserva emergente
- 1.3 Sección de marquee animado con texto repetitivo de valor de marca
- 1.4 Bloque “Sobre nosotros” con encabezado, párrafo descriptivo y llamada a la acción junto a imagen ilustrativa
- 1.5 Sección de servicios con tarjetas descriptivas y iconos
- 1.6 Galería de flota con tarjetas de vehículos y botón “Ver más”
- 1.7 Últimos artículos del blog en grid de tres columnas
- 1.8 Footer con logo, enlaces rápidos, datos de contacto y redes sociales
ABOUT
- 2.1 Cabecera interna con breadcrumb y título de página
- 2.2 Texto ampliado de la historia y valores de la empresa
- 2.3 Imagen de fondo a pantalla completa
- 2.4 Lista de equipos y certificaciones
- 2.5 Llamada a la acción para solicitar información
FLEET
- 3.1 Cabecera interna con título “Nuestra flota”
- 3.2 Grid de tarjetas con imágenes de vehículos, nombre, capacidad y botón de detalle
- 3.3 Sección de ventajas de la flota con iconos
- 3.4 Formulario rápido de solicitud de cotización
SERVICES
- 4.1 Cabecera interna con título “Servicios”
- 4.2 Lista de servicios en tarjetas con icono, descripción breve y botón “Más info”
- 4.3 Testimonios en carousel
- 4.4 CTA para reserva directa
BLOG
- 5.1 Lista de artículos en formato tarjeta con imagen, título, extracto y botón “Leer más”
- 5.2 Paginación inferior
CONTACT
- 6.1 Formulario de contacto completo (nombre, email, teléfono, mensaje)
- 6.2 Mapa integrado con ubicación
- 6.3 Información de contacto y horarios
FOOTER
- 7.1 Logo y breve descripción
- 7.2 Enlaces a páginas principales
- 7.3 Iconos de redes sociales
- 7.4 Derechos de autor y política de privacidad
PROMPTS RELACIONADOS · VIAJES Y TURISMO
