NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática inspirada en el diseño analizado, usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Marca ficticia: Stack Lumen (stacklumen.com). Paleta de colores: #0D0D0D (fondo oscuro), #FFFFFF (texto principal), #1E88E5 (azul primario para botones y enlaces), #F5F5F5 (gris claro para bloques), #E0E0E0 (bordes suaves). Tipografía: Inter var (Google Fonts) para todo el texto, con peso 400 para cuerpo y 600 para encabezados.
Estructura requerida:
**Header / Navbar**
- Contenedor centrado, logo SVG a la izquierda.
- Enlaces de navegación: Home, Features, How it works, Blog.
- Botones a la derecha: "Log In" (estilo secundario) y "Sign Up" (estilo primario con ícono de flecha).
- Menú hamburguesa responsive que revela los enlaces en móvil.
**Hero Se
4.672 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.672 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 con logo, enlaces y CTA
- 1.2 Hero principal con título, subtítulo, descripción, botones y mockup + video de fondo
- 1.3 Marquesina de logos de confianza (scroll horizontal continuo)
- 1.4 Bloque de características (grid de 3 columnas con iconos, título y breve texto)
- 1.5 Testimonios en carrusel
- 1.6 Llamado a la acción final con formulario de captura de email
- 1.7 Footer con navegación secundaria, políticas y redes sociales
FEATURES
- 2.1 Encabezado de sección Features
- 2.2 Grid de tarjetas de funcionalidad con icono, título y descripción
- 2.3 Imagen ilustrativa a la derecha
HOW IT WORKS
- 3.1 Encabezado de proceso
- 3.2 Paso a paso en tres columnas con icono y texto explicativo
- 3.3 Video explicativo incrustado
BLOG
- 4.1 Lista de artículos en formato tarjeta con imagen, título y excerpt
- 4.2 Paginación simple
LOGIN
- 5.1 Formulario de acceso con campos email y contraseña
- 5.2 Enlace a recuperación de contraseña
SIGN‑UP
- 6.1 Formulario de registro con nombre, email, contraseña y botón de envío
PROMPTS RELACIONADOS · SAAS / STARTUP
