De brandgids.
Eén consistent beeld voor Teamenergie. Logo, kleur, typografie, componenten, beeld en tone of voice - afgeleid van de landingspagina, zodat alles in één lijn blijft.
#D34722
#4F1144
#31718C
#FEF9F3
Het beeldmerk en de woordmerk.
De gradient-cirkel met de e is het beeldmerk; daarnaast staat Teamenergie in aubergine en oranje. Gebruik bij voorkeur het volledige logo.
- Voldoende vrije ruimte rondom het logo.
- Wit-logo op aubergine of donkere foto's.
- Beeldmerk en woordmerk in hun originele verhouding.
- De kleuren van het woordmerk omdraaien of vervangen.
- Het logo uitrekken, schuin zetten of een schaduw geven.
- Het donkere logo op een drukke of donkere achtergrond.
Warm oranje, diepe aubergine, rustige neutralen.
Oranje draagt de actie, aubergine geeft diepte aan donkere vlakken, teal is een spaarzaam derde accent. Alles rust op een cream-witte basis.
Primair · Oranje
Aubergine
Neutralen
Achtergrondvlakken
Eén familie: Plus Jakarta Sans.
Geometrisch, vriendelijk en goed leesbaar. Koppen strak met negatieve letterspatiëring (800); body rustig op 400.
abcdefghijklmnopqrstuvwxyz 0123456789 - éàü?!
Niet wat er in de stand-up wordt gezegd, maar wat het team voelt. 15 minuten per teamlid, een helder rapport binnen een paar dagen.
De meeste teamscans bestaan uit een rijtje vragen en een gemiddelde score. Teamenergie meet de onderliggende factoren waar prestatie en welzijn van afhangen - en koppelt elke uitkomst aan een concrete interventie.
Lead 17–21 · Body 17 · Klein 13–14
De bouwstenen van de interface.
Knoppen
Labels & banner
Kaarten
De meting
Elk teamlid vult dezelfde vragenlijst anoniem in - gemiddeld in 15 minuten.
Logorij - sociaal bewijs
CTA-blok
Volledige bibliotheek
De volledige UI-set leeft als losse componenten in de Design System-tab. Een greep, live:
Warm, menselijk, herkenbaar Nederlands.
Echte mensen en alledaagse momenten in warm licht. Daarnaast heldere keynote-visuals en productschermen - nooit stockclichés of koele corporate beelden.
Fotografie
- Warme tonen, zacht avondlicht.
- Spontane, niet-geposeerde momenten.
- Ronde hoeken (18–24px) of cirkel.
- Koele blauwe corporate stock.
- Geforceerde handjesschud-poses.
- Zware filters of harde vignetten.
Product · het teamrapport
Lijn-iconen, oranje, in zachte vakjes.
Eén consistente lijnstijl (stroke ±2, ronde uiteinden) zoals in het dashboard. Iconen staan oranje in een cream-vakje met radius 14px.
- Eén lijnstijl, gelijke stroke-dikte.
- Oranje icoon op cream-vakje.
- Functioneel - ondersteunt de tekst.
- Gevulde en lijn-iconen door elkaar.
- Emoji als interface-icoon.
- Decoratieve iconen zonder functie.
Direct, warm en onderbouwd. Je en jullie.
{{ p.body }}
Weet je hoe jullie team er werkelijk bij staat?
Niet wat er in de stand-up wordt gezegd, maar wat het team voelt. 15 minuten per teamlid, een helder rapport binnen een paar dagen.
Wel / niet schrijven
- Spreek de lezer aan: je en jullie.
- Wees concreet: 15 minuten, 700 teams, tot 1 juli.
- Gebruik contrast: niet … , maar …
- Onderbouw met het onderzoek.
- Consultancy-jargon en spinnenweb-taal.
- Loze superlatieven zonder bewijs.
- Vaag blijven of om de kern heen praten.
- “Onze oplossing” centraal i.p.v. het team.
Messaging per persona (DMU)
Uit de DMU-research: zeven rollen die samen beslissen, met per rol wat je zegt en vermijdt, tien USP's copywriter-klaar, en de vaste bezwaren met hun weerlegging.
Het systeem in de praktijk.
Dezelfde kleuren, dezelfde koppen, dezelfde oranje CTA-balk - of het nu een social post, advertentie of award-aankondiging is.
Social posts · nieuwe stijl
Acht kant-en-klare varianten, opgebouwd uit het systeem - geen losse SVG's meer. Pas ze live aan in Teamenergie Post (formaat 4:5 / 1:1 / 9:16, teksten, foto) en maak er eindeloos nieuwe.
Open de post-generatorAdvertenties · nieuwe stijl
Geoptimaliseerde advertenties uit hetzelfde systeem - drie stijlen (split met product, groot beeld met tekst erover, en een donkere stat). De oude, afwijkende bestanden zijn vervangen.
Sjabloonstijlen
Vaste stijlen om snel on-brand uitingen te maken: groot beeld met tekst erover, event-aankondiging, quote en cijfer - allemaal uit dezelfde tokens.
Sjablonen & dragers
Volledige dragers in de huisstijl, hieronder live ingebed.
De app, gebouwd uit ditzelfde systeem.
Dezelfde kleuren, typografie en componenten - nu als product. Hieronder de live, klikbare recreatie van de Teamenergie-app. Klik door de schermen in de zijbalk.
Herbruikbare onderdelen
Radar/spinnenweb, de werkdruk-gauge en de passie-bekers leven in de app hierboven - opgebouwd uit dezelfde merkkleuren.
Alles vastgelegd in variabelen.
De bouwstenen als CSS custom properties - zo blijft het beeld consistent over web, app en alle uitingen. Eén bron van waarheid.
Kleur-tokens
Radius
6px
10px
16px
24px
32px
Schaduw
Spacing & layout
Type-tokens
Grid, motion en merkgebruik.
Herkenbaar, met een knipoog.
De pijnlijke werkmomenten die iedereen herkent, met humor gebracht en een rake regel eronder. Dichtbij, klein in hun wereld, zonder belerend te zijn.
LinkedIn-carrousel.
Een swipebare carrousel (1:1): cover, drie signalen en een CTA-slide. Scroll horizontaal.
De volledige landingspagina.
De complete marketing-site uit het systeem: hero, lanceeraanbod, drie onderdelen, sociaal bewijs, Coach Luca, wetenschap, FAQ en CTA. Live ingebed.