Style Guide

Thai Relax House — Design system

Colors

ACCENT

Gold Headings, accent, nav, buttons, icons
#DCA54A

HOVER

Gold Hover Interactive hover state
#E8B55B

BACKGROUND

Background Page, cards, footer
#0A0A0A

TEXT

Text Body, paragraphs, lists
#FAF5E5

MUTED

Muted Meta, disclaimers, secondary
rgba(250,245,229,.5)

BG ALT

Background Alt Alternate sections, cards, subtle contrast
#141414

Typography

Bebas Neue — Display / Headings

Our Parlours

H1-H4, section titles, card names, labels

Montserrat — UI / Nav / Buttons

Home · Parlours · Services · Book Now

Navigation, buttons, CTAs, interactive elements

Roboto — Body

Take advantage of our most enticing deal in Tenerife South, with the irresistible Exclusive Offer Massage. This session combines the best of erotic relaxation.

Paragraphs, descriptions, bio text, lists

Heading Scale

H1 Luxury Erotic Massage

H2 Our Services

H3 Prostate Massage

H4 Starting from €150

Body A favorite among our clients, this interactive massage delivers a profound experience.

Small All massages are done by hand. No sex or penetration.

Buttons

Variant	Background	Color	Hover
Ghost (default)	transparent + `1px solid gold`	`gold`	Becomes solid (BG gold, text bg)
Solid	`gold`	`bg`	Becomes ghost (BG transparent, text gold)

Montserrat / 600 / uppercase / 0.12em tracking / 4px radius / 12px 28px padding

Spacing

1200px

Container

80px

Section Padding X

24px

Block Gap

30px

Card Gap

20px

Paragraph Margin

Design Tokens

Token	Value	Usage
`--color-gold`	`#DCA54A`	Accent, headings, nav, buttons, icons
`--color-gold-hover`	`#E8B55B`	Hover states
`--color-bg`	`#0A0A0A`	Page background
`--color-bg-alt`	`#141414`	Alternate sections, cards, subtle contrast
`--color-text`	`#FAF5E5`	Body text
`--color-muted`	`rgba(250,245,229,.5)`	Secondary text
`--font-display`	Bebas Neue	Headings, titles, labels, cards
`--font-ui`	Montserrat	Nav, buttons, CTAs
`--font-body`	Roboto	Body text, descriptions

Components

Parlour Card

3:4 ratio · Photo bg cover · Gradient overlay · Name: Bebas Neue gold · Meta: muted · Bio on hover · Ghost CTA · Auto-rotate 3.5s · Dot nav

Service Card

380px width · 16:9 image · Name: Bebas Neue gold · Price: Bebas Neue text · Desc: Roboto muted · Location buttons: ghost small · Infinite scroll + drag

Header

Transparent floating · Bebas Neue uppercase gold · Social icons SVG gold

FAQ Accordion

Bebas Neue gold · Toggle max-height · Answer: Roboto text