Style Guide

The visual foundation and design system of our SaaS platform.

Color Palette
Gray Color
#585858
Primary Color
#22acfc
black color
#000000
white color
#ffffff
Typography

Heading 1

JetBrains Mono • Medium • 48px • 1.3 Line Height

Heading 2

JetBrains Mono • Medium • 40px • 1.3 Line Height

Heading 3

JetBrains Mono • Medium • 40px • 1.3 Line Height

Heading 4

JetBrains Mono • Medium • 28px • 1.3 Line Height
Heading 5
JetBrains Mono • Medium • 24px • 1.3 Line Height
Heading 6
JetBrains Mono • Medium • 20px • 1.3 Line Height

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

JetBrains Mono • Regular • 28px • 1.5 Line Height

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

JetBrains Mono • Regular • 16px • 1.5 Line Height

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

JetBrains Mono • Regular • 14px • 1.5 Line Height

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

JetBrains Mono • Regular • 12px • 1.5 Line Height
Interactive Elements
Button Variants
Button Text
Button Text
Button Text
Button Text
Icon
style-guide-iconstyle-guide-iconstyle-guide-iconstyle-guide-iconstyle-guide-iconstyle-guide-iconstyle-guide-iconstyle-guide-iconstyle-guide-icon

Manage Work Faster with Connected Team Tools.

Automate tasks, centralize projects, and collaborate in real time — all from one sleek

Start Free Trial
Start Free Trial
TALK TO SALES
TALK TO SALES

FREE 14-DAY TRIAL · NO CREDIT CARD