Abstractive — Brand Guides

WELKOM BIJ DE BRAND GUIDE VAN ABSTRACTIVE

01 Logo

Eén focus, één slimme digitale omgeving

Onze branding is een visuele vertaling van de merkstrategie, waarbij we ons richten naar lokale ondernemingen als hun technologische partner en helpen te transformeren tot een matuur, digitaal bedrijf. We optimaliseren, digitaliseren en automatiseren hun bedrijfsprocessen vanuit één slimme digitale omgeving.

Open logo package

Primaire Logo

Het primaire logo van Abstractive is de combinatie van een symbool en een woordlogo. We gebruiken dit logo als eerste communicatie naar de buitenwereld.

Het woordlogo kan niet individueel worden gebruikt zonder het symbool.

Symbool

Het Abstractive-symbool vat onze essentie visueel samen: we combineren vier concrete oplossingen in één slimme digitale omgeving. Als resultaat verbinden en transformeren we jouw onderneming.

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

Witruimte

We gebruiken de grootte van ons symbool om witruimte te creëren rondom het logo. Pas deze toe wanneer je het logo wil positioneren naast foto's, vormen, andere logo's en langs de rand van een pagina of scherm.

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.

Positionering

We raden deze posities aan voor het primaire logo en het symbool. Deze moeten steeds met voldoende witruimte en leesbaar worden geplaatst, en in harmonie met andere elementen zoals typografie en fotografie.

02 Typografie

Onze lettertypes

In de Abstractive-huisstijl gebruiken we twee lettertypes om teksten vorm te geven: Roc Grotesk in Condensed Extrabold, en Degular in Bold en Regular. Beide kan je vinden en gebruiken via Adobe Fonts:

➚ Roc Grotesk (via Adobe Fonts)

➚ Degular Text (via Adobe Fonts)

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 in de plaats van Roc Grotesk en Arial in de plaats van Degular.

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

Typografie layout

Roc Grotesk Condensed Extrabold

Dit lettertype gebruiken we voor de belangrijkste titels (H1-H3), buttons, labels en wanneer een specifiek woord of een korte zin moet opvallen. Het lettertype is vet en energiek, gebruik het dus spaarzaam en zorg bijgevolg voor korte maar krachtige teksten.

Degular

Dit lettertype gebruiken we voor alle lopende tekst en minder opvallende ondertitels. Deze teksten moeten vooral leesbaar en duidelijk zijn, daarom is dit font uitermate geschikt voor toepassingen met veel lopende tekst.

03 Kleuren

ons kleurenpallet

We onderscheiden in onze huisstijl 6 kleuren:

- Donkerblauw en Zacht wit als algemene kleuren

- Felroze als conversiekleur én de kleur van 'Diagnose', de eerste stap in ons proces

- Felgeel: voor 'Ontwerp'

- Felgroen: voor 'Opbouw'

- Felblauw: voor 'Groei'

Algemene regels:

- Roze op Donkerblauw

- Gebroken wit op Donkerblauw

- Toepassingen met veel tekst: Donkerblauw op (zacht)wit

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

Donkerblauw

HEX #1F0666
RGB 31, 6, 102
CMYK 70, 94, 0, 60
PMS Pantone 2745 C

Felroze

HEX #E637F1
RGB 230, 55, 241
CMYK 5, 77, 0, 5
PMS Pantone 807 C

Felgroen

HEX #3AEFAA
RGB 58, 239, 170
CMYK 76, 0, 30, 5
PMS Pantone 3385 C

Zacht wit

HEX #F1EEE3
RGB 241, 238, 227
CMYK 0, 1, 6, 5
PMS Pantone 663 C

Felgeel

HEX #FFB000
RGB 255, 176, 0
CMYK 0, 31, 100, 0
PMS Pantone 130 C

Felblauw

HEX #1DC5FF
RGB 29, 197, 255
CMYK 89, 25, 0, 0
PMS Pantone 306 C

04 Visuele Elementen

Rond en opvallend

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

Afgeronde hoeken

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

Corner Radius: 10px

Gebruik nooit een volledig afgeronde vorm.

Vormen

Abstractive logosymbool

Ons logosymbool gebruiken we als extra visueel element om onze oplossingen te presenteren en kracht bij te zetten. We kunnen hier tekst bovenop plaatsen of in het midden van de vorm waarbij de vorm zich dan aanpast conform de tekst.

Algemene regels:

- Deze vorm worden enkel gebruikt voor de "vier oplossingen"

- Draai of vervorm het logo niet

- Kleuren kunnen zich aanpassen conform de oplossing

het driehoekje

Het driehoekje uit ons logosymbool en het 'puntje op de i' van het woordlogo kan ook worden gebruikt als visueel element. Tekst kan op deze vorm worden geplaatst, of op de achtergrond worden gebruikt als extra decoratief element.