Style-o-Matic

Create a quick style guide with pre-vetted combinations for typography and colour palettes.

Typography

You can choose four sections of typography: first heading, second heading, third heading, and paragraphs. Click on a typeface and write some sample text before moving on to the next style.

First Heading

These headings are typically used for page titles and should be the largest and most prominent of all your headings.

Second Heading

These headings are typically used for subtitles.

Third Heading

These headings can be used for subsections and block titles.

Paragraphs

This style will be used for paragraphs and all text that is not a heading, button, or link.

Colours

Create a colour palette by selecting a colour and dragging it into a colour block. If you change your mind, just drag a new colour on top of it.

Abra Cadabra!

This is what your first heading will look like

Your second heading will look like this

The third heading is this style.

Lastly, this is the style you chose for your paragraphs. Now you can see all your typography styles together.