Create Depth with Background Blur and Subtle Tint Techniques

Create Depth with Background Blur and Subtle Tint TechniquesCreate Depth with Background Blur and Subtle Tint Techniques

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Gabriel Obholz

pro

• 4h

Design Tip: Use background blur + a subtle tint (e.g. linear gradient 10–15% black) instead of a simple 40% opacity overlay.

This creates depth and a refined glass-like look instead of a flat dark overlay.

UX Design UI Design Figma

R. Qule

max

• Apr 30

AI products don’t lose users because of features. They lose them because they look like experiments.

For Newly, we designed a landing page concept that communicates speed and credibility from the first screen. Newly lets users create mobile apps from AI prompts and publish directly to the App Store and Google Play — so the design had to feel structured, clean, and production-ready.

We built a clear layout system with strong hierarchy and used 3D animation to add depth without clutter.

This was created with a design subscription from FANCY — and yes, we’re currently open to new projects.