Jiva Santosha · Île Maurice

Habiter la nature.

A shared visual language for a programme of prestigious ecological villas: warm cream, quiet gold, editorial serif headings and light, open supporting copy.

Figma source · 2025:524 ↗

01 · Palette

Cream, stone and gold.

Cream canvas, warm sand sections, stone gray typography and gold actions and editorial details.

Page cream#FBF9F6 · --color-jiva-ivory

Canvas and header

Warm sand#F4ECDF · --color-jiva-warm

Footer and warm sections

Neutral surface#EEEDEA · --color-jiva-sand

Quiet inset surfaces

White#FFFFFF · --color-white

Fields and controls

Heading stone#616161 · --color-jiva-heading

All headings

Body gray#787878 · --color-jiva-ink

Copy and metadata

Gold#CFA55D · --color-jiva-gold

Actions, eyebrows and accents

Active gold#C39544 · --color-jiva-gold-hover

Hover and keyboard focus

Border#CFCCC5 · --color-jiva-border

Controls and card rules

Warm divider#CBA698 · --color-jiva-divider

Warm section and footer rules

Dark#1C1A17 · --color-jiva-dark

Photo overlays and dark surfaces

Inverse cream#FBF6EE · --color-jiva-inverse

Text on gold and photographs

02 · Typography

One size for every heading level.

Baskerville 400 for headings. Work Sans 300 for copy, 400 for interface text and 500 for actions.

Baskerville · 400 · 68px / 65.28px

Habiter la nature

Baskerville · 400 · 40px / 42px

Un programme d’écoconstruction de prestige

Baskerville · 400 · 22px / 26px

Nos villas bioclimatiques

Baskerville · 400 · 20px / 26px

Une architecture durable

Baskerville · 400 · 18px / 25.2px

Le domaine privé de Palmyre

Baskerville · 400 · 16px / 24px

Les détails du programme

Body

Work Sans · 300 · 17px / 29.75px

Jiva Santosha, un lieu de vie en harmonie avec la nature à l’île Maurice.

Control

Work Sans · 400 · 16px / 24px

Votre adresse e-mail

Button

Work Sans · 500 · 14px / 14px

Recevoir la brochure

Text link

Work Sans · 500 · 13px / 21px

Lire l’article →

Small / label

Work Sans · 400–500 · 14px / 21px

Domaine de Palmyre · Rivière Noire

Caption

Work Sans · 400 · 12px / 21px

Eyebrow

Work Sans · 500 · 11px / 19.25px · 0.18em

Une autre façon d’habiter

03 · Spacing

Space to breathe.

Choose a named section density and let the token adapt spacing to the viewport.

Compact

py-section-compact

32 / 48 / 58px · mobile / tablet / desktop

Footer, news and compact bands

Default

py-section-default

48 / 64 / 90px · mobile / tablet / desktop

Villa, team and construction sections

Spacious

py-section-spacious

64 / 96 / 128px · mobile / tablet / desktop

Introduction and feature sections

04 · Components

Quiet, considered details.

Gold actions, outlined controls and warm surfaces share the same typography and interaction rules.

Actions & fields

Adresse e-mail

Style specimen. No data is submitted.

Le programme

Une vie en harmonie avec la nature

Des villas bioclimatiques pensées pour le bien-être, au cœur du domaine privé de Palmyre.

Section heading: H2. Card heading: H3. Blog cards use 4px corners, a subtle shadow and 28px horizontal padding.