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
Built an Awwwards-inspired cinematic landing page for Focal — an intelligent desk companion designed for deep focus. 🌌⚡
Key details:
• Full-page seamless video background with adaptive contrast
• Dynamic scroll-spy pill navigation with glowing amber active states
• Interactive focus modes & distraction filter toggles
• High-performance glassmorphism with zero lag
Stack: React 18 · TypeScript · Tailwind CSS · Vite
Live Demo: https://focal-ai-landing-page.vercel.app
Open for creative frontend & interactive web collaborations! Feedback welcome. 👇
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
FOCUS — Creative Portfolio & Digital Art Website 🌸✨
A visually expressive website concept for a creative portfolio, built around digital art, bold imagery, and visual storytelling
The design combines vibrant pink tones, soft gradients, experimental typography, and immersive photography to create a distinctive editorial experience
Special attention was given to:
• Bold editorial hero composition
• Vibrant pink and dark color palette
• Experimental typography and visual details
• Immersive photography and digital artwork
• Creative project gallery and navigation
• Responsive mobile experience
• Clean layouts with a strong visual identity
The result is an expressive digital experience that puts creativity, emotion, and visual storytelling at the center of every screen 💗
Looking to create a standout portfolio or website for a creative brand? Let’s connect 🚀
An interaction study for Mare’s collection feed, exploring how to make groups legible within a dense, mixed-format archive.
The layout preserves image proportions and integrates collection labels into the packing system. On hover, image-derived gradients establish the collection boundary, while subtle displacement creates space around the active group without changing its position or scale.
The motion studies isolate assembly, packing, colour and proximity, using real collection content to examine timing, spatial continuity and hover behaviour.
My portfolio, reimagined in Framer
The goal was simple: bring everything together in one place, from client projects and case studies to Framer templates and project videos, while keeping the experience clean and easy to navigate.
The entire portfolio fits within a strict 100vh viewport, so you can explore everything without scrolling.
Would love to hear your thoughts and feedback!
Portfolio link in the comments.
