Image
Style Guide

ListOn Style Guide

Many desktop publishing packages and web page editors now use Lorem Ipsum as their
default model text, and a search for 'lorem ipsum' will uncover many.

Color

#F84525

#191e25

#707070

#f8f4f3

#ffffff

#ffd105

Headings

Heading 01 Text

Heading 02 Text

Heading 03 Text

Heading 04 Text

Heading 05 Text
Heading 06 Text

Display headings

Display 1

Display 2

Display 3

Display 4

Display 5

Display 6

Paragraph

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos, doloribus laudantium. Delectus dolorem rem, molestias modi possimus repellendus explicabo libero nulla? Dolorum sunt quasi ut reiciendis aspernatur porro nam beatae aliquid non modi cum, soluta magni asperiores fugiat, explicabo voluptatem fugit, placeat nobis quis quisquam. At, atque ratione inventore doloribus eos tenetur, corrupti perspiciatis aperiam quasi esse, nisi dolor ducimus?

List

Order List

  1. Nostrum facere repellendus minus quod
  2. aut aliquam neque reiciendis.
  3. Qui beatae vel magnam repudiandae
  4. Ipsum repellat repudiandae.

Check List

  • Veniam quae. Nostrum facere repellendus minus
  • Quod aut aliquam neque reiciendis. magnam
  • Repudiandae ipsum repellat repudiandae.
  • Voluptate Dolores ut dolor sint occaecati similique.

Buttons

Button Size

Button Primary - Small
Button Primary - Default
Button Primary - Large

Button Colour

Button Primary
Button Secondary
Button Dark
Button Light

Outline Buttons

Button Outline Primary

Blockquote

“The mind has great influence over the body and maladies often have their origin there.”

— John Doe Molicere