Typography for the Web

Sub head h2 - Utopia

Header 2  - 32px  OpenSans

Header 3 - 20px All caps

Header 4 - 18px

Header 5 - 16px
 

Body Text - 16px OpenSans

 

Standard paragraph - Lorem ipsum dolor sit amet, qui te exerci adipiscing, prima latine blandit no mel. Eum ut labore feugiat, mea ne quando vivendum, in ius sanctus convenire definitionem. Link in copy Illud instructior consequuntur ut mei. Magna placerat an eum. Et quo iudico elaboraret, feugait disputando eum no, id cum unum autem. Test change.

Blockquote - Lorem ipsum dolor sit amet, qui te exerci adipiscing, prima latine blandit no mel. Eum ut labore feugiat, mea ne quando vivendum, in ius sanctus convenire definitionem.

Lists in Text editor

List (unorganized)

  • one
  • two
  • three
    • three.one
    • three.two
    • three.three


List (organized)

  1. one
  2. two
  3. three
    1. three.one
    2. three.two
    3. three.three
 

BC Text with colored backgounds

Blue (medium) - Lorem ipsum dolor sit amet, qui te exerci adipiscing, prima latine blandit no mel. Eum ut labore feugiat, mea ne quando vivendum, in ius sanctus convenire definitionem. Link in copy Illud instructior consequuntur ut mei. Magna placerat an eum. Et quo iudico elaboraret, feugait disputando eum no, id cum unum autem.

Blue (dark) - Lorem ipsum dolor sit amet, qui te exerci adipiscing, prima latine blandit no mel. Eum ut labore feugiat, mea ne quando vivendum, in ius sanctus convenire definitionem. Link in copy Illud instructior consequuntur ut mei. Magna placerat an eum. Et quo iudico elaboraret, feugait disputando eum no, id cum unum autem.

BC Maroon - Lorem ipsum dolor sit amet, qui te exerci adipiscing, prima latine blandit no mel. Eum ut labore feugiat, mea ne quando vivendum, in ius sanctus convenire definitionem. Link in copy Illud instructior consequuntur ut mei. Magna placerat an eum. Et quo iudico elaboraret, feugait disputando eum no, id cum unum autem.

Maroon (dark) - Lorem ipsum dolor sit amet, qui te exerci adipiscing, prima latine blandit no mel. Eum ut labore feugiat, mea ne quando vivendum, in ius sanctus convenire definitionem. Link in copy Illud instructior consequuntur ut mei. Magna placerat an eum. Et quo iudico elaboraret, feugait disputando eum no, id cum unum autem.

Gold (light) - Lorem ipsum dolor sit amet, qui te exerci adipiscing, prima latine blandit no mel. Eum ut labore feugiat, mea ne quando vivendum, in ius sanctus convenire definitionem. Link in copy Illud instructior consequuntur ut mei. Magna placerat an eum. Et quo iudico elaboraret, feugait disputando eum no, id cum unum autem.

BC Gold - Lorem ipsum dolor sit amet, qui te exerci adipiscing, prima latine blandit no mel. Eum ut labore feugiat, mea ne quando vivendum, in ius sanctus convenire definitionem. Link in copy Illud instructior consequuntur ut mei. Magna placerat an eum. Et quo iudico elaboraret, feugait disputando eum no, id cum unum autem.

Gold (dark) - Lorem ipsum dolor sit amet, qui te exerci adipiscing, prima latine blandit no mel. Eum ut labore feugiat, mea ne quando vivendum, in ius sanctus convenire definitionem. Link in copy Illud instructior consequuntur ut mei. Magna placerat an eum. Et quo iudico elaboraret, feugait disputando eum no, id cum unum autem.

Orange- Lorem ipsum dolor sit amet, qui te exerci adipiscing, prima latine blandit no mel. Eum ut labore feugiat, mea ne quando vivendum, in ius sanctus convenire definitionem. Link in copy Illud instructior consequuntur ut mei. Magna placerat an eum. Et quo iudico elaboraret, feugait disputando eum no, id cum unum autem.

Gray (dark) - Lorem ipsum dolor sit amet, qui te exerci adipiscing, prima latine blandit no mel. Eum ut labore feugiat, mea ne quando vivendum, in ius sanctus convenire definitionem. Link in copy Illud instructior consequuntur ut mei. Magna placerat an eum. Et quo iudico elaboraret, feugait disputando eum no, id cum unum autem.

Gray (light) - Lorem ipsum dolor sit amet, qui te exerci adipiscing, prima latine blandit no mel. Eum ut labore feugiat, mea ne quando vivendum, in ius sanctus convenire definitionem. Link in copy Illud instructior consequuntur ut mei. Magna placerat an eum. Et quo iudico elaboraret, feugait disputando eum no, id cum unum autem.