Logotype

Construction

The Plejd logo with its clever vertically flippable design is one of the main recognizable elements of the brand. Defined clear space and colors as well as placement in relation to other content make it as instantly recognizable as possible in all contexts.

  • The logo should preferably and primarily be used in Plejd blue when possible. The alternative color is white.
  • The logo should have sufficient clear space. The P of the Plejd logo is used to define the minimum clear space around the logo.
  • Exceptions to the clear space rule are only allowed in specific cases such as for UI purposes.

Logo guidance

Use the Plejd blue logo on a white background. Use the white logo on a Plejd blue background.
Alternative color use is to use the Plejd blue logo on a light grey or light blue background.
Use the Plejd blue logo or the white logo when overlaying an image. Mind the contrast.
The logo should be used as one solid color and never be used with just an outline.
Do not use the logo in other colors then the intended colors. Do not use the logo on background colors other then the intended colors. Only when printing in color is not possible may the logo be used in black.
Make sure that there is sufficient contrast between the logo and the background. Do not use the logo in white on a background that is too light. Do not use the logo in Plejd blue on a background that is too dark.
Do not stretch, rotate, distort, manipulate the logo. The logo should be used in the intended perspective and must always be used in a sufficient resolution for the intended use.
Do not crop, repeat or only use parts of the logo. Do not pair the logo with marks or symbols that may be confused as logos.

Colors

Plejd blue
  • CMYK: 64 0 19 0
  • RGB: 72 197 214
  • HEX: #48c5d6
  • PANTONE: 3115C
  • LAB: 70 -40 -25
Light blue
  • CMYK: 20 0 6 0
  • RGB: 212 237 242
  • HEX: #d4edf2
White
  • CMYK: 0 0 0 0
  • RGB: 255 255 255
  • HEX: #ffffff
Light grey
  • CMYK: 0 0 0 10
  • RGB: 245 245 245
  • HEX: #f5f5f5
Grey
  • CMYK: 0 0 0 60
  • RGB: 120 120 120
  • HEX: #787878
Almost black
  • CMYK: 0 0 0 85
  • RGB: 65 65 65
  • HEX: #414141
Black
  • CMYK: 0 0 0 100
  • RGB: 0 0 0
  • HEX: #000000

Typography

Body font (print)

The body font is the main font and is used for all body text. It may also be used for subheadings. The body font should only be used in the four font weights specified. Light, regular, bold and black.

Lato Light


Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Åå Ää Öö 1 2 3 4 5 6 7 8 9 0 ? ! ( % ) # @/ & \

Lato Regular


Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Åå Ää Öö 1 2 3 4 5 6 7 8 9 0 ? ! ( % ) # @/ & \

Lato Bold


Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Åå Ää Öö 1 2 3 4 5 6 7 8 9 0 ? ! ( % ) # @/ & \

Lato Black


Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Åå Ää Öö 1 2 3 4 5 6 7 8 9 0 ? ! ( % ) # @/ & \

Body font (digital)

The digital body font is the main font used for web and app. The body font should only be used in the four font weights specified. Light, book(regular), bold and black.

Gotham Screensmart Light


Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Åå Ää Öö 1 2 3 4 5 6 7 8 9 0 ? ! ( % ) # @/ & \

Gotham Screensmart Book(regular)


Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Åå Ää Öö 1 2 3 4 5 6 7 8 9 0 ? ! ( % ) # @/ & \

Gotham Screensmart Medium


Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Åå Ää Öö 1 2 3 4 5 6 7 8 9 0 ? ! ( % ) # @/ & \

Gotham Screensmart Bold


Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Åå Ää Öö 1 2 3 4 5 6 7 8 9 0 ? ! ( % ) # @/ & \

Heading font

The heading font is used for main headings. The text used with this font should be kept short and the font should never be used with long sentences. The heading font should only be used in the two font weights specified. Bold and medium.

NowAlt Bold


Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Åå Ää Öö 1 2 3 4 5 6 7 8 9 0 ? ! ( % ) # @/ & \

NowAlt Medium


Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Åå Ää Öö 1 2 3 4 5 6 7 8 9 0 ? ! ( % ) # @/ & \

Accent font

The accent font is used as a decorative font and should only be used sparsely. Due to its decorative appearance it should always be used with a sufficient font size and never be used to convey important information. The accent font should only be used in the font weight bold.

Caveat bold


Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Åå Ää Öö 1 2 3 4 5 6 7 8 9 0 ? ! ( % ) # @/ & \