Template Info
Style Guide
An in-depth guide to mastering color, typography, layout, and other essential design elements
Insights
Colors
Primary 400
#d4a373
Primary 600
#af865f
Background / Brown 700
#2e251e
Background / Brown 800
#26211f
Background / Brown 850
#28211c
Background / Brown 900
#211b19
Background / Brown 950
#1a1412
Border / Brown 900
#523f2f
Border / Gray 800
#312b2a
Border / Gray 850
#484341
Text / White
#f5f1ed
Text / Gray 300
#e0d9d2
Text / Gray 500
#a8a098
Typography
Heading 1
H1 - 124px /115% || Regular || Inter Tight
Heading 2
H2 - 72px /125% || Medium || Inter Tight
Heading 3
H3 - 32px /140% || Medium || Inter Tight
Heading 4
H4 - 24px /140% || Medium || Inter Tight
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Paragraph - 16px /160% || Regular || Inter
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla,