Kairo

Kairo es una plantilla premium dark-cinema para SaaS diseñada para plataformas de IA, herramientas de automatización y productos para desarrolladores. Dieciocho páginas listas para producción cubren features, precios, integraciones, documentación, referencia API, changelog, blog, casos de estudio, carreras con postings individuales, about, contacto, status y páginas legales. Hero signature con cronómetro SVG animado y dashboard con iris-reveal, character scramble con GSAP SplitText, grilla bento de features, timeline con DrawSVG, specs técnicas sticky con terminal animada, y versión con Sanity CMS disponible por separado.

Qué incluye

• 18 páginas completas, Inicio, Features, Precios, Integraciones, Docs, Referencia API, Changelog, Blog, Post, Casos de Estudio, Caso, About, Carreras, Puesto, Contacto, Status, Privacidad, Términos, 404
• Hero con cronómetro SVG animado con tres arcos rotatorios impulsados por GSAP
• Iris reveal, la imagen del dashboard se expande vía clip-path circle como obturador de cámara con el scroll
• Animación de headline con character scramble SplitText al cargar
• Grilla bento de features, layout de revista asimétrico de 6 cards
• Línea conectora animada con DrawSVG en timeline de 3 pasos

La firma

El hero presenta un cronómetro SVG animado con tres arcos concéntricos rotatorios, emparejado con un dashboard con iris-reveal que se expande desde un clip-path circle de radio cero mientras el usuario hace scroll, como un obturador de cámara abriéndose para revelar la interfaz del producto debajo.

Verlo en vivo

La demo es pública: https://fpsjago.github.io/kairo-template/. 18 páginas, hecha con Astro 5, React 19, TypeScript, Tailwind CSS v4, GSAP.