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
NOIR EDEN is a fictional niche perfume brand built entirely
on Squarespace. The concept explores high-contrast editorial
design black, off-white to evoke the tension between darkness and desire. The site includes a Homepage,
Collections page featuring three signature scents (Obsidian
Rose, Velvet Noir, Eden Ashes), and a brand-focused inner
page experience designed to feel like a luxury editorial
publication rather than a typical e-commerce store.
https://star-rose-4l5a.squarespace.com/
password : Abc@1234
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 AETHER — Where Time Becomes Art. ⌚✨
For the #SquarespaceChallenge, I created a luxury watch brand from the ground up, bringing an idea to life with Squarespace's powerful design tools.
Every detail was designed to reflect precision, craftsmanship, and timeless elegance—from immersive product showcases and refined typography to smooth interactions powered by Finish Layer, including Block Animations, Transforms, Stacks, and custom typography.
The goal was simple: create a premium digital experience that feels as sophisticated as the watches themselves.
Built entirely with Squarespace.
#SquarespaceChallenge @Squarespace #WebDesign #LuxuryBrand #UXDesign #UIDesign #ProductDesign #CreativeDevelopment #FinishLayer
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
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?