NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo (HTML+Tailwind CDN+JS vanilla, un solo archivo) para la marca ficticia Lumina Labs, una startup SaaS de productividad. Utiliza el mismo patrón visual que la plantilla analizada: tema claro, paleta de colores #FFFFFF, #F4F4F5, #1E3A8A (azul profundo), #3B82F6 (azul activo), #6B7280 (gris neutro). Tipografía: Inter (cargada desde Google Fonts) para todo el texto, con tamaños y pesos equivalentes a los usados en la referencia (h1 48px bold, h2 36px medium, body 16px regular, captions 14px).
Estructura del sitio:
- Header: barra de navegación fija, logo a la izquierda (placeholder SVG), enlaces Home, About, Pricing, Blog, Contact, botón Log in (texto) y botón Sign Up (relleno azul). Menú colapsable móvil con icono burger.
- Hero: badge tipo "New" con icono
4.020 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.020 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, enlaces y botones de login/signup
- 1.2 Hero principal con badge, título destacado, subtítulo y dos botones CTA, acompañado de imagen ilustrativa
- 1.3 Logos de marcas confiables en fila centrada
- 1.4 Tarjetas de características en tres columnas con icono y texto
- 1.5 Sección de pasos interactiva (tabs) con numeración, línea de progreso y contenido visual para cada paso
ABOUT
- 2.1 Encabezado interno con breadcrumb
- 2.2 Texto descriptivo de la empresa y foto de equipo
- 2.3 Valores en tarjetas con iconos
SERVICES
- 3.1 Lista de servicios en tarjetas con icono y breve descripción
- 3.2 Botón de contacto
PRICING
- 4.1 Tabla comparativa de planes con botones de suscripción
BLOG
- 5.1 Grid de artículos con imagen, título y excerpt
- 5.2 Paginación
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje
- 6.2 Información de ubicación y redes sociales
FOOTER
- 7.1 Enlaces de navegación secundaria
- 7.2 Redes sociales
- 7.3 Derechos de autor y política de privacidad
PROMPTS RELACIONADOS · SAAS / STARTUP
