A strong, disciplined first impression
Calm, warm, and communal art direction and Oswald headlines paired with Figtree body text give the opening experience a distinctive but coherent voice.
karatefamilynavy
Tatami
A calm, warm, and communal website for martial arts schools and dojos
Live template previewLive desktop preview
Open full siteExplore the Complete Tatami Website
Open the responsive live demo for the best experience on a smaller screen.
Open Live PreviewTatami at a glance
Included pages12
- Home
- Classes
- Schedule
- Belts
- How tuition works
- Instructors
- Family policies
- Try a class
- FAQ
- Contact
Also included
- Privacy
- Accessibility
Features
- Responsive navigation
- Team profiles
- Parent reviews
- Process
- FAQs
- Services
- Policy pages
Behind the design
Built around the mat, the instructor, and the first class
Tatami gives martial arts schools and dojos a calm, warm, and communal foundation for presenting their school, classes, and instructors. Oswald headlines paired with Figtree body text and a structured multi-page journey organize what to expect, trust-building proof, and a clear inquiry path without losing the template’s distinct visual character. The result is a complete, customizable starting point that helps visitors understand the school and find a relevant next step.
A strong fit for
- Schools with several instructors, a weekly schedule and ranks by age
- Academies presenting kids', teens' and adults' programs
- Schools presenting belts, the schedule and a trial class in one place
A clear customer journey
The multi-page structure separates the essential information into a clear, approachable browsing path.
Credibility built into the story
The site supports credibility through parent reviews and team introductions.
The next step stays visible
A dedicated tour, trial class or registration link keeps the transition from consideration to contact visible and straightforward.
Design DNA
The visual system at a glance
Character
Calm, warm, and communal
Typography
Oswald headlines paired with Figtree body text
Motion
Gentle fade-up section reveals
Your content, this foundation
Make Tatami your own
Start with the complete design, then customize its pages, imagery, copy, and brand settings in ModernSite.
