Styleguide Swisscontact

Der Online Styleguide beschreibt die Gestaltung und Anwendung aller Basiselemente.....

General

The Logo

Our logo is locked together in spacing, size, colour and proportion and must not be altered. Specific colours are assigned to the logo and should always be adhered to as specified here.

Colours

Primary Colours

The primary colour palette consists of the Swisscontact blue, Swisscontact grey, cold grey and warm grey. These colours may be used in all collateral, and tints of these  colours are allowed for graphs, tables and colour blocks.

PANTONE 541 C
100c 45m 0y 45k
0r 71g 122b
#00477A
PANTONE 446 C
10c 0m 0y 75k
90r 95g 97b
#5A5F61
PANTONE 429 C
10c 0m 0y 35k
172r 182g 188b
#ACB6BC
PANTONE WARM GREY 4 C
0c 4m 9y 30k
194r 186g 176b
#C2BAB0

Web based

Typography

Google Font Mulish is the digital typeface for electronic and web based communication.

ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklmnop
qrstuvwxyz
1234567890

Available weights: Regular, Semi-Bold, Bold

 

Google Font EB Garamond is the digital typeface to use for web based headlines.

ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklmnop
qrstuvwxyz
1234567890

Available weights: Regular, Semi-Bold

Headlines

Headline 1

Google Font "Mulish", font-size 52px, font-weight "semi-bold"
Used for main page headline.

Headline 2

Google Font "Mulish", font-size 40px, font-weight "regular"
Used for headlines in content.

Headline 3

Google Font "Mulish", font-size 26px, font-weight "bold"
Used for headlines in content.

Headline 1 Root Page

Google Font "EB Garamond", font-size 60px, font-weight "semi-bold", font-style "italic"
Used for main headline on the root/home page.

Paragraph

Google Font "Mulish", Schriftgrösse 17px, Schriftschnitt "regular"

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Print

Fonts for Print

TODO: Fonts for Print