Style Guide

The visual foundation and design system of our SaaS platform.

Color Palette

Black Color

#000000

White Color

#ffffff

BG Color 1

#f0f0f0

BG Color 2

#f5f5f5

Primitive Color

#0a0a0a

Typography

Heading 1

Inter Tight • Medium • 5rem • 1 Line Height

Inter Tight • Medium • 3.5rem • 1.2 Line Height

Inter Tight • Medium • 2.25rem • 1.3 Line Height

Inter Tight • Medium • 2rem • 1.3 Line Height

Inter Tight • Medium • 1.75rem • 1.3 Line Height

Inter Tight • Medium • 1.5rem • 1.4 Line Height

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

Geist • Light • 1.25rem • 1.5 Line Height

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

Geist • Light • 1.125rem • 1.5 Line Height

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

Geist • Light • 1rem • 1.5 Line Height

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

Geist • Light • 0.875rem • 1.5 Line Height

Interactive Elements

Button Variants

Icon