Design system

Every colour, text style and component in Linnet on one page. Change them in Assets and the whole site follows, this page too.

Colour

10 colour styles

Paper

RGB(255, 255, 255)

Ink

RGB(20, 20, 20)

Text

RGB(58, 58, 55)

Mute

RGB(107, 107, 102)

Rule

RGB(229, 229, 225)

Panel

RGB(244, 244, 241)

Open Green

RGB(46, 107, 63)

White

RGB(255, 255, 255)

Fog

RGBA(255, 255, 255, 0.78)

Photo Shade

RGBA(20, 20, 20, 0.28)

Type

Archivo, and Georama at 62.5% width for numbers. Desktop / tablet / phone

Page Title

Archivo 104px / 80px / 56px

Weddings

Section Title

Archivo 104px / 80px / 60px

Stories

Heading L

Archivo 40px / 34px / 28px

A wedding day, hour by hour

Story Title

Archivo 30px / 28px / 24px

Mara and Joel

Heading M

Archivo 22px / 21px / 20px

What happens next

Quote

Archivo 30px / 27px / 23px

These are the first ones I’ve framed.

Lead

Archivo 18px / 17px / 16px

A June wedding between the apple rows.

Intro

Archivo 17px / 17px / 16px

Both of us, from getting ready to the last song.

Story Body

Archivo 18px / 17px / 16px

We arrived at ten past twelve and left after the sparklers.

Body

Archivo 16px / 16px / 15px

Twenty minutes while your guests sit down.

Body Mute

Archivo 15px / 15px / 14px

Ask whether they have heat. October evenings get cold.

Label

Archivo 15px / 15px / 14px

Rather write an email?

Components

In Assets, under Buttons and UI, and two code components

Check your date

All prices

All

Elopements

2027 is open,

9 Saturdays left

Check a date

Button, Light: on photographs and dark panels

Do you both come to every wedding?

Yes, to every wedding day and weekend. Elopements and portraits are one of us.

How long until you reply?

Date Check (code). Set Booked dates and Book until in the right panel; every answer links to Inquire.

Saturday, June 12, 2027 is open. We hold it for a week once you write. Write to us

Rules

The grid and the few rules every page follows

Side padding

48px on desktop, 32px on tablet, 18px on phone. Content stops at 1344px.

Section gaps

120 to 150px between sections on desktop, 96px on tablet, 80px on phone.

Radius

3px on photos, cards and panels. 999px on buttons and chips.

Green

Only for open dates: the availability dot and Date Check.

Big numbers

Georama at 62.5% width, only for times, prices and counts.

Motion

Photos settle once and headings rise by word. Nothing loops except the clock.