Logo
Sizes
Nav Logo
Nav Logo
Is Light Version
icon logo
icon logo
Is Light Version
Colors
Background color classes
BG Black
#100b4d
BG Gray C6
#322a83
BG Gray C5
#554ac9
BG Gray C4
#6c757d
BG Gray C3
#adb5bd
BG Gray C2
#ced4da
BG Gray C1
#dde1e6
BG Gray C0
#e4e7eb
BG White Smoke
#f2f4f5
BG Light Blue
#deeaee
BG White
#ffffff
Typography color classes
Black Color
#100b4d
Gray C6 Color
#322a83
Gray C5 Color
#554ac9
Gray C4 Color
#6c757d
Gray C3 Color
#adb5bd
Gray C2 Color
#ced4da
Gray C1 Color
#e4e7eb
Gray C0 Color
#f2f4f5
White Smoke Color
#deeaee
White Color
#ffffff
Buttons
Button styles
Button 1
Button 1
Is Light Version
Button 2
Button 3
Button 3
Is Light Version
Button sizes
Button
Extra Small
Button
Small
Button
Button
Medium
Button
Large
Typography
Native Heading styles
This is H1 heading
All H1 Headings
This is H2 heading
All H2 Headings
This is H3 heading
All H3 Headings
This is H4 heading
All H4 Headings
This is H5 heading
All H5 Headings
This is H6 heading
All H6 Headings
Native Typography styles
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
All Paragraphs
All Links
Block Quote
All Block Quotes
This is an example of list paragraph
This is an example of list paragraph
This is an example of list paragraph
All Unordered Lists
This is an example of list paragraph
This is an example of list paragraph
This is an example of list paragraph
All Ordered Lists
Custom Heading styles
Extra X Large Heading
Heading
Extra X Large
Extra Large Heading
Heading
Extra Large
Large Heading
Heading
Large
Medium Heading
Heading
Medium
Regular Heading
Heading
Small Heading
Heading
Small
Capitalize Heading
Heading
Capitalize
Custom Paragraph styles
This is a Extra X Large Paragraph
Paragraph
Extra X Large
This is a Extra Large Paragraph
Paragraph
Extra Large
This is a Large Paragraph
Paragraph
Large
This is a Medium Paragraph
Paragraph
Medium
This is a Regular Paragraph
Paragraph
This is a Small Paragraph
Paragraph
Small
This is a Extra Small Paragraph
Paragraph
Extra Small
Rich text styles
Class name is "Rich Text"
Rich Text
All rich text styles and classes
Native List styles
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
All Unordered List
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
All Ordered List
Custom List styles
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
List
+
List Item
List
+
List Item
Pin Icon
List
+
List Item
Pen Icon
Layouts
Flex classes
Flex
Combo classes
Flex Vertical
Align Center
Align Start
Justify Center
Justify Left
Justify Start
Justify Space Around
Flex
Combo classes
Tab Wrap
Mob Wrap
Mob Reverse
Mob Reverse Wrap
Flex
Flex
Flex - align center
Flex
Align Center
Flex - wrap on tablet breakpoint
Flex
Tab Wrap
Flex - wrap on mobile landscape breakpoint
Flex
Mob Wrap
Flex - vertical
Flex
Flex Vertical
Flex - margins 1 em
Flex
Flex Margins 1em
Margins
List of all margin classes. You can apply them to Headings, Paragraphs, Buttons, Div's, etc.
Paragraph margins
Heading margins
Margin Top classes
Margin Bottom classes
Margin Right classes
Margin Left classes
Icons
Sizes
Extra Small icon
Icon
Extra Small
Small icon
Icon
Small
Regular icon
Icon
Medium icon
Icon
Medium
Large icon
Icon
Large
Extra Large icon
Icon
Extra Large
