Skip to content

Styleguide

Active: layout=classic, scheme=forest, style=brutalist. Use the floating switcher (bottom-right) or append ?layout=…&scheme=…&style=… to any URL — it sticks site-wide.

Typography & buttons

Heading 1 — display

Heading 2

Heading 3

Heading 4

Body copy in the body font. A link. caption / meta.

Primary Ghost WhatsApp

Color roles (current scheme)

--c-bg
--c-surface
--c-surface-2
--c-text
--c-text-muted
--c-border
--c-primary
--c-accent
--c-success
--c-warn
--c-danger

All 20 color schemes

sandstone
Apply
midnight
Apply
emerald
Apply
slate
Apply
ivory
Apply
oxblood
Apply
cobalt
Apply
mono
Apply
forest
Apply
champagne
Apply
coral
Apply
indigo
Apply
terracotta
Apply
nordic
Apply
graphite
Apply
lavender
Apply
ochre
Apply
teal
Apply
rose-gold
Apply
carbon
Apply

All 6 style presets

sharp-editorial

Heading

Radius/type/shadow/motion from this preset.

Apply
soft-rounded

Heading

Radius/type/shadow/motion from this preset.

Apply
glass-premium

Heading

Radius/type/shadow/motion from this preset.

Apply
brutalist

Heading

Radius/type/shadow/motion from this preset.

Apply
organic

Heading

Radius/type/shadow/motion from this preset.

Apply
corporate-clean

Heading

Radius/type/shadow/motion from this preset.

Apply

All 20 layouts

Agency

gradient-mesh · cards-3col · horizontal
suggested: indigo / soft-rounded

Open on home → Bold

gradient-mesh · masonry · text-below
suggested: coral / soft-rounded

Open on home → Boutique

split-image · masonry · text-below
suggested: terracotta / organic

Open on home → Classic

centered-search · cards-3col · text-below
suggested: — / —

Open on home → Coastal

full-bleed · cards-3col · text-below
suggested: teal / soft-rounded

Open on home → Compact

compact · list-rows · horizontal
suggested: graphite / corporate-clean

Open on home → Corporate

centered-search · cards-3col · text-below
suggested: cobalt / corporate-clean

Open on home → Dashboard

centered-search · cards-3col · minimal
suggested: nordic / corporate-clean

Open on home → Editorial

split-image · masonry · text-below
suggested: ivory / sharp-editorial

Open on home → Estate Pro

centered-search · cards-3col · text-below
suggested: emerald / corporate-clean

Open on home → Grid Master

compact · cards-3col · minimal
suggested: mono / corporate-clean

Open on home → Immersive

full-bleed · cards-3col · text-overlay
suggested: forest / glass-premium

Open on home → Luxe

gradient-mesh · cards-3col · text-overlay
suggested: midnight / glass-premium

Open on home → Magazine

split-image · masonry · text-below
suggested: sandstone / sharp-editorial

Open on home → Metro

centered-search · cards-3col · text-below
suggested: slate / corporate-clean

Open on home → Minimal

centered-search · cards-3col · minimal
suggested: mono / corporate-clean

Open on home → Showcase

split-image · cards-3col · text-overlay
suggested: oxblood / sharp-editorial

Open on home → Split

split-image · list-rows · horizontal
suggested: slate / corporate-clean

Open on home → Story

full-bleed · cards-3col · text-overlay
suggested: champagne / glass-premium

Open on home → Urban

full-bleed · masonry · text-overlay
suggested: carbon / brutalist

Open on home →

Property card variants

text-below

text-overlay

horizontal

minimal