|

Style Guide

Colors & Typography

Global Colors

Accent - Base

#ff514d

Accent - Light

#ff7472

Accent - Dark

#f44d4a

Primary - Base

#CBAB91

Primary - Light

#D9B69A

Primary - Dark

#B3967F

Gray - Base

#e0e1e2

Gray - Light

#F4F4F4

Gray - Dark

#121212

Font - Base

#595959

Typography

Roboto // Normal // 700 // 16px // 20px // Uppercase // Letter Spacing 1

Heading 1

Roboto // Normal // 700 // 58px // 70px // Uppercase

Heading 2

Roboto // Normal // 400 // 30px // 51px // Underlined

Heading 3

Roboto // Normal // 700 // 25px // 43px // Uppercase

Heading 4

Roboto // Normal // 700 // 18px // 20px
tags/labels/Product Descriptions
Roboto // Normal // 400 // 14px // 20px // Uppercase
$30.00
Roboto // Normal // 700 // 14px // 25px
$30.00
Roboto // Normal // 700 // 35px // 60px

This is a block of intro text as often used under headings or as an article summary.

Libre Baskerville // Normal // 400 // 18px // 32px

This is a block of body text.  This is a block of body text. This is a block of body text. This is a block of body text. This is a block of body text. This is a block of body text. This is a block of body text.

Roboto // Normal // 400 // 14px // 20px
Body Link Text - Default
Libre Baskerville // Normal // 400 // 14px // 28px // #3c56d6

This is a block of tiny/accent text.

Libre Baskerville // Italic // 400 // 12px // 28px

UI ELEMENTS

Primary Buttons

Add to Cart

Add to Cart

Secondary Buttons

Social Icons

Dutch Heritage Furniture and Bakery footer logo.
Our gallery includes furniture for the bedroom, living room, office, and more. Built using age-old techniques and the best materials available...
Copyright © 2024 Dutch Heritage Furniture. All rights reserved.