Landing page de devtool Tracklanev1.0.5

Landing page de devtool Tracklane crea el sitio de marketing de una herramienta para desarrolladores que se siente como la web terminada de una empresa: un lienzo arena cálido con franjas de sección menta, tinta casi negra, titulares compactos y un Hero dividido y sereno con una ventana de producto en vivo a la derecha. El ejemplo es Tracklane, un gestor de incidencias ficticio para planificar ciclos, con una página de inicio completa y páginas de precios, changelog, inicio de sesión, registro, demo, seguridad, caso de cliente, empresa 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 incluidas. Si ya tienes un proyecto con framework, la misma estructura se adapta a él.
• Una ventana de producto construida a partir de tus propios objetos, con vistas de tablero, burn-up y roadmap que cambian solas una vez, y una tarjeta que se mueve cuando se hace push de una rama.
• Secciones de inicio que funcionan: tarjetas de métricas que cuentan hacia arriba, un bento de cinco piezas con cola de triaje e hilo de incidencia, pestañas de ciclos, pestañas de flujo para desarrolladores con línea de comandos, Git y API con botón de copiar, una ruta de evaluación, seguridad, citas, precios con selector de facturación y una FAQ.
• Páginas internas con tabla comparativa de precios, un changelog con filtros y búsqueda, inicio de sesión con búsqueda de inicio de sesión único, registro, reserva de demo, un caso de cliente, empresa con vacantes abiertas, privacidad, términos y una página de no encontrado.
• Un tema oscuro completo y una animación tranquila que respeta los ajustes de movimiento reducido.

Cómo usarlo

1. Comparte el nombre de tu producto y su promesa en una línea, los objetos de trabajo que gestiona, cinco capacidades, cómo encaja con Git, la línea de comandos y la API, datos de seguridad, planes de precios y tu llamada a la acción principal. Los datos que falten se redactan como marcadores verosímiles y se listan para que los confirmes.
2. Dile al agente qué tres vistas muestran mejor tu producto, por ejemplo incidentes, despliegues o tickets en lugar de incidencias.
3. Abre cada página en claro y oscuro en escritorio y móvil, prueba la ventana de producto, el bento, las pestañas y los formularios, y pide cambios.

La tipografía usa Inter Tight, Inter y Geist Mono, incrustadas en el archivo. Las fotos de clientes y del equipo salen de la herramienta de imágenes de tu propio agente y pueden tener costos de uso; el producto siempre se dibuja, nunca es una captura generada.