NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **BrilloClaro** (dominio brilloclaro.com, sector de limpieza residencial y comercial) usando **HTML sencillo + Tailwind CDN + JavaScript vanilla** en un único archivo. Reproduce el diseño del template analizado:
- **Paleta de colores**: #FFFFFF (fondo), #F4F4F4 (secciones claras), #0D3B66 (azul oscuro para encabezados y botones), #FA8B2F (naranja cálido para acentos y CTA), #555555 (texto gris medio).
- **Tipografía**: "Inter" para títulos y cuerpo, tamaños: 64px h1, 36px h2, 24px cuerpo, 14px pequeños.
- **Header**: barra superior estrecha con mensaje "4 ranuras disponibles esta semana" y botón "Reserva antes de que se agoten". Debajo, navbar fijo con logo a la izquierda, menú "Servicios" desplegable que muestra una lista de enlaces
3.617 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.617 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 y botón de reserva
- 2.1 Barra de navegación fija con logo, menú Services (desplegable con lista de servicios y mini‑cards), enlaces a About, Pricing, Blog, FAQ y botón de reserva
- 3.1 Sección hero con título, subtítulo y llamada a la acción
- 4.1 Galería de servicios destacados en tarjetas con imagen y texto
- 5.1 Testimonios rotatorios
- 6.1 Llamado a la acción de contacto rápido
- 7.1 Footer con enlaces institucionales, datos de contacto y iconos de redes sociales
ABOUT
- 1.1 Imagen hero y descripción de la empresa
- 2.1 Valores y misión en bloques de tres columnas
- 3.1 Equipo con fotos y breves biografías
- 4.1 CTA a solicitud de presupuesto
PRICING
- 1.1 Tabla comparativa de paquetes de limpieza
- 2.1 Beneficios de cada paquete
- 3.1 CTA de reserva para cada plan
SERVICES
- 1.1 Lista de servicios con tarjetas ilustradas
- 2.1 Detalle de cada servicio (imagen, descripción, ventajas)
- 3.1 Botón de reserva por servicio
BLOG
- 1.1 Grid de artículos con imágenes y extractos
- 2.1 Barra lateral con categorías y popular posts
- 3.1 CTA a suscripción newsletter
FAQ
- 1.1 Preguntas frecuentes en acordeón
- 2.1 Formulario de contacto rápido
CONTACT
- 1.1 Formulario de solicitud de presupuesto
- 2.1 Información de contacto y mapa integrado
- 3.1 CTA de llamada directa
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 09/06/2026
PROMPTS RELACIONADOS · BIENES RAÍCES
