Styleguide

Design System: Consistency, Clarity, and Simplicity

A reference for colors, typography, components, and layout rules to ensure a unified and accessible design across all pages and campaigns.

Color Style

Main Color

Sea Green

#03F7B5

Black

#080911

Deep Black

#04050E

Supporting Color

White

#FFFFFF

Gray Lite

#CECFD1

Deep Black

#85868B

Sea Green(Stroke 20%)

#03F7B5

Sea Green(Stroke 8%)

#03F7B5

Deep Black

#FBBC04

Typography Style

Poppins - Heading

Heading - 1

Poppins - Semi bold, Font Size - 56, Line-height - 72

Heading - 1

Poppins - Semi bold, Font Size - 48, Line-height - 64

Heading - 3

Poppins - Semi bold, Font Size - 40, Line-height - 56

Heading - 4

Poppins - Semi bold, Font Size - 32, Line-height - 44

Heading - 5

Poppins - Semi bold, Font Size - 24, Line-height - 36

Heading - 6

Poppins - Semi bold, Font Size - 20, Line-height - 32

Poppins- Paragraph

Paragraph - 1

Poppins - Medium, Font Size - 16, Line-height - 16

Paragraph - 1

Poppins - Regular, Font Size - 16, Line-height - 26

Paragraph - 2

Poppins - Medium, Font Size - 14, Line-height - 22

Paragraph - 2

Poppins - Regular, Font Size - 14, Line-height - 22

Paragraph - 3

Poppins - Medium, Font Size - 12, Line-height - 12

Paragraph - 3

Poppins - Regular, Font Size - 12, Line-height - 12

Components

Button - Large(48px)

Book a Demo

Button - Small(40px)

Book a Demo

Text area - Input