Style Guide

Color Palette: Primary

BLACK

#000000

--color-black

GRAY

#868686

--color-gray

WHITE

#FFFFFF

--color-white

PRIMARY START

#C09888

--color-primary-start

PRIMARY END

#854438

--color-primary-end

Primary Gradient

SECONDARY START

#FC7659

--color-secondary-start

SECONDARY END

#A15243

--color-secondary-end

Secondary Gradient

Fonts

Poppins (.font-sans)

The quick brown fox jumps over the lazy dog. 1234567890

Poppins (.font-serif)

The quick brown fox jumps over the lazy dog. 1234567890

Typography Scale (Bold)

text-xs font-bold

The quick brown fox jumps over.

text-sm font-bold

The quick brown fox jumps over.

text-base font-bold

The quick brown fox jumps over.

text-lg font-bold

The quick brown fox jumps over.

text-xl font-bold

The quick brown fox jumps over.

text-2xl font-bold

The quick brown fox jumps over.

text-3xl font-bold

The quick brown fox jumps over.

text-4xl font-bold

The quick brown fox jumps over.

text-5xl font-bold

The quick brown fox jumps over.

Typography Scale (Regular)

text-xs

The quick brown fox jumps over.

text-sm

The quick brown fox jumps over.

text-base

The quick brown fox jumps over.

text-lg

The quick brown fox jumps over.

text-xl

The quick brown fox jumps over.

text-2xl

The quick brown fox jumps over.

text-3xl

The quick brown fox jumps over.

text-4xl

The quick brown fox jumps over.

text-5xl

The quick brown fox jumps over.

Buttons

Kitchen Remodeling

Kitchen Remodeling

Kitchen Remodeling

Typography Examples

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.