Project · Huisstijl · E-learning

LabBuddy: een huisstijl voor het lab

LabBuddy is een e-learningoplossing voor praktijkonderwijs in het laboratorium. Ik tekende de iconen en illustraties voor het merk en legde de hele huisstijl vast in een handboek: logo, kleuren, typografie, iconen en een eigen wetenschapper als mascotte. Hieronder zie je alles uit dat handboek.

Het merk

LabBuddy enhances laboratory education

LabBuddy is een e-learningoplossing die praktijkonderwijs in het laboratorium aanvult. Studenten bereiden zich voor, werken in het lab en verwerken daarna hun resultaten. Docenten krijgen minder werkdruk door automatische feedback.

Doelgroep: docenten van laboratoriumcursussen en studenten op BSc- en MSc-niveau, vooral aan Europese universiteiten en hogescholen.

Waar het merk voor staat

Vier beloftes aan docenten en studenten

Deze vier punten vormen de basis van alle teksten en beelden.

Voorbereid

Goed voorbereide studenten werken efficiënter in het lab.

Minder werkdruk

Automatische feedback verlaagt de werkdruk van docenten.

Meer zelfvertrouwen

Motivatie en zelfvertrouwen van studenten groeien.

Onderbouwd

Het ontwerp is gebaseerd op erkende onderwijswetenschap.
Tone of voice

Professioneel, ondersteunend en toegankelijk

Zo klinkt LabBuddy in alle teksten.

Professioneel

Wetenschappelijk onderbouwd met 4C/ID, cognitieve belasting en constructive alignment.

Ondersteunend

Begrijpt de werkdruk van docenten en biedt praktische oplossingen.

Toegankelijk

Vriendelijk en helder: de theorie in één zin uitgelegd.
Logo

Een ring, een kolf, een bondgenoot

Het merkteken is een blauwe ring met een kolf, boven het woordmerk labbuddy®. In het woordmerk is lab lichter en buddy vet gezet. Het logo wordt in drie varianten geleverd.

Gebruik de variant met tagline waar het logo de enige merkaanduiding is, zoals op een voorpagina of presentatiesluiter.

Vrije ruimte, formaat en gebruik

Zo gebruik je het logo

Houd rondom het logo minimaal een kwart van de hoogte van het merkteken vrij. Zo blijft het logo rustig en herkenbaar, ook naast illustraties en tekst.

Minimale grootte: 80 px (20 mm) zonder tagline en 120 px (30 mm) met tagline.

Het logo vervorm je niet, kleur je niet in, kantel je niet en plaats je niet op een blauwe achtergrond. Op blauw gebruik je de witte variant.

Kleur

Blauw, geel en een donkere lijn

Gebruik wit en blue-tint voor rust, blauw voor herkenbaarheid en geel als accent. De verhouding is ruwweg 60% wit en tint, 30% blauw en 10% geel.
labbuddy-blue#2392D1
RGB 35 146 209
Hoofdkleur. Logo, grote vlakken, koppen vanaf 24 px.
labbuddy-yellow#FEBF10
RGB 254 191 16
Accent. Icoonring, knoppen, highlights.
ink#231F20
RGB 35 31 32
Tekst en lijnen.
blue-deep#19699A
Links, kleine blauwe tekst
blue-tint#E9F4FB
Achtergrond secties
yellow-tint#FFF4CC
Zachte highlight
ink-muted#5A5456
Bijschriften
Verhouding, ruwweg 60% wit en tint, 30% blauw, 10% geel.

Contrast
Ink op blauw: 4,7:1 · Ink op geel: 9,8:1 · Wit op blauw: 3,4:1, alleen voor grote tekst · Blue-deep op wit: 6,0:1
Typografie

Rond en toegankelijk

Koppen staan in Poppins, lopende tekst in Nunito Sans. Beide zijn gratis via Google Fonts en passen bij de vriendelijke, ronde uitstraling van het woordmerk.
Aa
Poppins

Koppen, knoppen, nadruk · 600 en 700

Aa

Nunito Sans · lopende tekst 400 en 600

Kop 1
Poppins Bold 40/48
Enhance your lab
Kop 2
Poppins SemiBold 30/38
Enhance your lab
Kop 3
Poppins SemiBold 22/30
Enhance your lab
Tekst
Nunito Sans 16/26
Goed voorbereide studenten werken efficiënter in het lab en hebben meer plezier in hun praktijkonderwijs.
Knop
Poppins Bold 16/24
Schedule a demo
Iconen

Lijniconen in een gele cirkel

Alle iconen zijn monoline in ink, met dezelfde lijndikte en afgeronde uiteinden. Elk icoon staat in een ring van labbuddy-yellow, bevat één eenvoudig object zonder schaduw, verloop of vulkleur en is minimaal 48 px groot. Gebruik ze op wit of blue-tint.
Mascotte

De wetenschapper in vijf houdingen

Altijd dezelfde veiligheidsbril, staart, pony en laboratoriumjas. Alleen de houding wisselt, zodat het personage herkenbaar blijft: denkend voor uitleg en vragen, paniek voor werkdruk en fouten die je voorkomt, wijzend voor de call-to-action, experiment voor praktijk in het lab en jetpack voor versnelling en voordeel.
Beeldtaal

Herkenbaar aan één hand

Iconen en illustraties zijn getekend door één ontwerper en delen dezelfde kenmerken. Houd die vast bij elk nieuw icoon of elke nieuwe houding.

  1. Zwarte lijn: gelijkmatige, ronde lijn; vlakken alleen wit of effen zwart.
  2. Gele ring: elk icoon in een cirkel van labbuddy-yellow, lijn in ink.
  3. Eén personage: bril, staart, pony en jas zijn vast; de houding verandert.
  4. Kleine tekens: spetters, sterretjes en vliegende kolven geven energie en beweging.
  5. Geen kleur: blauw en geel komen van de pagina.
  6. Eén handschrift: combineer niet met iconen of illustraties uit een andere bibliotheek.
Toepassing

Zo komt het samen

Schematisch voorbeeld van een webpagina-opbouw: veel wit, blauw voor herkenning en geel voor de actie.

Ook een huisstijl voor jouw bedrijf?

Vertel me kort wat je wilt bereiken. Dan bekijk ik wat nodig is: een logo, een huisstijl of vormgeving voor je marketing. Je ontvangt een duidelijke offerte.

Neem contact op

Heb je interesse in een fotoshoot, video of videomarketing voor je bedrijf? Neem dan contact op via het formulier of bel direct naar 06 – 10 79 85 25.