Everything a club
needs to open its doors
More than a set of pages. A synchronised design system and a full website for training clubs, studios and coaches.
The system
Every page and every token, built to stay in sync
Templates often look finished until you change a colour. In Oaken every layer is bound to a variable, every block is a component, and every page exists in three sizes.
Twenty-four pages
Three homes, three abouts, three contacts, nine inner pages and the utility pages a real launch needs, in desktop, tablet and mobile.
Design variables
Colour, type, spacing and radius live in variables with a mode per breakpoint. Change one and every page follows.
A real component library
Buttons, cards, rows, forms, navigation and footer, with text properties and a variant per breakpoint.
The Figma file
A file you can hand to a client
Clean auto layout, no fixed heights and no detached layers. Foundations, components, wireframes, a linked prototype and a page with every photo and where it is used.
Variables first
Change the palette once and the whole file updates.
Ready for your team
Named layers, shared styles and a read me that explains it all.
Explore the pages
Everything you need,
out of the box
Homes
Pages
About
The club, its principles and the people behind it.
About 2
Photos scattered around one line, numbers and the team.
About 3
A full photo, plain numbers, values and open roles.
Programs
Six disciplines with length, level and group size.
Program detail
What a class looks like, part by part.
Coaches
Portraits, roles and how coaching works.
Coach detail
One coach, their classes and their week.
Class detail
One class, its coach and how the hour runs.
Timetable
A week of classes with spots left.
Membership
Three plans and a full comparison.
Free week
A booking form and what to expect.
Contact
Enquiries, opening hours and the front door.
Contact 2
Ways to reach the club, the front door and a form.
Contact 3
Contact lines, a form on a photo and door questions.
Journal
Training notes with a featured article.
Article
A long read with its author.
