Website Style Guide

Use this page to make easy adjustments to your website styles by seeing each of your color themes, button styles, and font styles in use.


LIGHTEST 1 THEME

FONTS

This is my heading 1

This is my heading 2 font style

This is my heading 3 font style

This is my heading 4 font style

LINKS

PRIMARY BUTTON

TERTIARY BUTTON

HORIZONTAL LINE

SECONDARY BUTTON

This is my Paragraph 1 font style

This is my Paragraph 2 font style

This is my Paragraph 3 font style


LIGHTEST 2 THEME

FONTS

This is my heading 1

This is my heading 2 font style

This is my heading 3 font style

This is my heading 4 font style

LINKS

PRIMARY BUTTON

TERTIARY BUTTON

HORIZONTAL LINE

SECONDARY BUTTON

This is my Paragraph 1 font style

This is my Paragraph 2 font style

This is my Paragraph 3 font style


LIGHT 1 THEME

FONTS

This is my heading 1

This is my heading 2 font style

This is my heading 3 font style

This is my heading 4 font style

LINKS

PRIMARY BUTTON

TERTIARY BUTTON

HORIZONTAL LINE

SECONDARY BUTTON

This is my Paragraph 1 font style

This is my Paragraph 2 font style

This is my Paragraph 3 font style


LIGHT 2 THEME

FONTS

This is my heading 1

This is my heading 2 font style

This is my heading 3 font style

This is my heading 4 font style

LINKS

PRIMARY BUTTON

TERTIARY BUTTON

HORIZONTAL LINE

SECONDARY BUTTON

This is my Paragraph 1 font style

This is my Paragraph 2 font style

This is my Paragraph 3 font style


BRIGHT 1 THEME

FONTS

This is my heading 1

This is my heading 2 font style

This is my heading 3 font style

This is my heading 4 font style

LINKS

PRIMARY BUTTON

TERTIARY BUTTON

HORIZONTAL LINE

SECONDARY BUTTON

This is my Paragraph 1 font style

This is my Paragraph 2 font style

This is my Paragraph 3 font style


BRIGHT 2 THEME

FONTS

This is my heading 1

This is my heading 2 font style

This is my heading 3 font style

This is my heading 4 font style

LINKS

PRIMARY BUTTON

TERTIARY BUTTON

HORIZONTAL LINE

SECONDARY BUTTON

This is my Paragraph 1 font style

This is my Paragraph 2 font style

This is my Paragraph 3 font style


DARK 1 THEME

FONTS

This is my heading 1

This is my heading 2 font style

This is my heading 3 font style

This is my heading 4 font style

LINKS

PRIMARY BUTTON

TERTIARY BUTTON

HORIZONTAL LINE

SECONDARY BUTTON

This is my Paragraph 1 font style

This is my Paragraph 2 font style

This is my Paragraph 3 font style


DARK 2 THEME

FONTS

This is my heading 1

This is my heading 2 font style

This is my heading 3 font style

This is my heading 4 font style

LINKS

PRIMARY BUTTON

TERTIARY BUTTON

HORIZONTAL LINE

SECONDARY BUTTON

This is my Paragraph 1 font style

This is my Paragraph 2 font style

This is my Paragraph 3 font style


DARKEST 1 THEME

FONTS

This is my heading 1

This is my heading 2 font style

This is my heading 3 font style

This is my heading 4 font style

LINKS

PRIMARY BUTTON

TERTIARY BUTTON

HORIZONTAL LINE

SECONDARY BUTTON

This is my Paragraph 1 font style

This is my Paragraph 2 font style

This is my Paragraph 3 font style


DARKEST 2 THEME

FONTS

This is my heading 1

This is my heading 2 font style

This is my heading 3 font style

This is my heading 4 font style

LINKS

PRIMARY BUTTON

TERTIARY BUTTON

HORIZONTAL LINE

SECONDARY BUTTON

This is my Paragraph 1 font style

This is my Paragraph 2 font style

This is my Paragraph 3 font style