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
This hero came together using Framer + Nano Banana + Sora
All AI visuals, no stock assets involved.
What’s your go-to workflow for generating backgrounds?
Awesome design 🔥 🔥
Thanks Buddy
Awesome! Was using Sora time-consuming in this case?
It worked for me with just one prompt, but you need to get rid of the watermark issues even on the business plan.
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
The Nation AI card on the hero is a nice touch. It shows the platform working before the visitor reads a single word. The Real people. Real products. Real income. strip gives the AI pitch a human anchor.
AI video is not about pressing generate.
It’s about controlling the direction before anything moves.
This short beauty concept was built from:
• one veeeeeeeery detailed prompt
• 8 reference frames
• basic editing and polish in Photoshop and After Effects
The interesting part for me is not that AI can make a video.
It’s that you can start directing it with a clear visual system:
• same color language,
• same model mood,
• same product world,
• same campaign feeling across stills and motion.
That’s where AI gets useful for brands.
Not as a random generator, but as a way to prototype campaign ideas faster, test visual directions earlier and turn static concepts into motion without a full production setup.
Tools:
• Magnific (Nano Banana 2 + Seedance 2.0)
• Adobe (Photoshop + After Effect)
Full case study here: https://designmorphic.com/impossible-species
#AICreative #CreativeDirection #ProductMarketing
Greattt✨
Interactive Themed Developer Portfolio & Web Showcase | React, Framer Motion & Tailwind CSS
Key Features & Highlights:
Custom Vector Artwork & Layered Visuals:
Implemented an intricate, responsive fixed SVG backdrop showcasing a night cricket oval under floodlights, illuminated mountain peaks, starry sky, and subtle ambient glows.
Preserved full content readability and contrast using layered dark vignettes and custom opacity masks.
Fluid Framer Motion Animations:
Designed staggered entry transitions, conic orbit rings, continuous pulse indicators, and interactive micro-animations.
Added smooth hover states, reactive button effects, and dynamic drawer transitions.
Modern Glassmorphism UI:
Applied frosted glass design patterns (backdrop-blur, semi-transparent RGBA palettes, and soft glowing border outlines) across all cards, timelines, forms, and navigation elements to allow the themed backdrop to show through elegantly.
Clean Architecture & Iconography:
Streamlined visual consistency by adopting modern vector icon sets via react-icons across navigation, badges, timeline bullets, and interactive controls.
Purged unnecessary toggles and redundant state to enforce a refined, distraction-free aesthetic.
Full-Stack Form Integration:
Configured asynchronous contact messaging using EmailJS with client-side validation, error handling, status banners, and loading indicators.
Optimized & Responsive:
100% mobile, tablet, and desktop responsive layout with a custom slide-out navigation drawer.
Built using Vite for optimized bundle sizes, fast hot module replacement (HMR), and clean production builds.
Tech Stack:
Frontend: React 18, React Router, JavaScript (ES6+)
Styling & Design: Tailwind CSS, PostCSS, Custom CSS Variables, Glassmorphism
Animation & Interactivity: Framer Motion
Icons & Assets: React Icons (react-icons), Custom Vector SVG
Third-Party Services: EmailJS
Build Tooling: Vite
Impressive attention to detail. The themed visuals and smooth animations give the portfolio a distinctive identity.