Built Atelier Real for the #SquarespaceChallenge — a brand studio site that makes ideas real with...

Built Atelier Real for the #SquarespaceChallenge — a brand studio site that makes ideas real with...Built Atelier Real for the #SquarespaceChallenge — a brand studio site that makes ideas real with...

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

Aryan Antal

• 7h

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)

https://www.instagram.com/reel/DbFbYn-JW8F/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==

squarespacechallenge Squarespace Website Design Squarespace

Abdullah Eroğlu

pro

• 3h

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!

Aryan Antal

• 1h

Thanks Abdullah! Really appreciate that 🙏

Yellow was meant as a sharp accent against the black — totally fair call on pushing it more in the hero details. Going to amp that up a bit.

Glad the type and thin lines landed!

Leo Anthonio

• Jul 19

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.

squarespacechallenge websitedesign squarespacedesign Squarespace Website Design Web Design Squarespace

Biyas Iqbal

• Jul 20

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.

@Contra

please share your thoughts

squarespacechallenge Squarespace Website Design Squarespace Development Figma Squarespace

Boluwatife Delight

• Jul 19

Hey Contra Community! 👋

Excited to share my latest Squarespace project, Vera Collective, a unique online space dedicated to fostering meaningful live conversations and genuine human connection. This project was a fantastic opportunity to push the boundaries of Squarespace's design capabilities, especially with the new Finish Layer tools.

The Vision Behind Vera Collective

Vera Collective was born from a desire to create a serene, inviting digital sanctuary where individuals can engage in authentic dialogue and shared understanding. The design needed to reflect this ethos: sophisticated, minimalist, and deeply engaging.

Design Highlights & Finish Layer in Action:

1. Bold, Immersive Aesthetic:

I opted for a striking dark theme with elegant typography to create an immediate sense of depth and focus. This bold choice helps to draw users into the content, emphasizing the intimacy of live conversations.

2. Strategic Use of Block Transforms:

To achieve a dynamic yet refined layout, I extensively utilized Block Transforms. Notice how certain sections, like the prominent "Who This Space Is Not For" area, use subtle transformations to break the grid and add visual interest without compromising readability. This allowed for a more artistic and less conventional presentation of important information.

3. Responsive Stacks for Seamless Experience:

Ensuring a flawless experience across all devices was paramount. I leveraged Stacks to meticulously arrange content blocks, guaranteeing that the site's unique visual hierarchy and interactive elements remain perfectly aligned and accessible, whether viewed on a desktop or a mobile device.

4. Subtle Block Animations for Engagement:

To enhance user engagement and guide their journey through the site, I incorporated Block Animations. These subtle, scroll-triggered effects introduce content gracefully, adding a layer of sophistication and interactivity that keeps the user immersed without being distracting.

5. Custom Typography with Font Uploads:

The brand identity of Vera Collective demanded a distinctive typographic voice. Through Font Uploads, I integrated custom fonts that perfectly complement the site's elegant and thoughtful aesthetic, reinforcing its unique brand personality.

Why Vera Collective Stands Out:

Vera Collective isn't just a website; it's an experience. By combining a bold design vision with the powerful new Finish Layer tools in Squarespace, I was able to craft a platform that is both visually stunning and highly functional, truly embodying its mission of connection and understanding.

I'd love for you to explore Vera Collective yourself and let me know what you think! Your feedback is invaluable.

#squarespacechallenge #webdesign #community #veracollective

squarespacechallenge Web Design Web Development Squarespace