Typefaces

Typography

The Versico brand uses two typefaces.

Nanum Gothic

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

Nanum Gothic is a contemporary sans-serif typeface with a warm touch, and it is expertly hinted for screen use. It is part of the Nanum fonts – a set of high quality Unicode fonts designed especially for the Korean-language script “Hangeul” that also support Latin. Designed by Sandoll Communications and Fontrix and published by Naver.

Arial

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

Arial, sometimes marketed or displayed in software as Arial MT, is a sans-serif typeface and set of computer fonts. Fonts from the Arial family are packaged with all versions of Microsoft Windows from Windows 3.1 onwards, some other Microsoft software applications, Apple Mac OS X and many PostScript 3 computer printers. The typeface was designed in 1982 by a 10-person team, led by Robin Nicholas and Patricia Saunders, for Monotype Typography. It was created to be metrically identical to the popular typeface Helvetica, with all character widths identical, so that a document designed in Helvetica could be displayed and printed correctly without having to pay for a Helvetica license. Source: Wikipedia

Lead Paragraph

The following is a lead paragraph:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec efficitur elementum purus at pharetra. 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:

Header 1

                            
.heading1 {
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 38px !important;
    font-style: normal;
    font-weight: 800;
    line-height: 1.26;
    letter-spacing: normal;
    text-transform: uppercase;
}
.text-black {
    color: #231f1f;
}

Header 2

                            
.heading2 {
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 29px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 1.66;
    letter-spacing: normal;
}
.text-darkgray {
    color: #4c4c4c;
}

Header 3

                            
.heading3 {
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 3;
    letter-spacing: normal;
}
.text-darkgray {
    color: #4c4c4c;
}

Header 4

                            
.heading4 {
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 14px !important;
    font-weight: 700;
    font-style: normal;
    line-height: 3.43;
    letter-spacing: normal;
}
.text-brownishgrey {
    color: #6d6d6d;
}

Heading 5

                            
.heading5 {
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 13px !important;
    font-weight: 400;
    font-style: normal;
    line-height: 3.69;
    letter-spacing: normal;
    text-transform: uppercase;
}
.text-darkgray {
    color: #4c4c4c;
}

Heading 6

                            
.heading6 {
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 13px !important;
    font-weight: 400;
    font-style: normal;
    line-height: 3.69;
    letter-spacing: normal;
}
.text-black {
    color: #231f1f;
}

Heading 7

                            
.heading7 {
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 13px !important;
    font-weight: 800;
    font-style: normal;
    line-height: 3.69;
    letter-spacing: normal;
    text-transform: uppercase;
}
.text-black {
    color: #231f1f;
}

Body Copy

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

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.

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