Kilo UI

Kilo is a Framer template for strength clubs, boutique gyms, boxing studios and coaches who want their site to feel as loud as their playlist. Instead of the usual dark gradient and stock photos, it uses an electric cobalt, carbon and volt palette, condensed poster type, and original halftone class art.

Every section moves with a purpose:

- Headline that lifts itself. Each character springs up on load, a free-week badge spins, and the plate poster floats.

- Crossing tickers. Two tilted bands of class names and promises scroll in opposite directions and slow on hover.

- A real timetable. Morning, Midday, Evening and Weekend tabs swap the schedule, and nearly full classes light up in volt.

- Pricing that toggles. Switch Monthly and Annual to update every price and billing note.

- Cards that respond. Class posters zoom, coach portraits tilt, reviews flip to cobalt, and the FAQ accordion animates open.

What's included

- 7 pages: Home, Classes, Class (CMS detail), Coaches, Coach (CMS detail), Membership, Contact, plus a custom 404

- 3 CMS collections: Classes, Coaches (referenced by each class) and Reviews

- Coach pages list only the classes that coach leads. Class pages show the class's coach and a "Keep training" list of three other classes

- 10 reusable components with hover states and variants: Nav (with phone drawer), Footer, Button (4 styles), Class Card, Coach Card, Review Card, FAQ Item, Timetable, Pricing and Submit Button (pending and success states)

- 15 text styles and 12 color styles, each with desktop, tablet and phone sizes

- A shared layout template with a sticky nav and footer

- A native free-week booking form with text, email, phone, select, radio and message fields

- SEO titles and descriptions on every page (CMS-bound on detail pages), alt text, semantic headings, mailto and tel links

Perfect for: strength and conditioning gyms, CrossFit-style boxes, boxing and martial arts studios, rowing and cycling studios, personal trainers and run clubs.