Style Guide

The guide to using the basic template sections and tags is shown with their basic style.

Colors

Color is a great way to impart vitality, provide visual continuity, communicate status information, give feedback in response to user actions, and help people visualize data.
Primary Color
#FF4C00
White
#FFFFFF
Black
#0B0A0E
Gray
#141416

Typography

Color is a great way to impart vitality, provide visual continuity, communicate status information, give feedback in response to user actions, and help people visualize data.
Inter
Aa
Inter

Aa

H1

SemiBold
64 px
110%
-3%

H2

SemiBold
48 px
110%
-3%

H3

SemiBold
32 px
130%
-3%

H4

Bold
24 px
120%
-2%
H5
Bold
20 px
120%
-2%
H6
Bold
16 px
120%
-2%
subheading
Bold
14 px
120%
-2%
Large
Regular
24 px
150%
-2%
Medium
Regular
20 px
150%
-2%
Regular
Regular
18 px
150%
-2%
Small
Regular
16 px
150%
-2%
Tiny
Regular
14 px
150%
-2%

Buttons

Component, Button style and size variations

Ready to transform your Project Management?

Join the growing community of digital agencies revolutionizing their workflows with our powerful, AI-driven tool.
Experience the benefits firsthand with our free Starter plan. Upgrade anytime to access advanced features and premium support tailored to your team’s needs.