Champion — Elite Tournament Competition Landing Page Template

Quick summary

Dobok is a single-page landing page template designed for taekwondo sanctioning bodies managing regional and national competition circuits. A full-viewport countdown timer anchors the hero. Below it, a community gallery, a three-path conversion marketplace, and a scoreboard-style rankings section guide three very different visitor types toward the action that matters to them.

Who this template is for

This template serves multi-stakeholder martial arts organizations that need one page to speak clearly to very different audiences without diluting the message for any of them.

• Master instructors and dojang owners registering their schools for league competition
• Parents and athletes searching divisional rankings and upcoming tournament schedules
• Certified referees browsing weekend assignment opportunities and per-event stipends

What problem this template solves

Running a taekwondo league means serving three groups whose needs barely overlap. Most generic sports templates force a single call to action and leave the other audiences hunting. Dobok fixes that with purpose-built conversion paths woven into one cohesive page flow.

• Dojang owners lose time searching scattered systems for school registration and fee information
• Parents and young athletes have no single place to check divisional standings or find the next local tournament
• Certified referees lack a clear channel to discover open assignments and confirm credential requirements

What you get with this template

This template delivers a complete single-page layout structured around competition energy and role-specific conversion. Every section serves a deliberate purpose, and nothing decorative competes with the functionality.

• A full-viewport hero with a JavaScript countdown timer, cinematic video background, and event details beneath the numerals
• A living community gallery with flip-card athlete profiles, a referee spotlight row, and a scrolling results ticker
• Three distinct action cards routing school owners, families, and referees to the conversion path relevant to them
• A rankings and results block styled as a live scoreboard with divisional standings
• A referee assignments section listing upcoming events with stipend visibility and a credential upload path
• A mobile-persistent bottom bar that repeats the countdown and surfaces a single role-selection call to action

Feature list

This template is built around high interactivity and a strong visual hierarchy. Each component below is grounded in what the template actually delivers.

Brutalist Countdown Timer Hero

A full-viewport hero section devotes ninety percent of the screen to a monospaced countdown timer rendered in electric indigo numerals. The timer ticks down to the next sanctioned tournament in real time. A slow-motion video loop of a back kick impact plays behind it, and a single line of flash-white text names the event, city, and division count beneath the clock.

Community Photo Gallery with Flip Cards

A mosaic grid displays tournament action photos submitted by member dojangs. Each card flips on hover to reveal the athlete's name, school affiliation, and belt rank. A referee spotlight row follows the grid, and a scrolling ticker beneath it streams recent match results and ranking changes continuously.

Three-Path Marketplace Cards

Three indigo-bordered action cards appear immediately after the gallery. "Register Your School" surfaces a school name, instructor certification number, and student count form alongside a live member dojang count and a fee calculator. "Find a Tournament" opens a filterable calendar by state, date, and division. "Apply to Officiate" shows open assignments with stipend amounts and a Kukkiwon credential upload path.

Live Scoreboard Rankings Block

A rankings and results section uses a scoreboard visual style to present divisional standings and recent match outcomes. The aesthetic mirrors a competition venue display board, giving parents and athletes an immediate sense of where their school ranks in the current circuit.

Referee Assignments Panel

A dedicated section lists upcoming sanctioned events with per-event stipend figures visible before any commitment is made. Referees can follow the credential upload path directly from this panel, reducing the steps between discovering an assignment and applying for it.

Mobile-Persistent Call to Action Bar

A fixed bottom bar on mobile devices repeats the active countdown timer and displays a single "Join the League" button. Tapping it routes the visitor to a role-selection screen so the correct conversion path opens immediately, regardless of where the visitor is on the page.

Page sections overview

Design & branding system

The visual identity follows an Industrial Raw theme. Every color and type choice is intentional, referencing the physical atmosphere of a competition venue after the house lights drop.

• Color palette: mat black (#0D0D0D) as the primary background, raw concrete gray (#3A3A3C) for card surfaces and section dividers, electric indigo (#4B0082) on every interactive element and hover state, and flash-white (#F0F0F5) for all body and heading typography
• Typography pairing: JetBrains Mono drives the countdown timer, scoreboards, and data displays; DM Sans handles headings and body copy for readability at all sizes
• Interaction design: scroll-reveal stagger animations, flip-card hover transitions, glow pulse effects on indigo elements, and a ticker marquee on the results row keep the page kinetic without feeling decorative

Mobile & speed optimization

The template is built mobile-first because the primary users are parents checking standings courtside and referees reviewing assignments between bouts. Desktop layout gives dojang owners a fuller canvas for the registration and fee calculator views.

• Static sections use server-rendered components to load instantly; dynamic elements like the countdown timer and live ticker use client components so they update without blocking the rest of the page
• The persistent mobile bottom bar keeps the primary call to action accessible at every scroll position, removing the need to hunt for a registration link mid-page

How this template helps you convert

Every design decision on this page is tied to moving a specific visitor type toward a specific action. Three very different audiences land here, and the page earns a click from each of them.

1. The hero countdown creates urgency without a single word of sales copy. Dojang owners see the next tournament date instantly and feel the pressure to register their school before the deadline.
2. The community gallery makes the league feel real and welcoming. Parents see phone-shot photos of real athletes, which lowers hesitation and builds the trust that moves them to the tournament finder.
3. The three-path marketplace removes ambiguity entirely. Each visitor type sees one relevant card with transparent information, like stipend amounts and live member counts, before they commit to any action.

Other information about this template

This template is category-matched to the Sports and Recreation space with a specific focus on the taekwondo league and association niche. It is appropriate for any sanctioning body operating regional point-sparring circuits, poomsae championships, or multi-state referee assignment programs.

• The USA localization defaults are built in: date formats follow MM/DD/YYYY, currency displays in USD, and location references use standard state abbreviations
• The footer follows a minimal horizontal flow pattern consistent with the overall Industrial Raw visual system
• The template style is Hero-Dominant at a ninety-to-ten ratio, meaning the hero section consumes the majority of the initial viewport before any navigational elements appear
• Animation intensity is set high throughout: countdown timer JavaScript, scroll-reveal stagger, flip-card transitions, ticker marquee, and glow pulse effects are all included in the template design
• The page is structured so navigation is hidden on initial load and only appears as the visitor scrolls past the hero, keeping the countdown moment undistracted

Show more