Typefaces

Typography

The Carlisle Syntec® brand uses two rather similar typefaces.

Open Sans

A a

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

0 1 2 3 4 5 6 7 8 9

Open Sans is an open source humanist sans-serif typeface that was designed by Steve Matteson under commission from Google. It was released in 2011 and is based on his earlier design called Droid Sans, which was specifically created for Android mobile devices but with slight modifications to its width.

The typeface is characterized by its wide apertures on many letters and a large x-height, making it highly legible on screens and at small sizes. Being part of the humanist genre of sans-serif typefaces, it also features a true italic style. As of July 2018, Open Sans is the second most widely used font on Google Fonts, serving over four billion views per day across more than 20 million websites. Source: Wikipedia

Lead Paragraph

The following is a lead paragraph:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec efficitur elementum purus at pharetra. Suspendisse potenti. Nulla sollicitudin mauris quis erat iaculis dictum. Mauris sed efficitur ipsum, at viverra ante. Quisque tellus libero, tristique id molestie at, volutpat et ante. Sed non leo nisl. Etiam et convallis augue. Quisque vitae condimentum diam. Etiam blandit arcu ac nulla elementum, pharetra sollicitudin justo dictum. Morbi porta a lectus vel vulputate. Vestibulum id nibh suscipit, euismod eros egestas, semper nulla. Proin ornare tellus quis augue varius, eu laoreet nunc volutpat. Morbi quis convallis enim, sed bibendum orci. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras gravida pellentesque erat, quis scelerisque elit faucibus vel.

Headings

The following are heading styles:

Display Text

.displaytext {
    font-size: 38px !important;
    font-weight: 400;
    line-height: 48px;
}
.text-carlisleblue {
    color: #00509e;
}

Heading 1

.heading1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 48px;
    font-weight: 700;
    color: #212121;
    line-height: 1.1;
}

Heading 2

.heading2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: #212121;
    line-height: 1.2;
}

Heading 3

.heading3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #212121;
    line-height: 1.2;
}

Heading 4

.heading4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #212121;
    line-height: 1.2;	
}

Heading 5

.heading5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 800;
    color: #212121;
    line-height: 1.2;
}

Body Copy

The following is an example of body copy on a light background:

The following is an example of body copy on a dark background: