Remix · Marketing · Landing Page

Contrail — Flight Tracker

A day-to-night product site for Contrail, a flight tracker that tells you first

Open in Codecaine

Clones it into a folder you pick, as a new project. No Codecaine yet? Get it free

Nothing opened? Codecaine has to be installed and opened once for this link to work. Install Codecaine, or download the project and open its folder.

Contrail — Flight Tracker — home page

About

A day-to-night product site for Contrail, a flight tracker that tells you first: bold Inter on a golden-ratio scale with tight negative tracking, one amber accent, violet night glow and soft layered shadows. A pinned hero walks one trip through four phases on a live phone (a real flying map, an airport diagram with a taxiing plane, the arrival screen, the passport) while notifications around it light up and the page turns to night; a manifesto that lights word by word; a bento of working mockups (a glowing delay prediction, the inbound aircraft, tower advisories, a filling lock screen, a forecast); a sideways-pinned timeline of a delay seen coming; a flight importer that really parses flight numbers and booking emails; a friends section with alert switches and a story-sticker maker; a split-flap delay board; reviews and a device composition — plus Pricing (rolling prices, sticky comparison, a gift-card builder), Passport (one year switch driving a sticky route atlas, charts and a share card), About (sticky story chapters, team, live office clocks) and a live brand guide.

Designed for

  • Consumer apps, travel and mobility products that want to show the app working, not screenshots of it
  • Story-led landing pages with sticky, scroll-driven chapters and a day-to-night colour change
  • Interactive phone, laptop, tablet and watch mockups drawn in CSS and SVG with real maps
  • Seeing scroll-pinned stages, live maps and hidden states built as editor-controllable components

Details

Version
1.0.0
Updated
Oct 11, 2026
Pages
5
Framework
vite
Styling
tailwindcss@4
Dev port
3460
SDK
@canvas/react 0.1.1
License
MIT
Download
671 KB · 100 files

Keywords

travelflight-trackermobile-appconsumersticky-scrollscroll-storyinteractive-mockupsmapsgolden-ratiodark-mode-sectionspricingframer-motionlenisreactvitetailwind

Every page

5 pages, as they open at 1440px.

More remixes

See all 38