NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML5 + Tailwind CSS CDN + JavaScript vanilla (un solo archivo) que reproduzca el diseño de una empresa ficticia de lavado y spa automotriz llamada "LavaBrío" (dominio lavabrio.com). El proyecto debe incluir:
- Paleta de colores: #0D1F2D (azul noche), #1E293B (gris profundo), #F9FAFB (blanco casi puro), #3B82F6 (azul resaltado), #E5E7EB (gris claro).
- Tipografía: "Inter" para títulos y texto principal, "Roboto" para botones y elementos de UI.
- Header fijo con logo blanco, menú horizontal con dropdowns multi‑nivel, íconos de redes sociales y botón de carrito que abre un sidebar a la derecha mostrando los productos del carrito.
- Hero a pantalla completa con fondo oscuro, título grande en Inter 4xl, subtítulo y dos botones CTA ("Reserva ahora" – azul, "Ver
3.719 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.719 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 Cabecera con logo, menú principal multi‑nivel y acceso al carrito
- 1.2 Hero con fondo oscuro, título grande, subtítulo y botones CTA
- 1.3 Bloque de servicios en columnas con iconos y texto descriptivo
- 1.4 Sección de precios con tarjetas resaltadas y botón de compra
- 1.5 Galería de trabajos con cuadrícula responsive
- 1.6 Testimonios en carrusel horizontal
- 1.7 Formulario de contacto rápido y mapa incrustado
- 1.8 Pie de página con enlaces útiles, datos de contacto y redes sociales
SERVICES
- 2.1 Lista detallada de servicios con iconos y descripciones
- 2.2 CTA para reservar o comprar paquetes
ABOUT US
- 3.1 Historia de la empresa con imagen y texto
- 3.2 Equipo con fotos y breves biografías
PRICING
- 4.1 Tabla de planes de lavado y spa, tarjetas con precios y beneficios
- 4.2 Botón de compra directa
GALLERY
- 5.1 Cuadrícula de imágenes de instalaciones y resultados
- 5.2 Lightbox para ampliación
BLOG
- 6.1 Lista de artículos con miniatura, título y extracto
- 6.2 Paginación
CONTACT
- 7.1 Formulario de contacto con campos nombre, email, mensaje
- 7.2 Mapa integrado y datos de ubicación
FOOTER
- 8.1 Enlaces de navegación secundarios, política de privacidad, Términos
- 8.2 Iconos de redes sociales y suscripción al newsletter
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 06/06/2026
PROMPTS RELACIONADOS · BELLEZA / SPA
