For this design, I brought the Studio Kalili website to life using Squarespace's Finish Layer by ...For this design, I brought the Studio Kalili website to life using Squarespace's Finish Layer by ...
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
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.
Welcome to Contra! I'm happy to share my top tips.
Focus on building a strong and polished portfolio that showcases the type of projects that you'd like to work on with clients. Be sure to share your design process too.
The two images entering from opposite sides and easing together as a metaphor for closing the gap is a smart way to make the animation actually mean something instead of just looking nice.
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 🚀
This is wild to me!
I have worked so hard to build this profile and it just goes to show that you really do get out what you put in. Work has really picked up since I worked on my discovery score and the right clients seem to be finding their way to me. Couldn't be happier.
Congrats on Top 1% — that's huge! 193 is wild. If you don't mind sharing, what moved the needle most for your discovery score? Was it profile completion, case studies, or just consistent posting? Trying to build mine from scratch right now.