NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Create a single‑file website using HTML, Tailwind CSS (CDN) and vanilla JavaScript that reproduces the visual design and layout patterns of the reference site, but for the fictional brand NeuraForm. The site must be fully responsive and include the following sections exactly as described:
**Brand details**: NeuraForm – plataforma educativa de automatización de IA. Claim: "Aprende a crear flujos de trabajo con IA". Primary colour #0A73B7, secondary colour #34A853, accent #F2C94C, background #FFFFFF, dark text #111111, light grey #F5F5F5.
**Typography**: Use Inter (Google Font) for body text, weight 400, size 16px; use Poppins for headings, weight 600, sizes 48px (h1), 32px (h2), 24px (h3). All text in Spanish (Spain).
### Header (1.1)
- Fixed top navigation bar with left‑aligned logo (sim
6.332 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
6.332 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 ancla y botón CTA
- 1.2 Hero principal con claim, subtítulo, CTA y mockup ilustrado
- 1.3 Carrusel de logos de confianza
- 1.4 Bloque de características en tres columnas con iconos
- 1.5 Sección "Sobre el curso" con título, descripción, ilustración y estadísticas en cuatro tarjetas
- 1.6 Lista de aprendizajes clave en formato lista con iconos
FEATURES
- 2.1 Título de sección y descripción breve
- 2.2 Tres bloques de característica con icono, título y texto
- 2.3 Elementos decorativos de estrellas
ABOUT
- 3.1 Introducción al curso con icono y texto
- 3.2 Imagen ilustrativa del tema de IA
- 3.3 Cuatro estadísticas destacadas (herramientas, salario medio, % de egresados, duración)
- 3.4 Lista de resultados de aprendizaje con iconos
INTEGRATIONS
- 4.1 Título y breve explicación de integraciones soportadas
- 4.2 Grid de logos de herramientas compatibles
TESTIMONIALS
- 5.1 Carrusel de testimonios con foto, nombre y comentario
FAQS
- 6.1 Preguntas frecuentes en acordeón colapsable
FOOTER
- 7.1 Enlaces de navegación secundarios
- 7.2 Información de contacto y redes sociales
- 7.3 Aviso legal y política de privacidad
PROMPTS RELACIONADOS · EDUCACIÓN
