Fitune Style Guide
Living reference of the v2 design system. Every token, every component, every interaction. Used to validate the system before pages go live.
Type scale
Help studios win.
The operating system for studios.
Attract, convert, retain, operate.
Every studio deserves better software.
Boutique fitness studios run on intuition and spreadsheets. Fitune replaces both with a system designed for the way modern studios operate, from waitlist to payroll.
Smaller body for captions, footnotes, and dense interface copy.
Pricing isn't just numbers. It signals who you are.
Palette
Building blocks
Studio directory
Get discovered by clients searching for studios in their neighborhood.
Online booking
Mobile-first booking flow that converts visitors into paying clients.
Loyalty system
Built-in rewards keep clients coming back month after month.
Layout primitives
Section padding scales by intent. Container max-width 1440 px with 32 px horizontal padding (24 px on mobile).
Standard section padding
Default vertical rhythm for most marketing sections.
Tight section padding
For sections that flow into each other or interstitial content.
Hero section padding
Generous vertical space for the page opener and major moments.
Dark hero or footer surface
Inverted surface with Misty text for high-contrast moments.
Scales
Spacing
All spacing built on multiples of four. Visual scale below shown at actual width.
Radius
Internal Fitune resource. v2 Design System reference. Update this page whenever new tokens or components are added to Webflow.