Bathhouse
www.abathhouse.com/The reference for running an entire wellness brand in monospace: near-total Roboto Mono, all-caps headings, pure black (#000000) canvas and full-bleed hero video, so a spa reads like a design studio.
Health flagship
Design tokens
background
surface
text
textMuted
accent
border
tone1
tone2
- display
- GT-America-Mono
- body
- GT-America-Mono
- mono
- GT-America-Mono
Do / Don't
Reference it for
- Committing a whole site to ONE typeface: Roboto Mono (body-font-font-family, 108 uses) across headings, nav, buttons and body, with GT America as the fallback stack
- Pure black background (--siteBackgroundColor hsla(0,0%,0%) = #000000) with white text (#FFFFFF) and a single pale-grey accent (--lightAccent hsla(210,3.23%,87.84%) = #DCDEE0)
- Uppercase heading treatment (--heading-font-text-transform uppercase) at large mono sizes (34.7px / 60px) that reads industrial not decorative
- A full-bleed autoplay hero video edge to edge, letting footage carry the mood rather than a headline overlay
- Location-first hero pattern: three cities/addresses (Flatiron, Williamsburg, Atlantic Ave) each with a BOOK NOW - FROM $29 price CTA stacked directly in the hero
- An inline AI-search bar (white pill on black, 'Ask us any question here...') sat under the logo as a primary navigation aid
- Wide-tracked mono all-caps labels for meta (letter-spacing .45em on scarcity/meta) giving a technical, ticketed feel
- Generous button padding (--primary-button-padding-y 1.5rem, padding-x 2.2rem) with 10px corner radius on otherwise flat mono buttons
Do not copy
- The BATHHOUSE wordmark and its bespoke splayed-A letterform logo
- The real NYC location names, street addresses and phone numbers
- The specific 'AN OASIS TO BE FUNDAMENTALLY HUMAN' and 'look, feel and perform their very best' brand copy
- The hero and interior spa footage of real people
- The Bonsai-powered AI search widget and its branding
- GT America and omnes-pro as licensed Typekit/Squarespace faces (swap to an open mono)
- The exact $29/$39 day-pass pricing