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

 

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

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

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

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

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

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

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

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

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

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