NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Educa Zenit**, concesionario premium de automóviles, usando **HTML estático con Tailwind CSS vía CDN** y **JavaScript vanilla** en un solo archivo. El sitio debe incluir las siguientes páginas y bloques según el esquema proporcionado:
**General**
- Usa la paleta de colores: #0D1B2A (azul noche), #1B263B (gris oscuro), #415A77 (azul acero), #778DA9 (gris azul), #E0E1DD (gris claro).
- Tipografía: *Inter* para títulos y *Roboto* para cuerpo, ambas importadas desde Google Fonts.
- Header fijo con logo (texto Educa Zenit) y menú: Home, About, Showroom, Blog Posts, Contact Us + botón primario «Explorar Flota» (bg #415A77, hover #778DA9).
- Footer oscuro con enlaces: Política de privacidad, Términos, Aviso legal, redes sociales (iconos SVG
4.829 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.829 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, enlaces y botón CTA
- 2.1 Hero con título, filtros dropdown, buscador
- 3.1 Bloque institucional con fondo negro, subtítulo, encabezado y métricas
- 4.1 Sección de coches destacados en grid, cada tarjeta incluye marca, nombre, specs, imagen, iconos de detalle, precio y botón
- 5.1 Footer con información de contacto, navegación secundaria y copyright
ABOUT
- 1.1 Hero interno con título y descripción de la empresa
- 2.1 Equipo y valores en columnas
- 3.1 CTA para contactar
SHOWROOM
- 1.1 Header interno con filtros avanzados
- 2.1 Grid de listado completo de vehículos, tarjetas idénticas a la sección de destacados
- 3.1 Paginación
BLOG POSTS
- 1.1 Lista de artículos en formato cards con imagen, título, excerpt y botón leer más
- 2.1 Sidebar con categorías y últimos posts
CONTACT US
- 1.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 2.1 Mapa incrustado y datos de oficina
PROMPTS RELACIONADOS · EDUCACIÓN
