NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **MenteNova** (SaaS IA) usando **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. La web debe incluir:
- **Paleta de colores**: #1F2937 (gris oscuro), #0EA5E9 (azul cian), #F59E0B (ámbar), #FFFFFF (blanco), #E5E7EB (gris claro).
- **Tipografía**: Inter (Google Fonts) para títulos y cuerpo, tamaños responsivos basados en Tailwind (text-4xl, text-lg, etc.).
- **Header**: navbar fija, logo a la izquierda, enlaces principales (Inicio, Visión, Funcionalidades, Nosotros, Blog, Contacto). Enlace "Funcionalidades" abre un mega‑dropdown con tres columnas (Homepages, Features, About) y enlaces de ejemplo. A la derecha, iconos de redes sociales (Instagram, X, LinkedIn, Dribbble) con hover que cambia a color ámbar.
- **Hero*
4.019 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.019 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 principales y mega‑dropdown
- 1.2 Hero con título grande, subtítulo y botones CTA
- 1.3 Grid de 3 columnas que muestra principales características del producto
- 1.4 Sección de integraciones con logos de partners
- 1.5 Carrusel de testimonios de usuarios
- 1.6 CTA final con formulario de captura de email
- 1.7 Footer con columnas de enlaces, datos de contacto y redes sociales
OVERVIEW
- 2.1 Título de página y descripción detallada del servicio
- 2.2 Imagen ilustrativa a la derecha del texto
- 2.3 Lista de beneficios en bloques con iconos
FEATURE A
- 3.1 Encabezado y subtítulo
- 3.2 Grid de iconos y descripciones breves
- 3.3 Imagen de mockup a la izquierda
ABOUT A
- 4.1 Historia de la empresa con foto
- 4.2 Valores en tarjetas con iconos
- 4.3 Equipo con fotos circulares y breves bios
BLOG A
- 5.1 Lista de artículos en tarjetas tipo card con imagen, título y extracto
- 5.2 Paginación inferior
CONTACT A
- 6.1 Formulario de contacto simple (nombre, email, mensaje)
- 6.2 Mapa incrustado y datos de contacto
- 6.3 Testimonios laterales
PROMPTS RELACIONADOS · SAAS / STARTUP
