Gymbox
www.gymbox.com/a London boutique gym that shouts, near-black backgrounds, one electric yellow accent, a custom condensed display face set in enormous all-caps ("ANYTHING GOES", "GOT QUESTIONS?"), gritty workout photography and Lenis-smoothed Swiper carousels.
Design tokens
- display
- Gymbox / GymBox Std (custom condensed)
- body
- Poppins
- mono
- none
Do / Don't
Reference it for
- A boutique gym or high-energy local business: near-black canvas, one electric accent, oversized all-caps condensed display type.
- The strict monochrome-plus-one-yellow system (#0A0A0A / #FBF8F7 / #FFCD33) as a high-impact, low-risk palette.
- Big outlined location/menu lists with arrow links as a navigation pattern for a multi-site local business.
- Lenis + Swiper for smooth scroll and class/location carousels.
- Multi-property hover transitions (background + border + radius + shadow + transform together, 0.3-0.4s) for tactile, energetic buttons and cards.
Do not copy
- The "Gymbox" custom condensed display face is licensed brand identity; map to a free condensed grotesque (Anton, Archivo Expanded, Bebas).
- The exact electric yellow and the gritty gym photography are Gymbox's identity; keep the system, reselect the accent and imagery for the client.
- WordPress / Elementor is not Jiffi's stack; lift the look, rebuild lean on Astro.
Signature moves
monochrome-plus-one-yellow high-energy system
near-black canvas (#0a0a0a/#000000) with one electric yellow (#ffcd33) and off-white (#fbf8f7) is a high-impact, low-risk palette for a high-energy local business.
oversized all-caps condensed display
a condensed display face set in enormous all-caps (up to 102px) shouts headlines like "ANYTHING GOES".
outlined location list with arrow links
big outlined location/menu lists with arrow links work as navigation for a multi-site local business, with tactile multi-property hovers (background + border + radius + shadow + transform, 0.3-0.4s).
Related references
Tonal
flagshipFitness
a connected-fitness hardware brand selling a wall-mounted smart gym, a clean editorial system in near-black on warm bone, GT America plus a GT Expanded display cut, one electric teal accent, and Tailwind-driven cubic-bezier(0.4,0,0.2,1) transitions that keep a Vue app feeling like a premium product site.
Corepower Yoga
strongFitness
a yoga studio chain whose site runs entirely on the class timetable, Book / Studio Schedule / On Demand sit at the front of the nav, in a warm sunset-orange-and-cream palette with friendly Poppins, so finding and booking a class is the whole experience.
Fantastic Services
strongTrades
a multi-trade home-services brand whose site is a service-category-and-book funnel, 100+ services sorted into clear categories with an instant booking path, in a clean navy-and-magenta system on Inter.
Heyday Skincare
strongBeauty
a facial-membership skincare chain that feels friendly and trustworthy, deep navy ink on warm cream, soft powder-blue and butter-yellow accent panels, the Sunset Gothic grotesque, close-up facial photography and lots of proof (press logos, big stats, reviews).