The Pavilion
IPL 2026 in your team's colours. Standings, fixtures, squads, and a pass made for Instagram.
- Industry
- Cricket
- Year
- 2026
- Role
- Design and build (personal project)
- Built with
- Cloudflare Workers
The Pavilion is a personal IPL 2026 dashboard. You pick a team on the way in and the whole thing floods in its colours: in season, a countdown to your next match and a live scorecard when your team was on the field; the points table with your row lit, all 74 fixtures, squads, and four dressing-room stories per team. It went live on 22 April 2026, a day after the first line of code, with a custom domain the day after that.
The Pavilion, in numbers.
The Pavilion Pass
- Instagram views the pass carried, during the season90,000+
- Pixels in each pass, drawn on a canvas in the browser1080 × 1920
- Teams in the batch export, saved as one ZIP10
A share link pre-selects your team for the friend who opens it.
The brief
The look is Wisden almanac typography on cream paper inside a black broadcast sandwich, with the team colours doing the work. Vanilla HTML, CSS and ES modules, no framework, and no backend for anything personal: your name and team never leave your browser. Standings, fixtures, caps and squads refresh on a cron, and the site ran itself for the last ten days of the season.
The Pavilion Pass is what made it travel: a 1080 by 1920 story drawn on a canvas in the browser, with a share link that pre-selects your team for the friend who opens it. It carried the dashboard to 90,000-plus Instagram views during the season and became the formula Fan Park was built on. The detail is in the screens below.
From the gate to the dashboard.
Every pass is stamped to a name.
Onboarding asks two things: your name and your team. The name goes on the ticket, the footer and the whole dashboard.
Who do you live and die for? Ten jerseys, one choice.
Pick a team and the dashboard floods in its colours, derived from the primary and secondary with color-mix so the washes and glows stay on-brand.
Editorial cream paper inside a black broadcast sandwich.
The design rule: Wisden almanac typography for the editorial layer, IPL broadcast graphics for the team-colour blocks, a personal issue of a magazine for the framing.
Nothing is sent anywhere; it lives in your browser. The promise printed in the credits: your name and team never leave your browser, no account, no server, nothing.
A referral link with a team code pre-selects the tile for the friend who receives it, which is how the pass travelled on Instagram.
Five typefaces with strict roles: Bebas Neue for names, Instrument Serif italic only for ceremonial lines like the chant, Inter for UI, JetBrains Mono for numbers. Vanilla HTML, CSS and ES modules. No framework, no build step.
Screens
The mast is a ticket, notches and all.
Ticket-edge notches, a crest strip with season and serial, the massive name, the italic chant, and the Season Dossier plate on the right with position, points, matches and form. A perforated divider and a dateline with the data-status pill underneath. Download Pass is the primary action on every viewport.
The points table with your row lit up.
Standings refreshed by a daily GitHub Actions scrape, later wired to a Wikipedia scraper on the Pit Wall worker with a 30-minute KV cache and the static snapshot as fallback. QUALIFIED and ELIMINATED chips arrive on their own as the maths locks. The site ran itself for the last ten days of the season.
Final table, snapshot of 18 May 2026
Orange Cap and Purple Cap, top five, refreshed every day.
Most runs and most wickets in the season, with the team badge and the number set in mono. Same cron as the table, so the caps never lag the standings they sit beside.
All 74 fixtures, filtered to your team, results in one column.
Fixtures pulled through cricapi on a daily cron, with the venue and result on every row. In season, a live scorecard appeared above the schedule when your team was on the field, polling every 60 seconds during play.
Pavilion Intel: four dressing-room stories per team.
Hand-written storylines, dated, kept honest by a staleness check that flags any story past its shelf life, so a stale line never sits on a live dashboard. The feeds carry the numbers; the intel carries the reasons to care, written by a fan who watched every ball.
The squad, every player with a role and a jersey number.
Twenty-five names in a grid: batter, bowler, all-rounder, keeper, with the jersey number set large in the corner of each card. Squads auto-refresh, so a mid-season signing shows up without a deploy.
The Pavilion Pass
Drawn on a Canvas 2D in the browser: your name, serial, avatar, team colours and the season line. Add a photo, download, share, or copy a link that pre-selects your team for whoever opens it. A batch export saves passes for all ten teams in one ZIP. Live 22 April 2026, custom domain the next day; the pass is what carried it to 90,000-plus Instagram views during the season.
