Style Guide

Fonts

Antic Didone — for Headers & Buttons

Liu Jian Mao Cao — for Headers & Buttons (alternate via italics)

Amiri — for Paragraphs & Miscellaneous

Headings - h1 to h4 (Sizes)

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

This is my heading 1 alternate

This is my heading 2 font style alternate

This is my heading 3 font style alternate

This is my heading 4 font style alternate

Paragraphs - Big, Normal, & Small (Sizes)

This is my big paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my normal paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my small paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

Monospace

This is my monospace font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

Buttons - Small, Medium, & Large (Sizes)

Links

Theme Color Combinations

Lightest 1 Color Theme

 

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

This is my heading 1 alternate

This is my heading 2 font style alternate

This is my heading 3 font style alternate

This is my heading 4 font style alternate

This is my big paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my normal paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my small paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my monospace font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

Lightest 2 Color Theme

 

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

This is my heading 1 alternate

This is my heading 2 font style alternate

This is my heading 3 font style alternate

This is my heading 4 font style alternate

This is my big paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my normal paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my small paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my monospace font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

Light 1 Color Theme

 

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

This is my heading 1 alternate

This is my heading 2 font style alternate

This is my heading 3 font style alternate

This is my heading 4 font style alternate

This is my big paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my normal paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my small paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my monospace font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

Light 2 Color Theme

 

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

This is my heading 1 alternate

This is my heading 2 font style alternate

This is my heading 3 font style alternate

This is my heading 4 font style alternate

This is my big paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my normal paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my small paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my monospace font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

Bright 1 Color Theme

 

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

This is my heading 1 alternate

This is my heading 2 font style alternate

This is my heading 3 font style alternate

This is my heading 4 font style alternate

This is my big paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my normal paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my small paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my monospace font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

Bright 2 Color Theme

 

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

This is my heading 1 alternate

This is my heading 2 font style alternate

This is my heading 3 font style alternate

This is my heading 4 font style alternate

This is my big paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my normal paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my small paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my monospace font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

Dark 1 Color Theme

 

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

This is my heading 1 alternate

This is my heading 2 font style alternate

This is my heading 3 font style alternate

This is my heading 4 font style alternate

This is my big paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my normal paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my small paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my monospace font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

Dark 2 Color Theme

 

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

This is my heading 1 alternate

This is my heading 2 font style alternate

This is my heading 3 font style alternate

This is my heading 4 font style alternate

This is my big paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my normal paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my small paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my monospace font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

Darkest 1 Color Theme

 

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

This is my heading 1 alternate

This is my heading 2 font style alternate

This is my heading 3 font style alternate

This is my heading 4 font style alternate

This is my big paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my normal paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my small paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my monospace font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

Darkest 2 Color Theme

 

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

This is my heading 1 alternate

This is my heading 2 font style alternate

This is my heading 3 font style alternate

This is my heading 4 font style alternate

This is my big paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my normal paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my small paragraph font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.

This is my monospace font style Lorem ipsum dolor sit amet. Et sunt dolorem et quidem culpa ab repudiandae cumque sit quasi exercitationem. Eum architecto excepturi qui esse suscipit 33 aspernatur voluptas aut galisum molestias aut corporis ex iure iure qui libero iure.