<div class="blur-container">
  <div class="blur-layer layer1"></div>
  <div class="blur-layer layer2"></div>
  <div class="blur-layer layer3"></div>
  <div class="blur-layer layer4"></div>
</div>

.blur-container {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 80px;
  pointer-events: none;
  z-index: 4;
  overflow: hidden;
}

.blur-layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.blur-layer.layer1 {
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  mask-image: linear-gradient(to bottom, transparent 0%, black 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 100%);
}

.blur-layer.layer2 {
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  mask-image: linear-gradient(to bottom, transparent 10%, black 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 10%, black 100%);
}

.blur-layer.layer3 {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  mask-image: linear-gradient(to bottom, transparent 20%, black 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 20%, black 100%);
}

.blur-layer.layer4 {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  mask-image: linear-gradient(to bottom, transparent 30%, black 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 30%, black 100%);
}

Western Sydney Leadership Dialogue

/ Sydney, Australia
Modern code for a community-driven vision.
  • Animation and Interaction
  • Modular Content
  • Custom Development
  • Intuitive Content Management

Project overview

We teamed up with WSLD to level up their digital presence and get their community the attention it deserves. Working alongside Damian Wheeler Design and the WSLD team, we built a responsive, modern website that captures the brand’s unique energy.
The focus was on turning a local vibe into a high-standard digital platform.

The challenge

The goal was to take a creative, high-energy vision and translate it into a site that met modern web standards without losing its soul. We needed to ensure the design stayed "slick" and sharp across all devices while making sure the backend was simple enough for the team to manage their own updates.
Merging high-end aesthetics with everyday usability was the real test.

What we did
(and what we avoided)

  • Responsive web development

  • Streamlined blog integration

  • Clean interface

  • User-friendly CMS

  • Cluttered layouts
  • Slow load times
  • Complicated backends
  • Rigid designs

Our focus lies in delivering tangible bottom line outcomes that make a real impact.

  • High-Fidelity Development
    Turning Damian’s creative vision into clean, functional code.
  • Blog System Setup
    Building a straightforward platform for community news and events.
  • SEO Foundations
    Setting up the site to help the community get noticed organically.
  • Performance Tuning
    Optimising assets to keep the browsing experience fast and fluid.
David helped us set up our website and digital identity. He is responsive, creative and solutions oriented. I would highly recommend David's services, as we continue to use him as our external supplier.
Brett / Chief Commercial Officer of Western Sydney Leadership Dialogue

Keep exploring