Phive

a Portuguese premium-gym brand that runs loud and warm, a near-black brown base lit by electric yellow with per-class accent colours, monumental compressed display type rolling across the screen as marquees, on a Nuxt + Sanity stack with Lenis smoothing and Splitting reveals on an expo-out curve.

Fitness Premium Gym flagship

Design tokens

darkBrown

midBrown

lightBrown

yellow

warmYellow

subduedYellow

lightYellow

warmGrey

stream

pilates

nutrition

red

display: PPFormula (condensed display)
body: AcidGrotesk (variable grotesque)
script: PureHeart (accent script)
mono: none

Do / Don't

Reference it for

A warm near-black base (#161003) instead of cold black, lifted by a single electric accent (#ffe000).
Per-service accent colours (purple/pink/green) mapped to class types, used as section tints and tags.
Monumental condensed display type (PPFormula at 100-420px) used as rolling marquees and section heroes.
A grotesque + condensed-display + script three-face system: structure, drama, personality.
Expo-out motion (cubic-bezier(0.19,1,0.22,1)) with Lenis and Splitting; a variable-font weight/tracking transition as a refined touch.
The sticky music-player-style bottom bar as a persistent, on-brand utility dock.

Do not copy

The PHIVE wordmark, the city-name marquees and the player-bar identity are Phive's own; borrow the device, not the marks.
AcidGrotesk, PPFormula and PureHeart are licensed; map to a variable grotesque + a condensed display + a restrained script.
The pastel-per-discipline scheme is tuned to Phive's class taxonomy; re-derive accents from the client's own services rather than reusing these exact pinks and purples.
Marquees, Splitting reveals and 420px type everywhere can tip into noise; reserve the biggest moves for one or two beats.

Signature moves

warm near-black base lit by a single electric accent

a warm near-black base (#161003) instead of cold black is lifted by a single electric accent (#ffe000), with per-class accent colours mapped to service types as section tints and tags.

monumental condensed marquee display type

a condensed display face (PPFormula) at 100-420px rolls across the screen as marquees and section heroes, the loudest move in a three-face system (grotesque structure, condensed-display drama, script personality).

expo-out smooth-scroll reveals with variable-font transition

expo-out motion (cubic-bezier(0.19,1,0.22,1)) drives Lenis-smoothed scroll and Splitting per-character reveals, with a variable-font weight/tracking transition as a refined touch.

Related references

Ace And Tate

strong

Health

a near-monochrome Amsterdam eyewear store that lets warm product photography and one editorial serif carry all the personality, set on a soft grey field with ink-black type, calm spacing and almost no decoration.

Antara Spa

strong

Beauty

a Malaysian day spa that sells calm with one oversized Fraunces wordmark on a sun-warmed photographic hero, an earthy sand-brown-sage palette, and slow GSAP-and-Lenis scroll, the whole page tuned to feel like exhaling.

Caliber

strong

Trades

a collision and auto-service chain whose site is a clean, trust-first conversion funnel, with "Online Estimate" and "Book an Appointment" front and centre, a confident dark-on-white system, and a single bold accent.

Corepower Yoga

strong

Fitness

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.