Design System
Visual reference for all design tokens, components, and spacing.
Colors
Black
#000000
White
#FFFFFF
Aqua
#2EE6D6
Gray Text
#9CA3AF
Typography
Heading 1
text-5xl lg:text-6xl font-semibold
Heading 2
text-3xl lg:text-4xl font-semibold
Heading 3
text-xl font-medium
Body text with leading-relaxed. This is the standard body text style used throughout the site.
text-base text-[#9CA3AF] leading-relaxed
Small text for secondary information and descriptions.
text-sm text-[#9CA3AF] leading-relaxed
Spacing Scale
py-24
py-32
py-40
gap-12
gap-16
gap-20
Buttons
Cards
Card Title
Card content with border and hover state.
Card Title
Card content with border and hover state.
Card Title
Card content with border and hover state.
Borders
border-[#1F1F1F]
Standard section divider
border-[#2EE6D6]
Aqua accent divider
Container Widths
max-w-6xl
Standard content width (1152px)
max-w-4xl
Narrower content width (896px)
max-w-3xl
Tight content width (768px)