All blocks

Particle constellationNew

Canvas constellation of 70 drifting brand-coloured particles linked by fading lines; reads --brand at runtime, respects reduced motion, resizes with a ResizeObserver and renders nothing on the server.

Typewriter textNew

Text effects

Ringing bell icon buttonNew

Icon buttons

Newsletter split CTANew

Split call to action with heading, email form and privacy line beside a stack of floating lead-notification cards.

Holographic member cardNew

Hover cards

Notification stackNew

Cards

Contact split with CSS mapNew

Contact details and a short form beside a stylised pure-CSS map of Collingwood with grid streets, river, road bars and a floating brand pin with ripple rings. No map embed.

Us vs them comparisonNew

Two-column 'us vs the typical agency' comparison with check and cross rows, a glowing brand-bordered Recommended column and a footnote, rows fading in on scroll.

Sticky scroll storyNew

Four process steps that highlight as you scroll (IntersectionObserver) beside a sticky panel that crossfades between div-built illustrations.

Mega footerNew

Full sitemap footer with newsletter signup, four link columns, socials, ABN, acknowledgement of country and a legal bottom bar.

Announcement bannerNew

Feedback

Warning calloutNew

Feedback

Custom cursor effectsNew

A cursor-none demo panel with a brand dot and spring-lagging ring that grows and inverts over targets, a fading dot trail, and headline text that scrambles then decodes on hover.

Typing wave indicatorNew

Loaders

Stacked toastsNew

Feedback

iOS spring toggleNew

Toggles

Liquid squash toggleNew

Toggles

Yes/no toggleNew

Toggles

Centred editorial navbarNew

Two-row editorial nav with a brand announcement bar, centred wordmark, tracked-out links either side and hairline borders.

Bending notch tab barNew

Tab bars

Founder noteNew

Letter-style founder section with a tilted polaroid that straightens on hover, a signature that draws itself on scroll, display-serif copy and three value pills.