OwlManage styleguide

Logos

Fonts

Lato

I wandered lonely as a cloud That floats on high o’er vales and hills, When all at once I saw a crowd, A host, of golden daffodils; Beside the lake, beneath the trees, Fluttering and dancing in the breeze. Continuous as the stars that shine And twinkle on the milky way, They stretched in never-ending line Along the margin of a bay: Ten thousand saw I at a glance, Tossing their heads in sprightly dance.

Font Characters

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ‘ ? ’ “ ! ” ( % ) [ # ] { @ } / & < - + ÷ × = > ® © $ € £ ¥ ¢ : ; , . *

Font Variants

  • Lato 200
  • Lato 300
  • Lato normal
  • Lato 500
  • Lato 600
  • Lato 700
  • Lato 200 italic
  • Lato 300 italic
  • Lato normal italic
  • Lato 500 italic
  • Lato 600 italic
  • Lato 700 italic

Elements

h1 27px (1.7em) (2.2 rem div) | Special Headers 27px (1.7em) (3 rem div)

Lorem ipsum dolor sit amet, consectetur adipiscing.

h2 25px (1.6em) (1.9 rem div)

Lorem ipsum dolor sit amet, consectetur adipiscing.

h3 20px (1.25em) (2.2 rem div)

Lorem ipsum dolor sit amet, consectetur adipiscing.

h4 18px (1.125em) (1.9 rem div)

Lorem ipsum dolor sit amet, consectetur adipiscing.

h5 16px (1em) (1.5 rem div)

Lorem ipsum dolor sit amet, consectetur adipiscing.

Paragraph: I wandered lonely as a cloud That floats on high o’er vales and hills, When all at once I saw a crowd, A host, of golden daffodils; Beside the lake, beneath the trees, Fluttering and dancing in the breeze. Continuous as the stars that shine And twinkle on the milky way, They stretched in never-ending line Along the margin of a bay: Ten thousand saw I at a glance, Tossing their heads in sprightly dance.

This is how a link will appear and this is a hovered link and an active link.

This is how <code> looks... function myFunction() { alert("Hello World!");}