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
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!
great work!
Brilliant use of the finish layers. One of the best squarespace sites I’ve come across. 👏🏼👏🏼
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
I built this wellness coach Services website using Squarespace. From idea to launch - super smooth and easy!
I had a idea about Wellness coach,
so i brought my idea to life with Squarespace for the Make It Real Challenge. i built and designed a professional website called “Bloom & Balance”,. a wellness coach website for people that wants to Feel Better and Live Brighter.
Social post : https://x.com/Dragoncutho/status/2079118918049042540
website link : https://sealion-violet-p9ch.squarespace.com/
Password : demo
I did things like; modifying SEO for internet search, choosed my unique website font, colors and button style. i use a particular website animations i like, animation on scroll even in images and buttons were animated.
please share your thoughts
i had a idea about Travel and Destinations, so i brought my idea to life with Squarespace for the Make It Real Challenge.
i built and designed a professional website called "Travey",. a travel and destination website for people that wants to travel, explore and discover the world.
website link - https://sunfish-avocado-by4y.squarespace.com/
website password - 0102
(check it out)
i did things like; modifying SEO for internet search, choosed my unique website font, colors and button style.
i use a particular website animations i like, even in images and buttons were animated.
The Future in Black was built for Joy Fennell to hold a story that needed more than a standard portfolio site. Our goal from the start was to make the site feel archival and alive at once, part digital exhibit, part living brand presence, so every design decision was made to support that feeling rather than just present information.
We started with structure: how should a visitor move through this content, and what pace should that movement have? That question shaped our use of Finish Layer's block animations. Text reveals on scroll, so the story unfolds in beats instead of arriving all at once, closer to reading a book than scrolling a website. Images use hover interactions to invite a second look without pulling focus from the words around them.
From there we layered in movement. Shapes transform and shift position as the visitor scrolls, adding depth and a sense of motion that a static layout couldn't carry. This was the piece that took the most iteration, getting the timing and scale of these transforms to feel intentional rather than gimmicky meant testing several versions before landing on the current pacing.
Typography carried a lot of the brand's identity, so we uploaded Million and Inter Tight rather than relying on Squarespace's native font library. Million gives the site its editorial voice in headlines, and Inter Tight keeps body copy clean and legible against it.
The result is a site built on Squarespace's foundation, using Finish Layer's native tools alongside custom CSS and JS, pushed toward something that reads as custom, editorial, and specific to one person's story rather than a repeatable formula.
FigmasquarespacedesignsquarespacewebsitesSquarespace Website DesignWebsite CSSSquarespacesquarespacechallenge
Hey @Golden Launch this is awesome but it looks like the link you included in the comments isn't working. make sure the link is active in order for your submission to be judged 😃
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?