Website design system

Colors

Beige

CSS color declaration: rgb(245, 245, 220)

Color use: Used as main background color

Dark Green

CSS color declaration: rgb(0, 100, 0)

Color use: Used for section backgrounds and clickable buttons

Black

CSS color declaration: rgb(0, 0, 0)

Color use: Used for text color and border color

White

CSS color declaration: rgb(255, 255, 255)

Color use: Used for text color on dark backgrounds

yellow

CSS color declaration: rgb(224, 165, 0)

Color use: Used for links or a tags

Fonts

EB Garamond

Used for: text

Brians car. Drives very far. He blasts music louder than anyone else and has a dog named king

Brians car. Drives very far. He blasts music louder than anyone else and has a dog named king

Brians car. Drives very far. He blasts music louder than anyone else and has a dog named king

Playfair Display

Used for: Title and headers

Brians car. Drives very far. He blasts music louder than anyone else and has a dog named king

Brians car. Drives very far. He blasts music louder than anyone else and has a dog named king

Brians car. Drives very far. He blasts music louder than anyone else and has a dog named king

Roboto

Used for: button text

Brians car. Drives very far. He blasts music louder than anyone else and has a dog named king

Brians car. Drives very far. He blasts music louder than anyone else and has a dog named king

Brians car. Drives very far. He blasts music louder than anyone else and has a dog named king

Text styles

Main title

font-family: 'Playfair Display', serif;

letter-spacing: 2.5px;

Category header

font-family: 'Playfair Display', serif;

letter-spacing: 2px;

Sub header

font-family: 'Playfair Display', serif;

letter-spacing: 1px;

font-family: 'EB Garamond', serif;

font-weight: 600;

Paragraph

font-family: 'Roboto', sans-serif;

Picture description

font-family: 'EB Garamond', serif;

font-style: italic;