CÉLESTE

CÉLESTE

STUDIO

BUYER RESOURCE STYLE SYSTEM

BUYER RESOURCE STYLE SYSTEM

A COHERENT STARTING POINT

Change the brand. Keep the rhythm.

Change the brand. Keep the rhythm.

Change the brand. Keep the rhythm.

The Framer project uses shared colour and text styles so the whole site can be adapted without page-by-page restyling.

The Framer project uses shared colour and text styles so the whole site can be adapted without page-by-page restyling.

The Framer project uses shared colour and text styles so the whole site can be adapted without page-by-page restyling.

01

Colour

Paper #F0EDE5 · Ink #141612 · Moss #283128 · Stone #816D56. Preserve readable contrast when substituting brand colours.

02

Typography

Bodoni Moda carries display hierarchy and italic emphasis. DM Sans carries navigation, labels and body copy.

03

Spacing

Desktop sections use generous 90–150px vertical rhythm. Mobile uses individually tuned spacing, not uniform compression.

04

Components

Header, footer, buttons, indices, story cards and form controls are reusable native Framer structures.

05

Imagery

Use portrait, landscape and full-bleed frames. Keep focal subjects clear at every breakpoint and replace demonstration imagery appropriately.

Begin here.

Begin here.

Begin here.

DESTINATION CELEBRATIONS, DOCUMENTED WITH FEELING.

DESTINATION CELEBRATIONS, DOCUMENTED WITH FEELING.

LONDON · EUROPE · WORLDWIDE

© 2026 CÉLESTE STUDIO

Create a free website with Framer, the website builder loved by startups, designers and agencies.