De Groene Afslag

Item: De Groene Afslag
Rating: 8.1

Circular meeting place in Bussum with rooms, restaurant, hotel and school.

degroeneafslag.nl Save page

8.1/10MABTU rating

DESKTOP · 1440 × 11,130/ ↗

MOBILE · 390

Section outline · Home

01heroPhoto with mirrored collage wordmark and intro paragraph
02videoCut-out retro TV video
03featureGreen block with food photo and cut-outs
04featurePink block with bedroom photo
05featureYellow block with meeting room
06featureOrange block with classroom photo
07featureSky-blue block with workshop photo
08eventsColour-coded event rows and sticky note1,226
09blogThree news cards1,052
10linksFour colour link tiles551
11newsletterBlack band with cut-out mailbox and form532
12footerGiant block wordmark, menu and contacts887

Rating · Home

Visual design8.3

UX & clarity7.8

Originality9.0

Craft & consistency7.9

Motion6.0

Performance & a11y9.0

This page scores 8.1; the site score weights the home page double.

Main colours

Light·cream background·vivid

Typography

Helvetica Neueheading · sans · system Helvetica Neuebody · sans · system

Stack & style

Swiper GSAP GSAP ScrollTrigger Webflow jQuery

Editorial Playful Retro Photography-led Hamburger-only nav Hero video Horizontal scroll Marquee Parallax Sticky header Text reveal

Also: Google Tag Manager, Meta Pixel, reCAPTCHA, Hotjar, Cloudflare, Google Analytics

Design DNA

Each offering (restaurant, hotel, rooms, school, workshop) is a full-width saturated block in green, pink, yellow, orange or sky blue. Headings are black label-tape strips; subheads mix a plain sans with a serif italic word ('Voer voor je brein'). Photos are pasted slightly rotated with cut-out objects (cutlery, bells, robots, a brain) and speech-bubble notes in typewriter text overlapping them. The wordmark has one word mirrored on a green hedge. An agenda of colour-coded event rows, news cards, a black newsletter with a cut-out mailbox and a giant multi-block wordmark footer close it.

Worth borrowing

Give each venue offering its own saturated colour block with a black label-tape title.
Collage rotated photos with cut-out objects and typewriter speech bubbles.
Show an events agenda as colour-coded rows with date blocks and thumbnails.