Groen
#3BB54A · var(--hi-green)
Merkkleur voor vlakken en grote accenten.
Huisstijl · versie 1.1
Stijlgids Happy Insects
Kleuren, letters en bouwstenen voor een vrolijke, natuurlijke website. Scroll maar: het bijtje vliegt met je mee langs de stippellijn.
01
Logo & gebruik
Happy
Insects
Happy
Insects
- Lockup: woordmerk met het vliegende bijtje rechtsboven. Kleurversie op wit of crème, witte versie op groen donker of foto’s.
- Het bijtje blijft altijd honing en inkt, ook in de witte versie.
- Vrije ruimte rondom = hoogte van de ‘H’. Minimale breedte 120 px; onder 160 px laat je het bijtje weg.
- Niet uitrekken, niet draaien, geen schaduwen of andere kleuren.
02
Kleurpalet
Alle kleuren staan als globale variabelen in Oxygen (collectie “Happy Insects”).
Groen donker
#1E7A2D · var(--hi-green-dark)
Knoppen, links, accenttekst. 5,4:1 op wit.
Honing
#F7C326 · var(--hi-honey)
Bijtje, highlights, secundaire knop met inkt-tekst.
Inkt
#1D2B1F · var(--hi-ink)
Lopende tekst, strepen bijtje, vliegroute. 14:1 op wit.
Hemel
#E3ECF0 · var(--hi-sky)
Rustige achtergronden, tint achterste vleugel.
Crème
#FFF9EC · var(--hi-cream)
Warme pagina-achtergrond.
Groen licht
#E5F5E3 · var(--hi-green-light)
Tags, info-vlakken.
Hout
#B5733A · var(--hi-wood)
Accent voor illustraties.
Klaproos
#C8361F · var(--hi-poppy)
Promo en waarschuwing, spaarzaam.
Contrastregel
Honing en Groen gebruik je nooit als tekstkleur op wit of crème: het contrast is te laag. Voor tekst kies je Inkt of Groen donker; op Honing en Groen zet je Inkt.
03
Typografie
Koppen · Fraunces (Google Fonts)
Aa Bb Zoemt
Zachte, retro serif die aansluit bij het woordmerk. Gewicht 600 tot 700.
Tekst · Nunito (Google Fonts)
Aa Bb Cc 123
Ronde, vriendelijke sans voor lopende tekst. Gewicht 400 en 700.
H1 · Een thuis voor elk insect
H2 · Insectenhotels met karakter
H3 · Bijenbox Luxe
H4 · Duurzaam hout uit Europa
Lead · Een iets grotere inleidende alinea die de lezer meeneemt.
Body · Onze insectenverblijven geven wilde bijen, lieveheersbeestjes en vlinders een veilige plek om te nestelen en te overwinteren. Regelafstand 1,65 voor rustig leescomfort.
Small · ref. HI204 · prijzen excl. BTW
04
Knoppen
Volledig afgerond (pil), minimaal 48 px hoog. Hover: knop wipt 2 px omhoog met een zachte schaduw.
05
Kaarten
Bijenbox met paal
Klaar om te plaatsen in tuin, school of bedrijfsterrein.
Meer info →Insectenpaal
Paal met 3 of 4 types insectenhotels, optioneel met naambord.
Meer info →Specht & hagedis
Speelse figuren die kinderen leren over biodiversiteit.
Meer info →06
Iconografie & het bijtje
Ons bijtje is plat en vrolijk: ovaal schuin lijfje in Honing, drie strepen in Inkt, twee witte vleugels (de achterste met een tint Hemel), gesloten lachoogjes en een klein angeltje. Geen omlijning, geen verloop, geen schaduw.
Vliegend
Voor vliegroutes, hero’s en lockup. Minimaal 32 px breed.
Zittend
Op de bovenrand van een kaart of knop. Minimaal 40 px breed.
Kijkend
Half achter een kaart of foto. Minimaal 48 px breed.
Wel doen
- Eén bijtje per scherm, met een duidelijke rol (vliegen, zitten of kijken).
- Groottes afwisselen, ruim binnen de minimummaten.
- Op lichte achtergronden: Wit, Crème, Hemel of Groen licht.
Niet doen
- Geen omlijning, schaduw, verloop of zwart in plaats van Inkt.
- Niet in elke sectiehoek hetzelfde bijtje herhalen.
- Nooit over tekst, knoppen of iconen laten vliegen.
Regel vliegroute
- Eén doorlopende stippellijn in Inkt, 55% dekking, 2 à 3 px dik, ronde uiteinden (dash 1, tussenruimte 9).
- Vertrekt altijd aan de staart van het bijtje, met enkele ronde lussen.
- Loopt enkel door lege ruimte, nooit door titels, tekst, kaarten of iconen, en ligt achter de content.
- Op mobiel: eenvoudiger route, minder lussen, kleiner bijtje.
Andere insecten
Het bijtje krijgt gezelschap. Zelfde recept: platte vormen, geen omlijning, geen verloop en gesloten lachoogjes. Gebruik ze als extraatje bij producten, blogs of uitleg over wie waar woont.
Lieveheersbeestje
Bladluizen opruimen? Dat doet zij met plezier. Past bij tuin, terras en alles wat groeit.
Vlinder
Fladdert van bloem naar bloem en brengt kleur in elk verhaal. Ideaal bij bloemen en zomer.
Hommel
Dik, donzig en altijd goedgezind. Vliegt ook uit als het buiten wat frisser is.
Rosse metselbij
Onze vaste huurder: metselt haar gangetjes dicht in het bijenhotel. Een echte klusser.
Natuurvormen
Zes eenvoudige vormen uit de tuin om vlakken wat zachter te maken. Ze zijn bedoeld als achtergrond, niet als illustratie: altijd stil, licht en bescheiden.
Takje: voor randen en hoeken
Honingraat: knipoogje naar de bij
Bloempje: klein, vrolijk accent
Grassprieten: onderaan een vlak
Blaadje: los of in een groepje
Zaadpluis: lucht en beweging
07
Spacing & afgeronde hoeken
S · 16 px
M · 32 px
L · 64 px
XL · 112 px (sectie)
10 px · tags, inputs
20 px · kaarten
36 px · grote vlakken, foto’s
08 · Voorbeeldsectie
Geef wilde bijen een thuis
Onze handgemaakte insectenhotels brengen leven in elke tuin, school of bedrijfsterrein. Kijk: het bijtje landt op de knop.