Eavy.io — Huisstijlgids

Logo

Het Eavy.io logo bestaat uit het Connected Nodes beeldmerk en het woordmerk in Oswald Bold met de kenmerkende blauw-roze gradiënt.

Compleet logo

Standaard

Voor gebruik op lichte achtergronden

SVG PNG JPG

Negatief

Voor gebruik op donkere achtergronden

SVG PNG JPG

Wit (op gradiënt)

Voor gebruik op gekleurde/gradiënt achtergronden

SVG PNG JPG

Beeldmerk

Het beeldmerk — Connected Nodes — symboliseert data-integratie en koppeling. Drie knooppunten verbonden in een driehoeksformatie met een centraal hub-element. Gebruik als favicon, app-icoon en social media avatar.

Standaard

Lichte achtergrond — favicon, social media

SVG PNG JPG

Negatief

Donkere achtergrond

SVG PNG JPG

Wit

Op gekleurde/gradiënt achtergronden

SVG PNG JPG

Formaat-preview

128px — App icoon

64px — Social media

32px — Favicon 2x

Kleuren

Het kleurenpalet combineert vertrouwenwekkend blauw met vrouwelijk roze/magenta. De gradiënt is het verbindende element door alle huisstijluitingen heen.

Primaire kleuren

Paars-blauw

#3B1FBF

Kobaltblauw

#4318FF

Interactie-blauw

#3B4BF9

Midden-paars

#7B3FE4

Magenta

#D946A8

Neutrale kleuren

Donkergrijs

#1F2937

Grijs

#6B7280

Lichtgrijs

#E5E7EB

Achtergrond

#F3F4F6

Wit

#FFFFFF

Gradiënt

#4318FF → #D946A8

135° diagonaal

CSS-variabelen

:root {
  --color-primary:        #3B1FBF;
  --color-blue:           #3B4BF9;
  --color-magenta:        #D946A8;
  --color-gradient-start: #4318FF;
  --color-gradient-end:   #D946A8;
  --color-white:          #FFFFFF;
  --color-gray:           #6B7280;
  --color-dark:           #1F2937;
  --font-heading: 'Oswald', sans-serif;
  --font-body:    'Inter', sans-serif;
}

Typografie

Oswald voor logo en titels — krachtig en herkenbaar. Inter voor lopende tekst — uitstekend leesbaar op scherm.

Oswald — Titels

Oswald Bold 700

Jouw digitale assistent

Oswald Semi-Bold 600

Data-integratie voor de agrarische sector

Inter — Body

Inter Regular 400 — 16px

Eavy.io koppelt uw branchesoftware, automatiseert processen en levert heldere rapportages. Geen IT-kennis nodig — wij regelen de techniek.

Inter Medium 500 — 14px

Workflow-automatisering · Dataopslag · Rapportage · Integraties

Typografische schaal

H1Oswald 700
56px / 36px mob

Heading 1

H2Oswald 600
40px / 28px mob

Heading 2

H3Oswald 600
28px / 22px mob

Heading 3

BodyInter 400
16px

Dit is een voorbeeld van de standaard bodytekst die op de website wordt gebruikt.

SmallInter 400
14px

Kleine tekst voor labels, bijschriften en meta-informatie.

ButtonInter 600
16px

Demo aanvragen

Google Fonts embed

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Oswald:wght@400;600;700&display=swap" rel="stylesheet">

UI-elementen

Herbruikbare componenten die consistent door de website en communicatie worden toegepast.

Knoppen

Primair

Background: #3B4BF9 / Wit tekst
Border-radius: 8px

Gradiënt

Gradiënt achtergrond / Wit tekst
Border-radius: 8px

Outline

Border: 2px #3B4BF9 / Blauw tekst
Border-radius: 8px

Border radius

4px

8px

12px

16px

24px

Decoratie-patronen

Dot-patroon

Kobaltblauw (#3B4BF9)
Decoratief accent-element

Gradiënt-vlak

Afgeronde hoeken (16–24px)
Hero-secties en achtergronden

Richtlijnen

Regels voor consistent en correct gebruik van de Eavy.io huisstijl.

Logo-gebruik

Wel

Gebruik het logo altijd met voldoende witruimte eromheen
Gebruik de juiste variant op de juiste achtergrond
Schaal het logo proportioneel
Gebruik bij voorkeur SVG voor scherpte op alle schermen

Niet

Verander de kleuren van het logo niet
Draai of vervorm het logo niet
Plaats het logo niet op een drukke achtergrond
Gebruik het beeldmerk niet kleiner dan 16px

Toon & stijl

Communicatie

Taal: Nederlands (primaire markt)
Professioneel maar toegankelijk
Sectorkenner, geen generieke IT-leverancier
Persoonlijk en direct

Vermijd

Overdreven technisch jargon
Claims over bedrijfskritische afhankelijkheid
Koude, onpersoonlijke toon
Engelse termen waar een Nederlands alternatief bestaat

Downloads

Alle logobestanden beschikbaar in SVG, PNG en JPG.

Bestandsoverzicht

Bestand	SVG	PNG	JPG
Logo compleet — standaard	SVG	1024, 512, 256, 128, 64, 32	1024, 512, 256, 128, 64, 32
Logo compleet — negatief	SVG	1024, 512, 256, 128, 64, 32	1024, 512, 256, 128, 64, 32
Logo compleet — wit	SVG	1024, 512, 256, 128, 64, 32	1024, 512, 256, 128, 64, 32
Beeldmerk — standaard	SVG	1024, 512, 256, 128, 64, 32	1024, 512, 256, 128, 64, 32
Beeldmerk — negatief	SVG	1024, 512, 256, 128, 64, 32	1024, 512, 256, 128, 64, 32
Beeldmerk — wit	SVG	1024, 512, 256, 128, 64, 32	1024, 512, 256, 128, 64, 32

Eavy.io Huisstijlgids

Logo

Compleet logo

Standaard

Negatief

Wit (op gradiënt)

Beeldmerk

Standaard

Negatief

Wit

Formaat-preview

Kleuren

Primaire kleuren

Neutrale kleuren

Gradiënt

CSS-variabelen

Typografie

Oswald — Titels

Inter — Body

Typografische schaal

Google Fonts embed

UI-elementen

Knoppen

Primair

Gradiënt

Outline

Border radius

Decoratie-patronen

Dot-patroon

Gradiënt-vlak

Richtlijnen

Logo-gebruik

Wel

Niet

Toon & stijl

Communicatie

Vermijd

Downloads

Bestandsoverzicht

Download alle logobestanden