Digital Styleguide:

Droppar

In deze styleguide worden de officïele logo-versies, kleuren, fonts en alle andere toebehoren vooropgesteld volgens de richtlijnen van de brand. Gelieve telkens deze richtlijnen te handhaven bij het gebruik van de brand-elementen.

Logo

Het logo van Droppar bestaat in verschillende versies. De primaire versie is volledig in de kleur Onyx. De secundaire versies maken gebruik van 2 accentkleuren. Columbia Blue en Alabaster.

Typografie

De huisstijl van Droppar maakt gebruik van het Baloo Bhai 2 font voor de hoofding en het Lato font voor de doorlopende tekst.
Beiden zijn Google fonts en vrij te donwloaden via onderstaande knoppen.

Baloo Bhai 2

Bold: 600 – line-height: 1.2em

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

Lato

Regular: 400 – line-height: 1.67rem

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

Lay-out

H1 Headline

  • Font-size: 2.8rem
  • Line-height: 1.2em
  • Font-weight: 600

H2 Headline

  • Font-size: 2rem
  • Line-height: 1.4em
  • Font-weight: 400

Plain text

  • Font-size: 18px  –  1rem
  • Line-height: 1.4em
  • Font-weight: 400

Kleurenpalet

Droppar maakt gebruik van 4 hoofdkleuren namelijk Cultured, Alabaster, Columbia Blue en Onyx. Verder wordt hetkleurenpalet aangevuld met Deep Chestnut en Cadet grey.

Primaire kleuren

Cultured

HEX: #F2F2F2

RGB: 242  242  242

CMYK: 0  0  0  5

Alabaster

HEX: #E2E8DD

RGB: 226  232  221

CMYK: 2  0  4  9

Columbia Blue

HEX: #B7D1DA

RGB: 183  209  218

CMYK: 16  4  0  14

Onyx

HEX: #363B3C

RGB: 191  67  66

CMYK: 0  64  65  25

Secundaire kleuren

Deep Chestnut

HEX: #BF4342

RGB: 191  67  66

CMYK: 0  64  65  25

Cadet Grey

HEX: #95A3A4

RGB: 149  163  164

CMYK: 9  0  0  35

Moodboard

Dit moodboard geeft weer wat soort fotografie gebruikt kan worden. Verder toont het hoe het logo op een achtergrond werkt en wat de gehele uitstraling van het merk is.

E-mail Signature

Maak snel en eenvoudig je eigen e-mail signature in onze generator tool.

Office templates

Gebruik nooit meer de verkeerde template!
Download hier de laatste up-to-date versie.