design

Typography

All Sitefinity interfaces use the Open Sans font family. Open Sans is a sans serif typeface, optimized for web, and mobile interfaces, with excellent legibility. We use several variations of the font weight. Typographic hierarchy is achieved by using different size and weight of the text. Italics are avoided.

Weight

regular
Aa

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

Bold
Aa

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

Light
Aa

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

Condensed BOLD
Aa

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

Headings

Heading 1

List Page Title

Typeface Condensed Bold
Font size 64px
Line height 1.4
Font weight 700
Font color #333
Class h1 -sf-h-large

Heading 1

Detail Page Title

Typeface Condensed Bold
Font size 42px
Line height 1.2
Font weight 700
Font color #333
Class h1

Heading 2

Group Title

Typeface Light
Font size 20px
Line height 1.3
Font weight 300
Font color #777
Class h2

Heading 3

Item Title

Typeface Condensed Bold
Font size 20px
Line height 1.3
Font weight 700
Font color #333
Class h3

Heading 4

Form Label

Typeface Bold
Font size 14px
Line height 1.4
Font weight 700
Font color #333
Class h4 -sf-h-large

Heading 4

Regular Label

Typeface Bold
Font size 13px
Line height 1.4
Font weight 700
Font color #333
Class h4

Heading 5

Small label

Typeface Regular
Font size 10px
Line height 1.4
Font weight 400
Font color #999
Class h5

Body Text

Large text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.

Typeface Regular
Font size 15px
Line height 1.4
Font weight 400
Font color #333
Class .-sf-txt-large

REGULAR text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.

Typeface Regular
Font size 13px
Line height 1.4
Font weight 400
Font color #333
Class .-sf-txt-base

MINOR text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.

Typeface Regular
Font size 13px
Line height 1.4
Font weight 400
Font color #999
Class .-sf-txt-dimmed