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.
MD Rafee 's avatar
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.
Picto's avatar
Picto Design Studio logo
Good one🔥👏👏
Nagaraj's avatar
Snapzoom logo
great one!
Rajesh's avatar
Very polished!
Job's avatar
You've done an amazing job.
SYED 's avatar
Amazing work:
Zaoui's avatar
love the layout
Emmanuel's avatar
Amazing work!
Abox's avatar
This looks clean and well thought out. How long did it take you to bring everything together?
Lillian's avatar
Studio Kalili logo
Thank you! The full design was build out over a few weeks using CSS code in Squarespace.
Prasanna's avatar
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...
Lillian's avatar
Studio Kalili logo
Hi Laxmiprasanna,
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.
Bonus: While working on the projects, you...
Back to feed
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