Style guide
Control all your website from one page. Every design detail is here, so any change should be made here.
Typography
All the styles you need are here.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraph
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.
Quote
Block quote can be something inspiring or something completely normal, because most of us are normal people.
Ordered list
- Lists are great to organize different ideas.
- Lists are great to organize different ideas.
- Lists are great to organize different ideas.
- It's a bit of repetition I know, but they are really great.
Unordered list
- List are great to organize different ideas.
- List are great to organize different ideas.
- It's a bit of repetition I know, but they are really great.
- List are great to organize different ideas.
Rich text
Rich Text
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.
Quote
- List 1
- List 2
- List 3
- List 4
Rich Text
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.
Quote
- List 1
- List 2
- List 3
- List 4
Buttons
Access information and travel to another location.
Forms
Where users can send emails, submit files and make some some magic.
Tabs
Tabs can store hidden information that is only visible when correspondent tab is selected.
First
Second
Third
Fourth
Colours
Minimalistic design uses few colours, this in not magic, it's the power of design, hierarchy, typography and composition. But fell free to add some more colours, sometimes we need than in our lives.
Grids
The base of every design, the perfect alignment relies on them.
2 Columns
3 Columns
Columns
The base of every design, the perfect alignment relies on them. 12 Columns is the base grid.
12 columns
1 column
2 columns
3 columns
4 columns
5 columns
6 columns
7 columns
8 columns
9 columns
10 columns
11 columns
Spacers
Add some white space so the design can breathe.
15px
25px
50px
75px
100px