NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crear una página web completa para la marca ficticia **Luminara Cloud** (SaaS de gestión y automatización) usando **HTML estático**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. Reproducir fielmente la arquitectura visual del sitio analizado:
- **Paleta de colores**: #0A0F24 (azul noche), #1E3A8A (azul intenso), #3B82F6 (azul brillante), #F3F4F6 (gris claro), #FFFFFF (blanco).
- **Tipografía**: Inter (Google Fonts) para títulos y texto, peso 400‑700.
- **Header**: barra fija con logo a la izquierda, enlaces principales (Home, Features, Pricing, Resources, Contact) con menús desplegables estilo mega‑dropdown (animación fade‑in, desplazamiento suave). Botón CTA “Comienza gratis”.
- **Hero**: sección full‑width con fondo degradado azul‑oscuro → azul‑intenso, título g
4.040 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.040 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 mega‑dropdowns
- 2.1 Hero principal con título, subtítulo y CTA
- 3.1 Bloque de características en tres columnas
- 4.1 Sección de video demo
- 5.1 Grid de testimonios
- 6.1 Tabla de precios
- 7.1 FAQ en acordeón
- 8.1 Footer con enlaces y suscripción
ABOUT
- 1.1 Header interno con breadcrumb
- 2.1 Bloque de misión y visión en dos columnas
- 3.1 Equipo en cards con foto y descripción
- 4.1 CTA a probar la demo
- 5.1 Footer
PRICING
- 1.1 Header con título y descripción
- 2.1 Tarjetas de planes con características y CTA
- 3.1 Comparativa de beneficios
- 4.1 FAQ
- 5.1 Footer
CONTACT
- 1.1 Header con título y descripción breve
- 2.1 Formulario de contacto (nombre, email, mensaje) + mapa integrado
- 3.1 Información de soporte (email, teléfono)
- 4.1 Footer
PROMPTS RELACIONADOS · TECNOLOGÍA