HAVOC — Esports Organization
Bring the noise.
A bold, dark, kinetic site for a professional esports organization — five game divisions and rosters, a match schedule with animated results, player profiles, news, partners, a merch teaser and a validated tryouts flow. Built in SvelteKit 2 / Svelte 5 over a typed data layer, fully prerendered; ticket/stream/shop links are honest demos.
Role · Design + front-end build (SvelteKit 2 / Svelte 5, typed data layer) · Updated Jun 2026
- 11 route types: home, teams + division detail, players + profiles, matches, news + article, partners, about, join, 404
- A typed data layer (divisions, players, matches, news, partners) with pure selectors and a documented CMS/API seam
- A reusable kit: animated scoreboard rows, count-up + scroll-reveal actions, a marquee and procedural crests/portraits
- A validated demo tryouts form, a full dark theme and mono tabular stats
- Delivery
- 24–48h
- Licence
- One-time licence · full source
- Support
- 14 days setup support
- Updates
- Free updates included
Backend · Headless CMS / match API
Rosters, matches and news live in one typed data layer — point it at a headless CMS (Sanity, Contentful) or your match API at the documented seam; the tryouts form posts anywhere.
Delivered as full SvelteKit source. Swap the typed data layer for a headless CMS or your match API at the documented seam, recolour with the accent tokens, and point the tryouts form anywhere.
What makes it special
A kinetic, competitive identity
A near-black canvas with a volt-green→violet accent, a condensed techy display, diagonal cuts, scanline texture and speed lines — a glitch hero, a seamless marquee and count-up trophy stats, all transform/opacity-only and reduced-motion-gated.
A whole org, modelled
Five game divisions, thirteen players, a full match schedule with results, six news posts and tiered partners — one typed, deterministic data layer with pure selectors, so prerender and hydration always agree.
Animated scoreboards & filters
A schedule and results view with a tab + per-game filter and scoreboard rows whose scores count up on scroll, plus a roster filterable by game — every control keyboard-operable with aria state and live counts.
Procedural art, zero image deps
Division crests, per-game glyphs and abstract player portraits are all generated SVG keyed by hue — no external images, with reserved aspect ratios on every art slot for real photography later.
Accessible & self-contained
Skip link, semantic landmarks, focus-visible rings, a labelled validated tryouts form, aria-live regions, AA contrast on dark, self-hosted fonts and zero runtime network calls — a prerendered export that runs at any subpath.
What’s included
- 11 route types: home, teams + division detail, players + profiles, matches, news + article, partners, about, join, 404
- A typed data layer (divisions, players, matches, news, partners) with pure selectors and a documented CMS/API seam
- A reusable kit: animated scoreboard rows, count-up + scroll-reveal actions, a marquee and procedural crests/portraits
- A validated demo tryouts form, a full dark theme and mono tabular stats
- Reduced-motion fallbacks, WCAG 2.2 AA, a fully prerendered static export and self-hosted fonts
Gallery
More Arts & Entertainment templates
Make HAVOC yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.