Sprints
Hero & InteractionNew

Sprints

Free

Think Ahead. Move Fast. - project management hero with video stage and CTAs.

Made with

  • HTML
  • CSS
  • JavaScript
  • Tailwind CSS

Overview

Sprints is a full-viewport project-management hero by SonoJS. Built as a single HTML page with Inter, Tailwind via a local script, and a looping hero.mp4 stage. Word-group headline Think Ahead. Move Fast. Exceed Expectations., Try for Free / See Pricing CTAs, desktop nav with Pages + Get Started, mobile fullscreen menu, and a bottom partner-logo row. Demo PM chrome only - no signup backend. Open index.html or host the folder statically on Cloudflare Workers.

Highlights

  1. 01

    Full-bleed PM video

    Looping hero.mp4 behind light Inter type and green Exceed Expectations accents.

  2. 02

    Word-group entrance

    Staggered Think Ahead / Move Fast / Exceed Expectations plus nav fade-in.

  3. 03

    Responsive chrome

    Desktop nav + Get Started pill; mobile menu with staggered link reveals.

  4. 04

    Zero-build static

    One index.html plus Inter fonts, hero video, and assets/js/tailwindcss.js.

You get

  • index.html (complete Sprints / Project Management hero)
  • assets/video/hero.mp4
  • assets/css/inter.css + Inter woff2 fonts
  • assets/js/tailwindcss.js
  • Nav / mobile menu entrance script

Related products

View all

Otis

Free

Grab his cartoon face and pull it like taffy: stretch, wobble, new expression, patience bar.

Juicy

Free

3D juice can carousel - scroll to spin, flavour themes, floating fruit, water ripple.

SkyElite

Free

Full-bleed private-jet video hero - Premium. Accessible. Book Now.