Style guide.
What the site is made of.

Change a colour or a text style once in the Assets panel and every page follows. One typeface, Satoshi, at two weights.

Change a colour or a text style once in the Assets panel and every page follows. One typeface, Satoshi, at two weights.

Make it yours

Five things to do before you publish. Most take a few minutes.

Five things to do before you publish. Most take a few minutes.

01

Name and address

Name and address

Rename the project, connect your domain, and change Taboret in the navigation, the footer and the page titles in Site settings.

02

Products

Products

Every product needs a cut-out: a photo with the background removed, cropped tight to the piece, saved as PNG or WebP. Enter its height, width and depth in centimetres. The floor, the fit rule, the product stage and the door check all draw from those three numbers.

03

Checkout

Checkout

The bag sends visitors to the order form on Checkout, and you take payment once you have confirmed delivery. To take payment straight away, connect Shopify: open the layout template Site, select the Navigation, fill Shopify address, then fill Shopify Variant on every product. The Shopify setup page walks through it.

04

Forms

Forms

Choose where the order, swatch and visit forms send: select each form and set its destination. Test each one once with a real entry.

05

Colours and type

Colours and type

Change the colour styles and text styles in Assets and every page follows. Keep one accent colour; it is used for measurements.

Colour

Nine colours. Ink and the page do most of the work; the blue is kept for measurements.

Nine colours. Ink and the page do most of the work; the blue is kept for measurements.

Page

#F2F1ED

Surface

#E8E7E2

Ink

#151514

Body

#3B3B38

Muted

#8D8C86

Line

#D9D8D2

Guide

#CFCEC8

Accent

#2D46E8

On ink

#FFFFFF

Type

Satoshi, regular and medium. Headings pair an ink line with a muted one.

Satoshi, regular and medium. Headings pair an ink line with a muted one.

Display

Every piece, at its true size.

Section

Rooms, itemised.

Statement

Thirty days to change your mind.

Title

Ash lounge chair

Lead

Pick up to six woods and fabrics. They arrive in three days.

Body

A solid ash frame, oiled by hand in our Pilsen workshop. The seat and back are in a thick wool bouclé that softens with use.

Small

Delivery is priced by postcode and added when we confirm.

Label

Ukrainian Village

Figure

240 cm

Buttons and links

Two buttons and a text link. Every link fades on hover.

Two buttons and a text link. Every link fades on hover.

The floor

The signature: every cut-out stands on one line at its real height. Pieces, the fit rule, the product stage and the room receipts all share one scale.

The signature: every cut-out stands on one line at its real height. Pieces, the fit rule, the product stage and the room receipts all share one scale.

Tall reading lamp with a pleated shade
Tall reading lamp$420
Tall reading lamp with a pleated shade
Tall reading lamp$420
Tall reading lamp with a pleated shade
Tall reading lamp$420
Ash lounge chair in oat bouclé
Ash lounge chair$1,240
Ash lounge chair in oat bouclé
Ash lounge chair$1,240
Ash lounge chair in oat bouclé
Ash lounge chair$1,240
Cross-braced stool in black ash
Cross stool$150
Cross-braced stool in black ash
Cross stool$150
Cross-braced stool in black ash
Cross stool$150
240 cmYour wall
Drag the end of the line to the width of your wall.
240 cmYour wall
Drag the end of the line to the width of your wall.

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