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
  1. Lists are great to organize different ideas.
  2. Lists are great to organize different ideas.
  3. Lists are great to organize different ideas.
  4. 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.

Image Caption
Quote
  1. List 1
  2. List 2
  3. List 3
  4. List 4

Buttons

Access information and travel to another location.

Forms

Where users can send emails, submit files and make some some magic.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

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

Beatrice Granger ©2022