NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia Brillox Limpieza usando HTML simple, Tailwind CSS vía CDN y JavaScript vanilla (un solo archivo).
**Objetivo**: replicar el diseño visual y la estructura de una web corporativa de servicios de limpieza, siguiendo los patrones identificados en el análisis: banner superior con aviso y CTA, barra de navegación fija con logo y dropdown "Servicios", hero con título, subtítulo y botón, grid de tarjetas de servicios (imágenes placeholders, títulos originales), sección de testimonios en carrusel básico, barra de llamada a la acción para reserva, y footer con enlaces, datos de contacto y íconos sociales.
**Paleta de colores**:
- #FFFFFF (blanco fondo)
- #F5F5F5 (gris muy claro para secciones)
- #0D3B66 (azul profundo para encabezados y botones pr
4.592 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.592 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 Banner superior con mensaje corto y CTA
- 2.1 Navbar fija con logo, menú principal y dropdown "Servicios"
- 3.1 Hero principal con título, subtítulo y botón principal
- 4.1 Grid de tarjetas de servicios (3 columnas) con imagen y título
- 5.1 Testimonios en carrusel sencillo
- 6.1 CTA de reserva con botón destacado
- 7.1 Footer con enlaces, datos de contacto y iconos sociales
SERVICIOS
- 1.1 Lista de tarjetas de todos los servicios con imagen y breve descripción
- 2.1 Barra lateral con filtros y enlaces relacionados
ABOUT
- 1.1 Hero con foto del equipo y texto institucional
- 2.1 Valores y misión en bloques de texto con íconos
PRICING
- 1.1 Tabla comparativa de planes de limpieza (Básico, Premium, Profesional)
- 2.1 FAQ breve bajo la tabla
BLOG
- 1.1 Lista de artículos con imagen, título, fecha y extracto
- 2.1 Paginación al final
FAQ
- 1.1 Lista de preguntas frecuentes en acordeón
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, mensaje y botón envío
- 2.1 Mapa incrustado y datos de contacto
PROMPTS RELACIONADOS · HUMAN RESOURCES
