NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **NeuraFlux** (plataforma SaaS de productividad con IA) usando **HTML único con Tailwind CDN** y **JavaScript vanilla** en un solo archivo. Reproduce fielmente la estructura y estilo del sitio analizado:
- **Paleta de colores**: #0A0F24 (fondo oscuro), #1A224C (azul marino), #3B82F6 (azul primario), #E5E7EB (gris claro), #FFFFFF (blanco) y acentos #F59E0B (ámbar).
- **Tipografía**: Inter (sans‑serif) para textos y encabezados, peso 400‑600, tamaños responsivos (h1 48 px, h2 36 px, p 16 px).
- **Header**: barra fija con logo (SVG placeholder), enlaces Home, Features, How It Works, Blog, botones Log In (texto) y Sign Up (botón con ícono flecha). Menú hamburguesa para móvil que despliega overlay.
- **Hero**: sección a pantalla completa con v
4.118 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.118 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 Home, Features, How It Works, Blog y botones Log In / Sign Up
- 1.2 Hero: texto de introducción, título principal con destacado "potenciado por IA", párrafo descriptivo, botones CTA "Comenzar" y "Acceder", mockups de dashboard a la derecha y video de fondo con overlay
- 1.3 Sección marquesina: título "Trusted by the world’s most innovative teams" y carrusel continuo de logotipos de clientes
- 1.4 Bloque de características (no incluido en el fragmento pero implícito por enlaces del menú) con iconos y descripciones
- 1.5 Footer: enlaces rápidos, información de contacto, suscripción al boletín y redes sociales
FEATURES
- 2.1 Encabezado de sección Features con título y descripción breve
- 2.2 Cuadrícula de tarjetas de característica con icono, título y texto explicativo
- 2.3 CTA final para probar la herramienta
HOW IT WORKS
- 3.1 Paso a paso del proceso con imágenes ilustrativas y texto explicativo
- 3.2 Video demostrativo incrustado
- 3.3 Botón de llamada a la acción
BLOG
- 4.1 Lista de artículos con imagen destacada, título, extracto y enlace "Leer más"
- 4.2 Sidebar con categorías y newsletter
LOGIN
- 5.1 Formulario de acceso con campos email y contraseña, botón "Entrar" y enlace a recuperación
SIGN‑UP
- 6.1 Formulario de registro con campos nombre, email, contraseña, botón "Crear cuenta" y términos de uso
PROMPTS RELACIONADOS · EDUCACIÓN
