Style Guide
Color Palette
--swatch-1
#262626
#262626
--swatch-2
#404040
#404040
--swatch-3
#666666
#666666
--swatch-4
#999999
#999999
--swatch-5
#BFBFBF
#BFBFBF
--swatch-6
#d5dad3
#d5dad3
--swatch-7
#f6c9c1
#f6c9c1
--swatch-8
#b2b5cd
#b2b5cd
--swatch-9
#94948c
#94948c
Typography
H1: The quick brown fox
H2: The quick brown fox
H3: The quick brown fox
H4: The quick brown fox
This is body text using the bodycopy style. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
“This is a blockquote. It's often used for highlighting a quote or a special piece of text.”
This is a caption. It can be used for images or other media.
This is small text, often used for footnotes or less important details.
Card Component
Card Title
This is a reusable card component for showcasing content like stores or portfolio pieces.
Spacing System
XS (--space-xs) 0.5rem
SM (--space-sm) 1rem
MD (--space-md) 1.5rem
LG (--space-lg) 2rem
XL (--space-xl) 3rem