- Light
- Dark

#### Color Palette

#2f57ef

###### Primary Color

#b966e7

###### Secondary Color

#E9967A

###### Coral Color

#800080

###### Violet Color

#DB7093

###### pink Color

#192335

###### heading Color

#6b7385

###### body Color

#ffffff

###### white Color

#FFFFFFAB

###### white off Color

#273041

###### bodyest Color

#27272E

###### dark Color

#192335

###### darker Color

#111113

###### black Color

rgba(207,207,207,.24

###### grey Color

#f4f5f7

###### grey2 Color

#A1A9AC

###### gray Color

#F6F6F6

###### gray light Color

#ebebeb

###### gray lighter Color

#F5F7FA

###### light Color

#F2F5F9

###### lighter Color

#2f57ef21

###### primary opacity Color

#b966e721

###### secondary opacity Color

#E9967A21

###### coral opacity Color

#80008021

###### violet opacity Color

#DB709321

###### pink opacity Color

#ffffff21

###### white opacity Color

#FF000310

###### danger opacity Color

#FF8F3C10

###### warning opacity Color

rgba(0, 0, 0, 0.04)

###### black opacity Color

#19233550

###### heading opacity Color

#fffccf

###### Card Color 01

#ffedff

###### Card Color 02

#ffe8eb

###### Card Color 03

#e9f6ff

###### Card Color 04

#3EB75E

###### success Color

#FF0003

###### danger Color

#FF8F3C

###### warning Color

#1BA2DB

###### info Color

#### Color Dark Palette

#D9D9D9

###### White Dark

#273041

###### Color Bodyest

#324059b3

###### Color Bodyest 2

#2730415e

###### Color Bodyest Opacity

#27272E

###### Color Dark

#192335

###### Color Darker

###### Gradient 1

###### Gradient 2

#### Color Gradient

###### Gradient 1

###### Gradient 2

###### Gradient 3

###### Gradient 4

###### Gradient 5

###### Gradient 6

###### Gradient 7

###### Gradient 8

###### Gradient 9

###### Gradient 10

###### Gradient 11

###### Gradient 12

###### Gradient 13

###### Gradient 16

#### Typography

# h1. Heading One

## h2. Heading Two

### h3. Heading Three

#### h4. Heading Four

##### h5. Heading Five

###### h6. Heading Six

B1- Lorem, ipsum dolor sit amet consectetur adipisicing elit. Similique non ipsam reiciendis.

B2- Lorem, ipsum dolor sit amet consectetur adipisicing elit. Similique non ipsam reiciendis.

B3- Lorem, ipsum dolor sit amet consectetur adipisicing elit. Similique non ipsam reiciendis.

Befault- Lorem, ipsum dolor sit amet consectetur adipisicing elit. Similique non ipsam reiciendis.

#### Heading Style

## Heading Style One.

## Heading Style Two.

## Heading Style Three.

## Heading Short Title.

#### Form Elements

##### Input

Name

##### Password

Password

##### Textarea

Textarea

##### Checkbox

Option One

Option Two

##### Radio

Option One
Option Two

##### Disabled Checkbox

Disabled checkbox

##### Disabled Radio

Disabled radio
Disabled checked radio

##### Default switch checkbox input

Default switch checkbox input

##### Select

#### Pagination

#### Tooltips

##### Join Over 3000+ Students

Have a new ideas every week.

#### Avatars

#### Animated Heading

### Clip Animated Clip One. Clip Two. Clip Three.

### Rotate Animated Rotate One. Rotate Two. Rotate Three.

### Type Animated Type One. Type Two. Type Three.

### Loading Animated Loading One. Loading Two. Loading Three.

### Zoom Animated Zoom One. Zoom Two. Zoom Three.

#### Border Radius

radius

###### Radius Default

radius-4

###### Radius 4px

radius-6

###### Radius 6px

radius-10

###### Radius 10px

radius-round

###### Radius Round