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
🌿 Experimenting with a Different SaaS Hero Direction
Most B2B SaaS websites lean heavily on abstract gradients and geometric shapes. I wanted to explore a cleaner, more refreshing approach by introducing natural elements into the hero section.
This concept combines:
• Green trees and a subtle landscape background
• Minimal, modern UI with plenty of whitespace
• Enterprise-focused dashboard preview
• A professional B2B aesthetic without sacrificing visual warmth
• A layout designed to stay consistent across the entire landing page
The goal wasn't to make it feel like a nature website—it was to create a trustworthy, calm, and premium first impression while keeping the focus on the product.
I'd love to hear your thoughts: Would you consider this style for a modern B2B SaaS brand, or do you prefer the more traditional gradient-based approach?
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
Related posts
Updated the Dreamy effect for Framer, now it’s faster, smoother and more flexible
Grab it here
Really like what I get. If you are web designer, or brand designer would love to hear your feedbackÂ
Nice update, Denis. Making it faster and smoother is what matters most when an effect like this ends up on real client sites.
EchoMind is live on the Framer Marketplace.
It’s a calm, editorial shop template for brands that make physical things: hardware, objects, small product lines. I designed the brand, generated the product photography and built every page in Framer.
What’s inside:
20 pages, each designed for desktop, tablet and phone
CMS-driven shop with working price sort
Product pages with gallery, specs and FAQs
A build-your-own configurator with live pricing
A bag with quantities and discount codes
Journal with hover image previews
Launch, studio, support and gift card pages
The product itself is fictional: a modular mixing desk where one core listens to your mix and suggests one fix at a time. I wanted the template to feel like a real brand from day one, so it’s been built and photographed like one.
Get the template: https://www.framer.com/marketplace/templates/echomind/
Congrats on the launch, Jonathan. Designing the brand, the photography and every page yourself gives it a clear voice. What was the hardest part of building a shop template in Framer?
The little green dot moving through the grid is so satisfying