Style Guide

Fonts & Buttons

Fonts

FF Meta Serif Pro (headings)

FF Meta Pro (paragraphs, buttons, miscellaneous)

Headings - h1 to h4

This is my heading 1

This is my heading 2

This is my heading 3

This is my heading 4

Paragraphs - Big, Normal & Small

This is my big paragraph

This is my normal paragraph

This is my small paragraph

This is the monospace

Buttons

Learn more

Links

This is a test link

Lightest 1 Color Style

This is my heading 1

This is my heading 2

This is my heading 3

This is my heading 4

This is my big paragraph

This is my normal paragraph

This is my small paragraph

This is the monospace

Learn more

This is a test link

Lightest 2 Color Style

This is my heading 1

This is my heading 2

This is my heading 3

This is my heading 4

This is my big paragraph

This is my normal paragraph

This is my small paragraph

This is the monospace

Learn more

This is a test link

Light 1 Color Style

This is my heading 1

This is my heading 2

This is my heading 3

This is my heading 4

This is my big paragraph

This is my normal paragraph

This is my small paragraph

This is the monospace

Learn more

This is a test link

Light 2 Color Style

This is my heading 1

This is my heading 2

This is my heading 3

This is my heading 4

This is my big paragraph

This is my normal paragraph

This is my small paragraph

This is the monospace

Learn more

This is a test link

Bright 1 Color Style

This is my heading 1

This is my heading 2

This is my heading 3

This is my heading 4

This is my big paragraph

This is my normal paragraph

This is my small paragraph

This is the monospace

Learn more

This is a test link

Bright 2 Color Style

This is my heading 1

This is my heading 2

This is my heading 3

This is my heading 4

This is my big paragraph

This is my normal paragraph

This is my small paragraph

This is the monospace

Learn more

This is a test link

Dark 1 Color Style

This is my heading 1

This is my heading 2

This is my heading 3

This is my heading 4

This is my big paragraph

This is my normal paragraph

This is my small paragraph

This is the monospace

Learn more

This is a test link

Dark 2 Color Style

This is my heading 1

This is my heading 2

This is my heading 3

This is my heading 4

This is my big paragraph

This is my normal paragraph

This is my small paragraph

This is the monospace

Learn more

This is a test link

Darkest 1 Color Style

This is my heading 1

This is my heading 2

This is my heading 3

This is my heading 4

This is my big paragraph

This is my normal paragraph

This is my small paragraph

This is the monospace

Learn more

This is a test link

Darkest 2 Color Style

This is my heading 1

This is my heading 2

This is my heading 3

This is my heading 4

This is my big paragraph

This is my normal paragraph

This is my small paragraph

This is the monospace

Learn more

This is a test link