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
Cooking up something a little different today. 🤫
Whenever I start a new design, I prefer to let pure creativity lead the way before locking anything into rigid systems. Today, that process sparked an entirely unexpected interactive concept.
I’m keeping the actual idea strictly under wraps for now, but I’m having a lot of fun pushing the visual boundaries with this one.
Here is a tiny sneak peek from the canvas – just to set the mood #squarespacechallenge
Sketching undo and redo icons right onto a physical canvas is such a fun tease, love that you're letting it breathe before forcing it into a system. Is the squarespacechallenge deadline nudging you to lock the concept soon, or do you usually let ideas simmer longer before committing?
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
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
Related posts
Here is entry for contra x Squarespace challenge.
I made a website called "Vellera" I was genuinely surprised by how smooth and intuitive it was to build a website with Squarespace. I expected to need custom code, but the platform made it easy to create a professional and interactive website using its built-in features.
My community loved the overall experience, especially the clean design and smooth navigation.
For this project, I used Block Animations and Block Transform to create engaging scroll effects, dynamic layouts, and interactive elements. These tools helped bring the design to life while keeping everything completely no-code.
Website: strawberry-viola-x7ax.squarespace.com
Password: salon
Social post:
X: https://x.com/aymducking/status/2080532112940188149?s=20
Tiktok: https://www.tiktok.com/@aymducking_/video/7665823753703525655
Youtube: https://www.youtube.com/watch?v=jlOCnKG05ZE
(need to repost, there were no social link submission)
For this design, I brought the Studio Kalili website to life using Squarespace's Finish Layer by layering in subtle animation across the page to turn a static layout into something that feels considered and dynamic without overwhelming the content.
The most intentional use of Finish Layer is the two-image interaction illustrating the core idea behind the studio's work: closing the gap. One image enters from the left, the other from the right, moving quickly at first and then easing as they meet in the center — fast enough to catch attention, slow enough to let the reader stay with the copy.
From there, hover states on buttons, text, and large images, plus scroll-triggered entrances, guide the eye down the page and give every interactive element a small, deliberate moment of response.
Squarespace's Finish Layer was used to add polished interactions across the website, creating a more dynamic browsing experience. Each interaction supports the overall experience while preserving the calm, editorial character of the Studio Kalili brand.
Hi Lillian!
I just commented on your Studio Kalili post. That work is incredible.
I'm Laxmiprasana and I'm new to Contra. I do web design, Kajabi, graphic design and video editing. I'm trying to get my first few clients here.
I really admire how you present your work and land...
The Design Oracle is Live ✨ | Squarespace Make It Real Challenge
Ever wondered if that "final_FINAL_v4" file is actually the last one? Or if the client will ask to make the logo just a little bit bigger? Let the cards decide. 🔮
I’m thrilled to unveil The Design Oracle (or Design Arcana)—an interactive, mystical tarot experience created specifically for freelancers and designers to reveal the fate of their current projects.
This is my official submission for the Squarespace Make It Real Challenge. My goal was to completely break away from standard grid layouts and see how far I could push the creative boundaries using the new Finish Layer tools.
Here is how the magic works behind the scenes (without a single line of custom code):
Z-Axis & Overlapping: Used Fluid Engine to scatter the cards and floating stickers across the canvas, creating depth and a true "spread" feel.
Hover Reveals: Leveraged native image swap effects so users can organically "draw" a card just by exploring the screen.
Mobile Overrides: Rebuilt the entire chaotic desktop spread into a sleek, functional vertical stack for perfect mobile UX.
After over a decade in UI/UX and brand design, I still believe the best projects start with pure creativity before locking into rigid systems. This was incredibly fun to build.
Will you pull "The Golden Client" or "The Wheel of Feedback"?
Take a deep breath, align your pixels, and draw your card here:
https://round-herring-m73p.squarespace.
Password: contrathebest
I'd love to hear which destiny you got in the comments! 👇
Awesome work🔥👏👏