Sitio de producto Menta Noirv1.0.0

Sitio de producto Menta Noir

Crea un sitio de marketing oscuro para un producto de software o IA: superficies grafito casi negras, texto blanco roto suave, bordes finos y un único acento menta, con una palabra de cada titular en una gran serif cursiva. El ejemplo usa el producto ficticio Corvel, un equipo de negocio con IA para vendedores online; sustituyes su contenido y conservas la composición que hace reconocible el estilo.

Qué recibes

Cinco páginas conectadas comparten una barra de navegación fija y un pie de página:

• Producto: una píldora de anuncio, un titular degradado en dos líneas, CTA de descarga y de navegador, una fila de avatares que genera confianza y una gran ventana de la app dibujada en código, con tarjetas de KPI, un gráfico de ingresos y una nota con el hallazgo clave. Debajo vienen una franja de integraciones, tres tarjetas de funciones, una cuadrícula Bento, un testimonio en serif con cifras de resultados y un CTA de cierre con brillo.
• Precios: un selector mensual/anual que recalcula todos los precios, tres planes con el central destacado por un brillo, una tabla comparativa y un FAQ de facturación.
• Recursos: una búsqueda del centro de ayuda que filtra mientras escribes, seis tarjetas de categoría, artículos populares, tutoriales por nivel y una tarjeta de soporte.
• Eventos: un taller en directo destacado con cuenta regresiva y agenda, próximas sesiones filtrables, tarjetas de grabaciones y un formulario de newsletter.
• Novedades: una línea de tiempo de versiones cuyo nodo activo sigue tu desplazamiento, tarjetas de versión detalladas y un control para «cargar versiones anteriores».

El paquete incluye además la plantilla, una guía de estilo, una biblioteca de páginas, reglas de iconos, una guía de adaptación a frameworks y un validador local.

Hazlo tuyo

Empieza por el nombre del producto, una categoría en una línea y la frase del Hero; después elige la palabra que pasará a la serif menta. Añade las integraciones que tu producto admite de verdad, tres funciones, un caso de cliente con cifras creíbles y tus planes. Si aún no tienes artículos de ayuda, eventos o notas de versión, el asistente puede redactar versiones claramente ficticias para que las revises.

Dile al asistente qué framework usas o deja que lea tu proyecto. Sin preferencia, crea un proyecto con Next.js App Router y TypeScript, convierte cada página en una ruta real y cada bloque repetido en un componente.

La fotografía se limita a personas: pequeños avatares redondos y un retrato en la tarjeta de identidad del agente. Usa fotos de tu equipo o genera un conjunto coherente sobre un fondo oscuro liso con una luz cálida y suave.

Revisa el resultado

Abre cada página en ancho de escritorio y de móvil. Cambia el ciclo de facturación, busca en el centro de ayuda, filtra los eventos, inscríbete en una sesión, aprueba la acción del Bento y carga versiones anteriores. Ejecuta el validador incluido en una versión de un solo archivo, o las comprobaciones propias del proyecto en una versión con framework. El ejemplo no envía datos; conecta servicios reales solo donde tu sitio de producción los necesite.