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
Verdan is a complete website for a climate-tech or carbon-accounting SaaS company, and adapts easily to any B2B software product. A warm light palette, one orange accent, bold type and real product UI make it feel like a funded startup from the first screen.
https://www.framer.com/marketplace/templates/verdan/
20 pages Home, Product, Pricing, Customers, Customer story, Integrations, Integration detail, Blog, Blog category, Blog post, Changelog, Careers, Job + application, About, Book a demo, Help centre, Sign in, Privacy, Terms and 404.
Built natively, no custom code Every layout, interaction and animation uses native Framer layers, components, variants and effects, so everything is editable on the canvas.
Preloader and word-by-word headline reveal
Live hero dashboard cycling through four views, with a 3D tilt that flattens on scroll
Self-advancing module switcher
Interactive carbon-advisor demo
Rolling stat counters, testimonial marquee, smooth FAQ accordions
Nav that compacts on scroll, with an active-page pill and phone menu
9 CMS collections Posts, Stories, Integrations, Jobs, Changelog, Team, Testimonials, FAQs and a shared Tags collection that powers the filters across the site.
Forms Book-a-demo, job application, newsletter and sign-in, with pending and success button states.
Organised design system One type scale, colours grouped Dark / Light / Accent, link styles and 20+ components, all foldered. Fully responsive on desktop, tablet and phone.
Setup Connect your form destinations, replace placeholder emails and links, add your CMS content and have the legal pages reviewed.
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
A bento grid that explains a generative-AI product at a glance, designed for GanAI.
1 line (headline + body text) or 2 lines? Wider or narrower?
It's easier for me to read 2 lines.
What about you?
5 voted
19%
22 voted
81%
27 votes
Closed
second one
BMW M4 Competition App Design | UI/UX Case Study We Designer Mobile Designer
I designed a premium automotive app experience inspired by the BMW M4 Competition, combining a bold visual identity with a sleek, modern interface. The design features cinematic car visuals, dynamic speed animations, performance specifications, and an immersive dark theme with electric-blue accents.
The interface highlights key performance details, including acceleration, horsepower, torque, and top speed, creating a high-end digital experience for automotive enthusiasts. Every screen is designed to communicate power, precision, and innovation through clean typography, striking visuals, and smooth transitions.
Key Features:
Premium automotive UI/UX design
Interactive speedometer and motion animations
Performance statistics and technical specifications
Dark-themed interface with electric-blue highlights
Cinematic visuals and engaging transitions
Modern layout with a performance-focused user experience
My Role: UI/UX Designer & Visual Designer Project Type: Automotive App Concept Focus: User Interface, Visual Design, Motion Design & Interactive Experience
Design Philosophy: Engineered beyond limits — transforming automotive performance into an immersive digital experience.
This is very dope.