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
Zeyna — A WordPress Theme for Creative People
A multi-purpose creative WordPress theme we designed and built for ThemeForest.
Most WordPress themes that look this animated are one-off custom builds. The challenge here was packaging that level of motion into a product a non-developer can actually operate — every effect controllable from Elementor, every demo importable in one click, and none of it breaking when the buyer swaps the content for their own.
What I Built;
AJAX page transitions and smooth scrolling — the site never fully reloads
WebGL grid and carousel layouts
Spline 3D scene renderer
Lottie, text, masked-image, and SVG-draw animations
Interactive cursor and fullscreen navigation
Parallax and scroll-driven motion effects
Built for real projects 35+ demos spanning creative agency, startup, digital agency (light and dark), corporate, lawyer, construction, and electronics/e-commerce. Full RTL support with WPML language and currency switching, WooCommerce with product swatches and a configurator, Contact Form 7 with reCAPTCHA, and Slider Revolution 6 included.
Optimized for Elementor and Elementor Pro, compatible with WordPress 6.0–6.8 and WooCommerce 7–9, fully responsive and retina-ready.
858 sales · 4.83★ (23 reviews)
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
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...
RETURN TO WHAT WORKS.
The concept: TALLO is a premium ritual skincare brand inspired by the ancestral use of beef tallow. My goal was to give this timeless ingredient a fresh, modern identity by pairing premium Wagyu tallow with botanicals like honey, lavender, and vanilla, while reimagining the products through a refined chrome packaging system.
Rather than designing just a website, I wanted to create a complete brand experience that felt authentic and launch-ready. From the visual identity and packaging to the ecommerce experience and storytelling, every detail was designed to position TALLO as a modern take on traditional skincare.
Built with Squarespace + Finish Layer: I used Block Transforms, Loop on Scroll, Float, Stacks, Font Uploads, and Block Animations to create dynamic layouts, subtle motion, and an editorial shopping experience that brings the brand to life.
Password: 4321
Tools: Squarespace · Finish Layer · Figma · loveart
Goated biomechanic luxury chrome style!
Over the past couple of days, I designed and built Studio Étoile, a fictional Paris-based architecture and interior design studio that reimagines Parisian heritage through a contemporary lens.
The goal wasn't to create the flashiest website, but to craft an experience that felt premium, refined, and timeless.
Every decision - from the typography and copy to the textures and imagery - was made to support that vision.
It was my first time using Squarespace, and I built this project using -
- Fluid Engine
- New Finish Layer (Block animations, Transforms, Stacks and Custom Fonts)
- Custom code
Check it out - https://point-magnolia-2jdd.squarespace.com/
Password - studio
Squarespace DevelopmentWeb DesignEnvatoFigmaSquarespacesquarespacechallengeSquarespace Website Design
This feels incredibly refined, especially for a first Squarespace build. I really like that you prioritized restraint, atmosphere, and consistency over adding motion everywhere. The typography, textures, and Parisian architectural direction feel very intentional. Beautiful work, Ashwini! Good luck