NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia App Lumen, una plataforma SaaS de gestión y soporte de proyectos digitales. Usa únicamente HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Sigue estas especificaciones:
- Paleta de colores: primario #1E3A8A (azul marino), secundario #3B82F6 (azul brillante), acento #F59E0B (amarillo), fondo #F9FAFB (gris muy claro), texto principal #111827 (gris casi negro), texto secundario #6B7280 (gris medio).
- Tipografía: "Inter", sans-serif para todo el texto; encabezados en peso 700, cuerpo en 400.
- Header: barra fija, logo a la izquierda (texto "App Lumen" con color primario), menú de navegación horizontal (Inicio, Sobre nosotros, Funcionalidades, Precios, Blog, Contacto), botón CTA "Comenzar" a la derecha en color sec
4.274 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.274 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 carrito
- 1.2 Hero con video, título, texto y CTA
- 1.3 Características en grid de tres columnas
- 1.4 Testimonios con carrusel
- 1.5 Planes de precios en tarjetas
- 1.6 CTA final con botón "Comenzar"
- 1.7 Footer con enlaces, datos de contacto y redes
ABOUT US
- 2.1 Cabecera común
- 2.2 Título y descripción de la empresa
- 2.3 Valores en bloques
- 2.4 Equipo con fotos y cargo
- 2.5 CTA "Únete a nosotros"
- 2.6 Footer común
FEATURES
- 3.1 Cabecera común
- 3.2 Título y descripción de funcionalidades
- 3.3 Lista de features con iconos y texto
- 3.4 Screenshots interactivos
- 3.5 CTA "Ver demo"
- 3.6 Footer común
PRICING
- 4.1 Cabecera común
- 4.2 Título y comparativa de planes
- 4.3 Tres tarjetas de precios con listado de beneficios
- 4.4 Botón de selección por plan
- 4.5 FAQ acordeón
- 4.6 Footer común
CONTACT
- 5.1 Cabecera común
- 5.2 Formulario de contacto con campos nombre, email, mensaje
- 5.3 Información de soporte (email, teléfono)
- 5.4 Mapa embebido
- 5.5 Footer común
PROMPTS RELACIONADOS · SAAS / STARTUP
