visibility

Real-World Website Layout Showcase

Click any swatch or row to simulate across all website elements

Pastel Botanical & Matcha
tune
Harmonious Tonal Matrix Original swatch on left • Harmonious tints, tones & shades aside
pie_chart
Distribution Rule & Role Hierarchy (8 Canonical Systems) Select a proportion standard or click segments to reassign canvas & structure
Classical Interior & Web Standard Known for: Marketing Websites, Brand Landing Pages & Interior Spaces — 60% atmospheric ground, 30% card grouping, 10% focal CTA.
60% Canvas
30% Structure
10% ROOT
60% Canvas: Background ambiance & breathing room
30% Structure: Cards, borders & typography
10% ROOT: Logo mark & Primary booking button
verified SPRING MEMBERSHIP OPEN
14.2:1 AAA

Mindful Movement & Restorative Longevity

An architectural wellness loft harmonizing hot reformer pilates, contrast hydrotherapy, and infrared recovery grounded in natural materials.

Root 100 Wash • #F5F2EB Accent 300 Soft • #C5D5C4 Root 22% Alpha Glass
TINT 100 • 300 #F5F2EB
Wash 100 Surface & Ink 900 Text

Soft Tint 300 badge & Deep Shade 700 progress meter with guaranteed contrast.

SHADE 900 • 700 #1A241A
Ink 900 Ground & Wash 100 Text

Deep Shade 700 border & container with Soft Tint 300 secondary label.

ALPHA 22% • 35% rgba(Hue)
Hue-Tinted Translucent Glass

22% companion alpha layer over Canvas with composite-calibrated contrast.

Daily Studio Sessions Today, 08 Nov
YOGA FLOW 08:00 AM
Morning Vinyasa & Breath
with Elena Vance • Loft A
PILATES 10:30 AM
Athletic Reformer Sculpt
with Marcus Thorne • Studio 2
HYDROTHERAPY 01:00 PM
Contrast Plunge & Sauna
Guided Circuit • Spa Deck
check_circle Hex copied to clipboard