Fonts

Brand Manual

Fonts

Designed to be a blank slate; Graphik is a “vanilla-flavored” typeface that is perfectly suited for whatever style of expression is needed. Its purposeful, elegant plainness allows it to move effortlessly between being a central design element or playing a supporting role in a wide range of projects and applications. The inspiration for Graphik came from designer Christian Schwartz’s longstanding interest in the expressive possibilities found in plain typefaces. This stems from his early exposure to Modernist graphic design, particularly posters, from the mid-twentieth century. While many of these designs were dominated by the three iconic sans serifs from Europe: Helvetica, Univers, and Futura, Schwartz was drawn to the “B-list” of sans serifs, such as Plak, Folio, and Neuzeit Grotesk. Graphik is a typeface without the baggage of Univers and Helvetica that can be used in similar ways without only evoking Modernism.

Aa
Graphik Regular
400
Aa
Graphik Medium
500
Aa
Graphik Semibold
600
Aa
Graphik Bold
700
WOW Header Main - Print
The WOW headline used on a white or blue B600 background to highlight very important content, for example in brochures or on the website. Highlighting of selected words of the B600 header on a white background, B900 inversion on a B600 blue background. Use for headings above 40pt. The thickness of the sign depending on the strength of the message 400 or 700

        body .WOW_Header_Main___Print{
                font-family:Graphik;
                font-size:40 pt >;
                font-weight:400 Regular or 700 Bold;
                color:white, blue B900, gray G800, blue B600;
                letter-spacing:-10%;
                line-height:44 pt;
                space before:12mm;
                space after:10mm;
                }
Header size H400 Print
H400 - header sizes along with typographic parameters. The scale from H600 to H300 is meant for printing.

        body .Header_size_H400_Print{
                font-family:Graphik;
                font-size:40 pt >;
                font-weight:400 Regular or 700 Bold;
                color:white, blue B900, gray G800, blue B600;
                letter-spacing:-10%;
                line-height:44 pt;
                space before:12mm;
                space after:10mm;
                }
Header size H600 Print
H600 - header sizes along with typographic parameters. The scale from H600 to H300 is meant for printing.

        body .Header_size_H600_Print{
                font-family:Graphik;
                font-size:40 pt >;
                font-weight:400 Regular or 700 Bold;
                color:white, blue B900, gray G800, blue B600;
                letter-spacing:-10%;
                line-height:44 pt;
                space before:12mm;
                space after:10mm;
                }
Header size H500 Print
H500 - header sizes along with typographic parameters. The scale from H600 to H300 is meant for printing.

        body .Header_size_H500_Print{
                font-family:Graphik;
                font-size:40 pt >;
                font-weight:400 Regular or 700 Bold;
                color:white, blue B900, gray G800, blue B600;
                letter-spacing:-10%;
                line-height:44 pt;
                space before:12mm;
                space after:10mm;
                }
Header size H500 Print
H500 - header sizes along with typographic parameters. The scale from H600 to H300 is meant for printing.

        body .Header_size_H500_Print{
                font-family:Graphik;
                font-size:40 pt >;
                font-weight:400 Regular or 700 Bold;
                color:white, blue B900, gray G800, blue B600;
                letter-spacing:-10%;
                line-height:44 pt;
                space before:12mm;
                space after:10mm;
                }
Header size H600 Print
H600 - header sizes along with typographic parameters. The scale from H600 to H300 is meant for printing.

        body .Header_size_H600_Print{
                font-family:Graphik;
                font-size:40 pt >;
                font-weight:400 Regular or 700 Bold;
                color:white, blue B900, gray G800, blue B600;
                letter-spacing:-10%;
                line-height:44 pt;
                space before:12mm;
                space after:10mm;
                }
Header size H400 Print
H400 - header sizes along with typographic parameters. The scale from H600 to H300 is meant for printing.

        body .Header_size_H400_Print{
                font-family:Graphik;
                font-size:40 pt >;
                font-weight:400 Regular or 700 Bold;
                color:white, blue B900, gray G800, blue B600;
                letter-spacing:-10%;
                line-height:44 pt;
                space before:12mm;
                space after:10mm;
                }
Basic text - 10pt - print
Used mainly in brochures and presentation materials with a low text content

        body .Basic_text___10pt___print{
                font-family:Graphik;
                font-size:40 pt >;
                font-weight:400 Regular or 700 Bold;
                color:white, blue B900, gray G800, blue B600;
                letter-spacing:-10%;
                line-height:44 pt;
                space before:12mm;
                space after:10mm;
                }
Header size H300 Print
H300 - header sizes along with typographic parameters. The scale from H600 to H300 is meant for printing.

        body .Header_size_H300_Print{
                font-family:Graphik;
                font-size:40 pt >;
                font-weight:400 Regular or 700 Bold;
                color:white, blue B900, gray G800, blue B600;
                letter-spacing:-10%;
                line-height:44 pt;
                space before:12mm;
                space after:10mm;
                }
Basic text - 10pt - print
Used mainly in brochures and presentation materials with a low text content

        body .Basic_text___10pt___print{
                font-family:Graphik;
                font-size:40 pt >;
                font-weight:400 Regular or 700 Bold;
                color:white, blue B900, gray G800, blue B600;
                letter-spacing:-10%;
                line-height:44 pt;
                space before:12mm;
                space after:10mm;
                }
Header size H200 Print
H200 - header sizes along with typographic parameters. The scale from H600 to H300 is meant for printing.

        body .Header_size_H200_Print{
                font-family:Graphik;
                font-size:40 pt >;
                font-weight:400 Regular or 700 Bold;
                color:white, blue B900, gray G800, blue B600;
                letter-spacing:-10%;
                line-height:44 pt;
                space before:12mm;
                space after:10mm;
                }
Basic text - 10pt - print
Used mainly in brochures and presentation materials with a low text content

        body .Basic_text___10pt___print{
                font-family:Graphik;
                font-size:40 pt >;
                font-weight:400 Regular or 700 Bold;
                color:white, blue B900, gray G800, blue B600;
                letter-spacing:-10%;
                line-height:44 pt;
                space before:12mm;
                space after:10mm;
                }
Header size H100 Print
H100 - header sizes along with typographic parameters. The scale from H600 to H300 is meant for printing.

        body .Header_size_H100_Print{
                font-family:Graphik;
                font-size:40 pt >;
                font-weight:400 Regular or 700 Bold;
                color:white, blue B900, gray G800, blue B600;
                letter-spacing:-10%;
                line-height:44 pt;
                space before:12mm;
                space after:10mm;
                }
Header size Subtitle 2
Subtitle 2 - header sizes along with typographic parameters. The scale from H600 to H300 is meant for printing.

        body .Header_size_Subtitle_2{
                font-family:Graphik;
                font-size:40 pt >;
                font-weight:400 Regular or 700 Bold;
                color:white, blue B900, gray G800, blue B600;
                letter-spacing:-10%;
                line-height:44 pt;
                space before:12mm;
                space after:10mm;
                }
Header size H600 Print
H600 - header sizes along with typographic parameters. The scale from H600 to H300 is meant for printing.

        body .Header_size_H600_Print{
                font-family:Graphik;
                font-size:40 pt >;
                font-weight:400 Regular or 700 Bold;
                color:white, blue B900, gray G800, blue B600;
                letter-spacing:-10%;
                line-height:44 pt;
                space before:12mm;
                space after:10mm;
                }
Basic text - 10pt - print
Used mainly in brochures and presentation materials with a low text content

        body .Basic_text___10pt___print{
                font-family:"Graphik";
                font-size:40 pt >;
                font-weight:400 Regular or 700 Bold;
                color:white, blue B900, gray G800, blue B600;
                letter-spacing:-10%;
                line-height:44 pt;
                space before:12mm;
                space after:10mm;
                }
Basic text - 8pt - print
For office documents and specifications.

        body .Basic_text___8pt___print{
                font-family:Graphik;
                font-size:40 pt >;
                font-weight:400 Regular or 700 Bold;
                color:white, blue B900, gray G800, blue B600;
                letter-spacing:-10%;
                line-height:44 pt;
                space before:12mm;
                space after:10mm;
                }
Basic text - 6pt - print
Alternative text size is only available in print for less-significant descriptions, e.g. technical annotations, marketing approvals, small formats such as business cards.

        body .Basic_text___6pt___print{
                font-family:Graphik;
                font-size:40 pt >;
                font-weight:400 Regular or 700 Bold;
                color:white, blue B900, gray G800, blue B600;
                letter-spacing:-10%;
                line-height:44 pt;
                space before:12mm;
                space after:10mm;
                }
WOW Header Main - Web
WOW headline used on a white or blue B600 background to highlight very important content, sections such as brochures or website. Selection of selected words of the B600 header on a white background, B900 inversion on a B600 blue background. Use for headers above 56px. The thickness of the sign depending on the power of the message 400 or 700.

        body .WOW_Header_Main___Web{
                font-family:Graphik;
                font-size:40 pt >;
                font-weight:400 Regular or 700 Bold;
                color:white, blue B900, gray G800, blue B600;
                letter-spacing:-10%;
                line-height:44 pt;
                space before:12mm;
                space after:10mm;
                }
Header size H100 Print
H100 - header sizes along with typographic parameters. The scale from H600 to H300 is meant for printing.

        body .Header_size_H100_Print{
                font-family:Graphik;
                font-size:40 pt >;
                font-weight:400 Regular or 700 Bold;
                color:white, blue B900, gray G800, blue B600;
                letter-spacing:-10%;
                line-height:44 pt;
                space before:12mm;
                space after:10mm;
                }
Header size H200 Print
H200 - header sizes along with typographic parameters. The scale from H600 to H300 is meant for printing.

        body .Header_size_H200_Print{
                font-family:Graphik;
                font-size:40 pt >;
                font-weight:400 Regular or 700 Bold;
                color:white, blue B900, gray G800, blue B600;
                letter-spacing:-10%;
                line-height:44 pt;
                space before:12mm;
                space after:10mm;
                }
Header size H300 Print
H300 - header sizes along with typographic parameters. The scale from H600 to H300 is meant for printing.

        body .Header_size_H300_Print{
                font-family:Graphik;
                font-size:40 pt >;
                font-weight:400 Regular or 700 Bold;
                color:white, blue B900, gray G800, blue B600;
                letter-spacing:-10%;
                line-height:44 pt;
                space before:12mm;
                space after:10mm;
                }