Style Guide

The visual foundation and design system for this theme

Color Palette

BG Color

#0a0a0a

Blue Color

#1d37e2

Gray Color

#6b7485

Strock Color

#161616

Black Color 1

#000000

Black Color 2

#131313

Black Color 3

#1e1e1e

White Color 1

#ffffff

White Color 2

#f5f7fa

Typography

Heading 1

Space Grotesk • Medium • 72px • 1.3 Line Height

Space Grotesk • Medium • 48px • 1.3 Line Height

Space Grotesk • Medium • 48px • 1.3 Line Height

Space Grotesk • Medium • 32px • 1.3 Line Height

Space Grotesk • Medium • 24px • 1.4 Line Height

Space Grotesk • Medium • 22px • 1.4 Line Height

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

Inter • Regular • 28px • 1.5 Line Height

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

Inter • Regular • 16px • 1.5 Line Height

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

Inter • Regular • 14px • 1.5 Line Height

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

Inter • Regular • 12px • 1.5 Line Height

Interactive Elements

Button Variants

Icon