Style Guide

The visual foundation and design system for this template.

Color Palette

Primary Color

#866452

Deep Color

#301100

Text Color 1

#6b584e

Text Color 2

#c78460

White Color

#ffffff

BG Color

#f9f6f3

Strock Color

#d9d7d3

Typography

Heading 1

Geist • Medium • 5.125rem • 1em Line Height

Heading 1

Instrument Serif • Regular • 5.125rem • 1em Line Height

Heading 2

Geist • Medium • 3.5rem • 1.2em Line Height

Heading 2

Instrument Serif • Regular • 3.5rem • 1.2em Line Height

Heading 3

Instrument Serif • Medium • 2.375rem • 1.2em Line Height

Heading 3

Instrument • Regular • 2.375rem • 1.2em Line Height

Heading 4

Instrument Serif• Medium • 2rem • 1.2em Line Height

Heading 4

Instrument Serif • Regular • 2rem • 1.2em Line Height

Heading 5

Geist • Medium • 1.5rem • 1.2em Line Height

Heading 5

Instrument Serif • Regular • 1.5rem • 1.2em Line Height

Heading 6

Geist • Medium • 1.375rem • 1.2em Line Height

Heading 6

Instrument Serif • Medium • 1.375rem • 1.2em Line Height

Paragraph Regular: The quick brown fox jumps over the lazy dog. Designers use this text as a placeholder.

Geist • Regular • 1.125rem • 1.5em Line Height

Paragraph Small: The quick brown fox jumps over the lazy dog. Designers use this text as a placeholder.

Geist • Regular • 1rem • 1.5em Line Height

Paragraph Xsmall: The quick brown fox jumps over the lazy dog. Designers use this text as a placeholder.

Geist • Regular • 0.875rem • 1.5em Line Height

Paragraph Xsmall: The quick brown fox jumps over the lazy dog. Designers use this text as a placeholder.

Geist • Regular • 0.75rem • 1.5em Line Height

Interactive Elements

Button Variants

Button Text

Icon