NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Cloud Lumen** (plataforma SaaS de gestión y soporte). Usa **HTML** estructurado en un solo archivo, incluye **Tailwind CSS vía CDN** y **JavaScript vanilla** en etiquetas <script> al final. Reproduce fielmente la arquitectura visual del template analizado:
- **Paleta de colores**: primario #1E3A8A (azul oscuro), secundario #3B82F6 (azul brillante), acento #F59E0B (ámbar), fondo #F9FAFB (gris muy claro), texto principal #111827 (gris casi negro), texto secundario #6B7280 (gris medio).
- **Tipografía**: `Inter` para encabezados y cuerpo, importada de Google Fonts (weights 400,600,700).
**Header** (fijo, sombra ligera): logo texto "Cloud Lumen" en azul oscuro, menú horizontal con enlaces: Inicio, Sobre Nosotros, Funcionalidades, Precios,
4.391 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.391 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ú y botón "Get Started".
- 2.1 Hero con subtítulo, título, párrafo y dos botones CTA.
- 3.1 Bloque de características en grid de tres columnas.
- 4.1 Sección de testimonios con tarjetas y foto.
- 5.1 Tabla de precios con tres planes y botón "Select".
- 6.1 CTA final con formulario simple (email + botón).
- 7.1 Footer con enlaces (Sobre, Funcionalidades, Blog, Contacto) y redes sociales.
ABOUT US
- 1.1 Cabecera reutilizada.
- 2.1 Imagen y texto descriptivo de la empresa.
- 3.1 Equipo con fotos y breves biografías.
- 4.1 Footer reutilizado.
FEATURES
- 1.1 Cabecera reutilizada.
- 2.1 Lista de funcionalidades en tarjetas con icono y descripción.
- 3.1 Footer reutilizado.
PRICING
- 1.1 Cabecera reutilizada.
- 2.1 Tabla de precios con tres columnas, detalles y CTA.
- 3.1 FAQ en acordeón.
- 4.1 Footer reutilizado.
CONTACT
- 1.1 Cabecera reutilizada.
- 2.1 Formulario de contacto (nombre, email, mensaje).
- 3.1 Mapa embebido.
- 4.1 Footer reutilizado.
PROMPTS RELACIONADOS · SAAS / STARTUP
