Landing page editorial de tintav1.0.3

Landing page editorial de tinta crea un sitio de lanzamiento sereno y centrado en la tipografía para un producto de software: titulares serif sobre papel cálido, un cielo pintado y pálido detrás del Hero y una ventana de producto funcional justo debajo del titular. El ejemplo es Petrichor, una app ficticia de memoria de reuniones para fundadores, con una página de inicio completa y sus páginas de registro, inicio de sesión, contacto, changelog, seguridad, empleo y legales.

Lo que obtienes

• Un único archivo web autónomo que se abre en cualquier navegador y funciona sin conexión, con las fuentes y las imágenes integradas. Si ya tienes un proyecto con framework, el diseño se construye ahí, con tu propio stack.
• Una ventana de producto dibujada con el vocabulario propio del producto que los visitantes pueden usar: cambiar entre Recap, Transcript y Ask, marcar una tarea de seguimiento, saltar a un momento de la transcripción, hacer una pregunta y recibir una respuesta con citas.
• Una página de inicio con un manifiesto junto a un estudio a tinta sumi, una explicación del método, un bento de funciones con líneas finas, cifras con fuente, testimonios intercambiables, precios con selector de facturación y contador de puestos, una FAQ y una llamada a la acción final con cielo de atardecer.
• Páginas complementarias que funcionan: registro e inicio de sesión con validación, contacto con ventas, un changelog con filtros y búsqueda, seguridad, empleo, privacidad, términos y una página de no encontrado.
• Temas claro y oscuro, ambos diseñados, y animaciones sutiles que se reproducen una vez y respetan la preferencia de movimiento reducido.

Cómo usarlo

1. Comparte el nombre de tu producto, qué hace y para quién, tu punto de vista, entre tres y seis capacidades, planes con límites reales, respuestas para la FAQ y cualquier cifra o cita de clientes que puedas usar. Los textos que falten se redactan con la voz de la casa y se te enumeran para que los confirmes.
2. Deja que el agente genere los cielos, los estudios a tinta, la foto de la historia y los retratos con su herramienta de imágenes en una misma paleta lavada por la lluvia, o envía tus propias fotos. Sin herramienta de imágenes, la página se entrega con fondos suaves de estilo pintado e iniciales en lugar de fotos.
3. Abre cada página en claro y oscuro, en escritorio y móvil, prueba la ventana de producto, los precios y los formularios, y pide cambios.

La tipografía usa Newsreader, Geist y Geist Mono, incrustadas en el archivo. La generación de imágenes usa la propia herramienta de imágenes de tu agente y puede tener sus cargos por uso.