Styleguide

Portanova Design System

A concise reference for typography, colors, buttons, labels, and listing badges.

Foundation

Restrained, Editorial, European

The visual system pairs alabaster neutrals and ink-blue anchors with copper accents, large editorial typography, and measured property imagery.

Charcoal

#0e141b

Ivory

#f6f3ee

Sand

#d9bfae

Gold

#a4552f

Olive

#21323a

Stone

#666d75

For Sale For Rent Sold Featured Under Contract Waterfront Private Search

Body text on alabaster uses slate at full opacity for readable contrast.

Label text sample

Secondary text on the ink anchor targets WCAG AA for large copy.

Eyebrow on dark

.section-padding — 6rem / 9rem

.page-hero-padding — page heroes

.container-default — 1280px max