Typography
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
h1
Heading One
h2
Heading Two
h3
Heading Three
h4
Heading Four
h5
Heading Five
h6
Heading Six
Paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Etiam sit amet nisl purus in mollis nunc sed. Proin fermentum leo vel orci porta non pulvinar.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aenean vel elit scelerisque mauris pellentesque.
Small Paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Non curabitur gravida arcu ac.
Bold
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Italics
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Quote
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
List
- Item one
- Item two
- Item three
Numbered List
- Item one
- Item two
- Item three
Rich Text
The all in one solution
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
Here is another title example.
- Lorem ipsum
- Lorem ipsum
Colors
The different weights of greys and colours used throughout the dashboard.
Black
Dark Grey
Grey
Light Grey
Soft Grey
Silver
Back Grey
White
Hard Green
Dark Green
Green
Light Green
Soft Green
Pale Green
Buttons
The different buttons used throughout the dashboard.
Page
Get in touchPage Blue
Get in touchForms
The styling of forms used throughout the dashboard.
Modal Popup
Display Modal popup.
Important: The modal trigger and modal element must be siblings if you wish to trigger the Modal using the included interations.
Layouts
Align modules to different layouts to get unique customisable designs on different pages.
4 Grid
3 Grid
2 Grid
2-1 Grid
1-2 Grid
2.5-1 Grid
1-2.5 Grid
Module Blocks
Different building blocks that can be used across the different dashboard pages
Counter Block
New Customers
Basic Block
Empty Block
found
List Block
Table Heading
Title
Category
Status
Date
Tab Block
Symbols
Symbols that can be used to enhance the users experience when loading data from an external source.
Loader
No Content Placeholder
found
Spacers
Spacer elements using the 8-pt grid to give sections more room to breathe.