Logo

Typografie

Kleuren

Visuele elementen

Toepassingen

brandhub-bik-branding

WELKOM op DE BRAND GUIDE VAN Bike&Co

01 Logo

Bike&Co springt eruit

Onze branding is een visuele vertaling van de merkstrategie. We versterken sociale en circulaire fietsondernemingen en organiseren fietsmobiliteit voor bewuste werkgevers en particulieren. Dit doen we in een erg concurrentiële markt, waar het dus belangrijk is dat we opvallen en ons onderscheiden met onze missie en visie.

Download hier alle logo's

Primaire Logo

Het primaire logo van Bike&Co is de combinatie van een woordlogo  en de tagline. We gebruiken dit logo als eerste communicatie naar de buitenwereld.


Het woordlogo kan wél individueel worden gebruikt zonder de tagline.

brandhub-bik-logo-slogan brandhub-bik-logo

Badge

De branding en het logo worden ondersteund met een badge. Deze bestaat in verschillende kleuren, en mag stickergewijs worden geplakt op foto's, vlakken, vormen, etc.  


Het symbool kan wél individueel worden gebruikt, los van het woordlogo.

brandhub-bik-logo-badge

logo in combinatie met aanbod

Het logo kan gecombineerd worden met korte, wervende titels van ons productaanbod om deze snel en in één beeld te communiceren.

brandhub-bik-logo-submerken

Dos and don'ts

Volg deze richtlijnen bij het gebruik van het logo. Het logo mag op geen enkele manier worden gewijzigd of vervormd. De herkenbaarheid ervan hangt af van consistent en correct gebruik.

bikeandco-branding-donts

02 Typografie

Onze lettertypes

In de Bike&Co-huisstijl gebruiken we twee lettertypes om teksten vorm te geven: Owners XNarrow in XBlack, en Plus Jakarta Sans. Je kan beide respectievelijk vinden via Adobe Fonts en Google Fonts:


➚ Owners XNarrow XBlack (via Adobe Fonts)

➚ Plus Jakarta Sans (via Google Fonts)

bikeandco-branding-font-typografie

Systeemfonts

Sommige programma's ondersteunen geen custom lettertypes. In dat geval gebruiken we 'Systeemfonts', dat zijn fonts die op elke computer beschikbaar zijn. We gebruiken dan Impact voor titels en Verdana voor lopende teksten.


Enkele voorbeelden waar je systeemfonts moet gebruiken:


- Nieuwsbrieven

- E-mails en e-mailhandtekeningen

- Microsoft Office (Word, Excel, PowerPoint,...)

- Google Suite (wanneer de huisstijllettertypes niet kunnen worden gekoppeld)

- Als fallback voor websites

bikeandco-branding-font-systemfonts

03 Kleuren

In onze huisstijl onderscheiden we verschillende sportieve en opvallende kleuren:

Algemene kleuren


- Een donker bruinzwart voor alle teksten

- Wit als algemene achtergrondkleur.



Algemene regels:


- Bruinzwart kan je zowel op een kleur als op wit gebruiken

- De steunkleur wordt thematisch steeds gekoppeld aan een hoofdkleur. Steunkleuren en hoofdkleuren gaan we dan ook niet door elkaar gebruiken.


Gebruik voor toepassingen met veel tekst Bruinzwart op wit.


Bruinzwart

  • HEX #380000

  • RGB 56, 0, 0

  • CMYK 0, 100, 100, 85

Wit

  • HEX #ffffff

  • RGB 255, 255, 255

  • CMYK 0, 0, 0, 0

hoofdkleuren


4 hoofdkleuren: blauw, geel, groen en rood. Deze zijn een knipoog naar de trots regenboogtrui. 

- 4 steunkleuren: bij elke hoofdkleur koppelen we een zachtere variant als steunkleur: lichtblauw, lichtgeel, lichtgroen en lichtrood.


Algemene regels:


- Bruinzwart kan je zowel op een kleur als op wit gebruiken


Gebruik voor lopende teksten geen geel op wit, zo wordt de leesbaarheid gegarandeerd.


Blauw

  • HEX #51C1FF

  • RGB 81, 193, 255

  • CMYK 68, 24, 0, 0

Groen

  • HEX #3ECC3E

  • RGB 62, 204, 62

  • CMYK 75, 0, 100, 0

Geel

  • HEX #FFD834

  • RGB 255, 216, 52

  • CMYK 0, 15, 90, 0

Rood

  • HEX #FA4848

  • RGB 250, 72, 72

  • CMYK 0, 85, 70, 0

steunkleuren


4 steunkleuren: bij elke hoofdkleur koppelen we een zachtere variant als steunkleur: lichtblauw, lichtgeel, lichtgroen en lichtrood.


De steunkleur wordt thematisch steeds gekoppeld aan een hoofdkleur. 


Verschillende steunkleuren gaan we dan ook niet door elkaar gebruiken.


Lichtblauw

  • HEX #E1F8FF

  • RGB 225, 248, 255

  • CMYK 12, 3, 0, 0

Lichtgroen

  • HEX #E1FFE1

  • RGB 225, 255, 225

  • CMYK 12, 0, 12, 0

Lichtgeel

  • HEX #FFF5CC

  • RGB 255, 245, 204

  • CMYK 0, 4, 20, 0

Lichtrood

  • HEX #FFDCDC

  • RGB 255, 220, 220

  • CMYK 0, 14, 14, 0

04 Visuele Elementen

afgerond, gekaderd en altijd opvallend

Naast het logo, de badge, de kleuren en de typografie, voorzien we nog extra elementen om steeds een herkenbare en levendige huisstijl te creëren.

Afgeronde hoeken en randen

We ronden de hoeken af van vormen, kleurvlakken, foto's, buttons, labels, etc. Dit zorgt voor een zachtere en menselijkere look-and-feel. Daarbovenop voorzien we belangrijke vormen en foto's van een rand.


Gebruik nooit een volledig afgeronde vorm.

bikeandco-branding-hoeken

harde schaduwen

Elementen die mogen opvallen, kan je voorzien van een harde schaduwen. Dit effect refereert naar het logo, en geeft een element een opvallende look. We passen dit toe op: knoppen, iconen, promobalken, etc.

bikeandco-branding-schaduwen

05 Toepassingen

samen trappen naar morgen

Aan de slag! Met bovenstaande elementen kan je nu consistent de huisstijl van Bike&Co toepassen en verder uitwerken in print en digitale dragers.

bikeandco-branding-banner

Print

bikeandco-branding-print

digitaal



bikeandco-branding-digitaal
bikeandco-branding-bento

Deze huisstijlgids is gemaakt voor Bike&Co, door Plant a Flag.

Heb je een vraag? Neem contact op met studio@plantaflag.com.

paf-logo-white