Style Guide

We use Figma’s local styles to standardize colors, typography, and components ensuring consistency, scalability, and easy maintenance.

Button Right Arrow IconButton Right Arrow Icon
Buy Template
Buy Template
Line BGLine BGLine BG

Colors Style

Sub Heading Icon
Brand Colors
Primary Color
#00AE22
Primary Color Shade 2
#00CC27
Sub Heading Icon
Text Colors
Text Primary
#DCF3F0
Text Secondary
#DAE0E0
Sub Heading Icon
Background Colors
BG Color
#011C1D
Sub Heading Icon
Border Colors
Border Color
#213239

Typography Style

Sub Heading Icon
TASA Orbiter Display | Regular/Medium/SemiBold
Sub Heading Icon
Text Scaling

Heading 01 - 64px

Heading 02 - 48px

Heading 03 - 40px

Heading 04 - 32px

Heading 05 - 28px
Heading 06 - 24px
Para Text Extra Large - 20px

Para Text Large - 18px

Para Text Medium - 16px

Para Text Large - 14px

Button Style

Sub Heading Icon
Button Large
Primary Button
Primary Button
Button Right Arrow IconButton Right Arrow Icon
Primary Button
Primary Button
Button Right Arrow IconButton Right Arrow Icon
Primary Button
Primary Button
Sub Heading Icon
Button small
Button
Button
Button
Button
Button
Button