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
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.
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
Meet NEXUS STUDIO — a futuristic digital experience and AI design agency website built on Squarespace for the Make It Real Challenge! 🚀
I have customized this site to showcase next-generation design capabilities:
CORE RESEARCH & DEVELOPMENTS: Neural networks & automated design pipelines.
AI-DRIVEN CREATIVE DIRECTION: High-impact brand transformations.
FUTURE-PROOF CONSULTING: Enterprise-grade scalable web experiences.
🔗 Live Website Link: https://helicon-ranunculus-xkfy.squarespace.com
🔑 Visitor Password: Nexusstudio
Would love to hear your feedback!
#squarespacechallenge
I love it! Goated
🔗 Website: https://hen-pike-lywm.squarespace.com
🔐 Password: NestReset2026
linkedin post link : https://www.linkedin.com/posts/christa-maria-el-hage-34901127b_squarespace-makeitreal-finishlayer-ugcPost-7483863546959884288-sOlg/?utm_source=share&utm_medium=member_ios&rcm=ACoAAEQqyakBs9q6sTNWuVY-vt7pjEQqhDaCeUk
NestReset is a modern home organization platform that helps homeowners create cleaner, more organized living spaces. The website allows users to explore organization services, book appointments online, and discover practical solutions for every area of the home, from kitchens and closets to garages and entire home resets. Designed with a clean, intuitive interface, NestReset focuses on making home organization simple, accessible, and stress-free.
I used Squarespace's Finish Layer tools to customize the website's layout, refine typography and spacing, improve visual hierarchy, and create a polished, responsive design. I also enhanced the user experience with custom sections, interactive service cards, smooth transitions, and a consistent design system across all pages.
Key Design Decisions:
Clean and intuitive navigation for easy browsing.
Service-based layout with integrated online booking.
Modern homepage showcasing featured organization services.
Consistent typography and spacing for readability.
Before-and-after gallery to demonstrate service results.
Responsive design optimized for desktop and mobile devices.
• 4h
Nice
XPlace — Crypto-Backed Visa Card Website design
Designed the interface for XPlace — a platform that lets users borrow against their crypto holdings and spend through a Visa card, without selling assets or triggering taxable events.
The challenge:
Create a product that feels both trustworthy and premium — avoiding the typical "startup" look, and steering clear of the neon/gradient clichés so common in crypto design.
The solution:
A dark, cinematic mood built around a monochrome landscape backdrop, bold expressive typography, and a metallic Visa Platinum card as the central visual anchor. Minimal elements, maximum focus on one action: get the card.
What's in the interface:
— Full-bleed hero section with an atmospheric background
— Large-scale headline that communicates value in seconds
— 3D card render as a trust-building element
— Transparent glass-effect header
Built in Framer — this isn't just the landing page, there are several more screens and flows I'll share case study separately 👀
That design, scroll transitions and color palette is very well designed with a great presentation. I like how you blend different type of scroll animations in different sections. Fits my dark sci fi aesthetic, good work!
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
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?