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
We've always believed weekends deserve better than endless scrolling and the same old plans.
So we built OUTTed : a curated guide to experiences worth stepping out for. From hidden gems to community events, it's designed to help people discover curated experiences, make genuine connections, and have weekends they'll actually look forward to.
We dove deep into Squarespace's new Finish Layer tools as well. We used Block Animations to create subtle, polished reveals, Block Transforms to add depth and rhythm to the layouts, Stacks to keep everything responsive across screen sizes, these features helped us quite a bit to push the design beyond a typical website builder and create something that felt much more bespoke!
Submission link: https://dahlia-soybean-38tf.squarespace.com
Password: 12345678
Really happy with how this one turned out, and excited to submit it to the Squarespace Make It Real Challenge. Looking forward to more such challenges, and signed up as a Circle partner with Squarespace Circle!
I love how everythings so clean. Nice work 💙
wow i love this!
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
Built Atelier Real for the #SquarespaceChallenge — a brand studio site that makes ideas real with Finish Layer (fonts, transforms, animations, stacks). No custom code.
@squarespace
Site: https://onion-guitar-k9n2.squarespace.com (password: 12345678)
I love the black and this color of yelloe with minimalist design and great font choices along with thin lines. My onlu auggestion is to implement the color yellow at details and especially on the hero section a little bit more. Great design!
This is my entry for the Contra x Squarespace Make It Real challenge.
Link to the website:
https://roomsrevolt.com
Brief project description:
After building websites for several boutique hotels over the last few years, it was time for one central hub. A single place for the six boutique hotels in The Hague (Netherlands) that Concierge Company manages.
Gijs Hoff came to me with a concept, illustrated through a couple of example websites, and the trust to bring my own creativity and expertise to it.
For me, it was important that the site felt calm, clear, and stylish, since the focus is on one thing: booking a hotel room that suits the website visitor best. And just as important: the client needs to be able to easily manage the site themselves. That's why I try to keep custom code to a minimum wherever I can.
The first version of the website went live at the end of January this year. More pages were added along the way, and the site has kept evolving since.
The website was built in Squarespace, with a connection to the Mews booking system so website visitors can book their favorite boutique hotel directly.
Explanation of how Finish Layer tools were used:
Block Animations & Transforms
I added hover animations to several buttons, where they scale up slightly on hover. I also applied animations to a number of text blocks: the heading text slowly moves from left to right, while the body text underneath moves from right to left, creating a subtle sense of depth and movement without distracting from the content.
Font Uploads
I chose not to upload a custom font for this project. Instead, I used Helvetica Neue, which is built into Squarespace. Since this is a collective website bringing together hotels that each already have their own distinct branding and fonts, I wanted the overarching site to feel timeless and neutral rather than compete with any individual hotel's identity.
Stacks
I used Stacks throughout the website, for example in the footer, to create fixed spacing between elements like the logo, tagline, and button. This holds up well across different browser and screen sizes, keeping the layout consistent.
Other tools/software used:
- the Universal Filter & Advanced Map Block plugins by Squarewebsites
- the Google Reviews widget by Elfsight
- CSS support from Robo-Will (Will Myers)
Social media post (LinkedIn):
https://bit.ly/roomsrevolt
Squarespace Circle:
Circle Member since 2017
squarespacechallengesquarespaceexpertsquarespacedesignSquarespace Website DesignSquarespace DevelopmentSquarespace
The Gate London City - https://www.thegate-london.com
We designed and built the site in Squarespace to deliver a premium, considered experience from the first scroll, matching the quality of the property itself.
We used the full Finish Layer suite to create a beautiful, smooth bespoke feel.
Block Animations - Cards slide into view as you enter the page, and reveal their copy on hover with a click-through link, creating an interactive, editorial feel.
Block Transforms - Used to build an overlapping card layout, giving the page depth and a dynamic, asymmetrical rhythm.
Stacks - Grouped and aligned blocks to control how the layouts hold together across screen sizes.
Font Uploads - A custom brand font uploaded to carry The Gate's personality throughout.
squarespacedesignsquarespacewebsitesSquarespace Website DesignSquarespace DevelopmentSquarespacesquarespacechallenge
Really good work! That photo gallery section good qualiry hero video blended with great font choices and text placements.. looks and feels insane overall!
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?