NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia NeuraForge (neuraforge.com) siguiendo el patrón visual del HTML analizado. Utiliza exclusivamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
**Objetivo**: reproducir la experiencia de una startup SaaS de IA modular con hero de vídeo, mega‑menu, secciones de intro animada, bloques de características con iconos, contadores animados y footer informativo.
**Paleta de colores** (usar como variables Tailwind):
- Primary: #0d47a1 (azul profundo)
- Secondary: #2196f3 (azul brillante)
- Gray‑900: #212121
- Gray‑500: #9e9e9e
- White: #ffffff
- Accent: #ff9800 (naranja para llamadas a acción)
**Tipografía**: Inter (sans‑serif) para todos los textos, tamaños y pesos según diseño original (h1‑display ≈ 4rem, h2‑display ≈ 2.5
4.926 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.926 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 Header con logo, navegación principal y botón de menú
- 2.1 Hero con fondo de vídeo, título destacado y botón de producto
- 3.1 Intro con titular escalonado y collage de imágenes ilustrativas
- 4.1 Lista de características con iconos y descripciones breves
- 5.1 Bloques de métricas con contadores animados (x3)
- 6.1 Footer con enlaces institucionales, redes y datos de contacto
PRODUCT
- 1.1 Header persistente
- 2.1 Hero de producto con demo visual y botón CTA
- 3.1 Detalle de funcionalidades en tarjetas horizontales
- 4.1 Caso de uso interactivo con carrusel de imágenes
- 5.1 Footer estándar
ABOUT
- 1.1 Header persistente
- 2.1 Hero institucional con mensaje de visión
- 3.1 Historia de la empresa en timeline
- 4.1 Equipo en grid de tarjetas
- 5.1 Footer estándar
NEWS
- 1.1 Header persistente
- 2.1 Lista de artículos en tarjetas con imagen y extracto
- 3.1 Paginación simple
- 4.1 Footer estándar
CAREERS
- 1.1 Header persistente
- 2.1 Hero de empleo con llamado a unirse
- 3.1 Lista de vacantes en tarjetas colapsables
- 4.1 Formulario de contacto rápido
- 5.1 Footer estándar
CONTACT
- 1.1 Header persistente
- 2.1 Formulario de contacto con campos básicos
- 3.1 Mapa incrustado y datos de ubicación
- 4.1 Footer estándar
PROMPTS RELACIONADOS · SAAS / STARTUP
