Four styles. Zero clones.
One design system, four distinct styles — so no two clubs end up looking the same. Below are live demo sites for Copperline Athletics, a club I made up. Design demonstrations, not client projects.
Open a live demo · fictional club
- Kinetic — live demo, fictional club
- Cinematic — live demo, fictional club
- Bright Club — live demo, fictional club
- Precision — live demo, fictional club
Same made-up club and programs in all four · the style changes
01 The four styles
Pick a feel.
Click around.
Each demo is a whole club site — programs, schedule, coaches, facility and a free-trial form. Open one on your phone. That’s where parents will meet yours.
Try a club color. This page and all four previews re-color.
Demo clubEvery demo below is for Copperline Athletics, a made-up club. They show the styles. They are not client work.
-
Kinetic
Athletic campaign energy. Big leaning type, scoreboard numbers, tapes that react to your scroll.
Good fit · competitive clubs, speed & strength
You’re looking at it — this page is Kinetic in WebForge orange.
Open live demo of the Kinetic style (fictional club) -
Cinematic
Dark and filmic. Light, shadow and slow reveals — it feels directed, like the opening of a film.
Good fit · elite programs, martial arts, a club with a story
Open live demo of the Cinematic style (fictional club) -
Bright Club
Warm, friendly, colorful. Built for a parent on a phone, with nothing to wait for.
Good fit · youth programs, gymnastics, first-timers
Open live demo of the Bright Club style (fictional club) -
Precision
Sleek and minimal. A clean grid, a live “today” dial, and nothing extra.
Good fit · training facilities, performance gyms, studios
Open live demo of the Precision style (fictional club)
→ Why one club, four times
Same club. Four feels.
The club doesn’t change between the four demos. The feel does.
Same club, same three programs, same free-trial form — the style is what changes, along with the placeholder details. That’s the point: you pick how your club feels, and your information, your photos and your club’s colors go into it.
02 Things to try
Don’t just look.
Poke at it.
Each style has something it does that a screenshot can’t show. One thing to try in each.
-
Kinetic
Scroll fast
The tapes and the running lanes behind the headline speed up and lean with your scroll. The footer swaps the whole site’s colorway.
-
Cinematic
Jump to a section
Use the menu: the page cuts like a film edit instead of gliding. The end credits have a color-grade switch.
-
Bright Club
Tear the ticket
Tap the free-trial pass and it tears off. Start the booking form and the pass fills in as you type.
-
Precision
Press G
A layout grid drops over the page so you can see the system underneath. On a phone, it’s the Layout grid button in the footer.
Straight about the demos
Copperline Athletics is made up. The coaches, quotes, addresses and phone numbers are placeholders, and the forms in the demos don’t send anything. Want to see your own club in one of these styles? That’s the $19.99 demo. The self-serve builder isn’t switched on yet, so for now you email me and I make it with you by hand.
03 Free, no obligation
Free site check.
Before you pick a style, find out what your current site is doing. Send me your club’s site and I’ll tell you what’s wrong with it: how it loads, how it behaves on a phone, whether your domain is actually resolving, and what a parent sees first.
Useful whether or not you ever hire me.
→ Still deciding
Not sure which one fits?
Email me what your club does and who it serves, and I’ll tell you which of the four I’d start from — and why. No call needed.
Or write to connect@webforgecreate.org