Etimad - Electronic Financial Services Platform

Grid system

col-12
col-6
col-6
col-4
col-4
col-4
col-3
col-3
col-3
col-3
col-2
col-2
col-2
col-2
col-2
col-2
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1

Card Composition

...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

Elevation Levels

No shadow
Small shadow
Regular shadow
Larger shadow
Larger shadow 5
Larger shadow 6
Larger shadow 7
Larger shadow 8
Larger shadow 9

Primary colors

Green
#08594D
Light Green
#32AD71

Secondary colors

Orange
#F6972F
Gray
#414042
Light Gray
#CCCCCC
Plum
#78003B
Blue
#117ABE
Aqua
#73CEE2

Design System

Typography
Fonts , Titles
Buttons
Sizes , Colors
Forms
Inputs , Datepicker
Data Display
Tables , List
Navigation
Header , Controls
Alerts
Notifications , Messages
Progress
Progress bar , Spinners
Results
Success , Error
Grid
tables , datatables
Loading
spinner container
Rules
heading , forms footer, divider
Icons
Font icons package