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
I designed and developed this landing page for Stereo Fest: Eclipse, the upcoming youth event for @caminodevida.
The visual concept comes from a simple truth: the moon has no light of its own, it only reflects the light of the sun.
In the same way, we weren’t made to generate our own light, but to reflect Jesus.
The cool part: as you scroll, you control the movement of the moon. Right at the core phrase, the eclipse happens, showing that in the darkness, the Glory of God is revealed.
Check it out here: stereofest.com
Ooh, this is so good!
Thanks!!
Thank you!
exactly! also, we didn't want to use the typical yellow for the sun; instead, we used electric violet and coral red to maintain the color palette being used throughout the event, and it worked very well.
controlling the moon with the scroll is such a smart way to tell the story. having the eclipse land right on the main line is a great touch
That's really special it feels like space war game landing page great job Misael🔥🔥🔥
hey man! thank you so much! I really appreciate your feedback
Pardon Misael❤️
Beautiful concept! If only making a balance sheet reflect reality was this cinematic 😂
Tying the eclipse to the exact scroll position of the core phrase is the move — the interaction is the message here, not decoration on top of it. Most event pages animate for vibes and it means nothing. Curious how you drove the moon: scroll progress inside Framer, or custom...
Exactly! You nailed it.
The interaction is a coded component and it worked great on mobile. The link is right above, check it out! ;)
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
EchoMind is live on the Framer Marketplace.
It’s a calm, editorial shop template for brands that make physical things: hardware, objects, small product lines. I designed the brand, generated the product photography and built every page in Framer.
What’s inside:
20 pages, each designed for desktop, tablet and phone
CMS-driven shop with working price sort
Product pages with gallery, specs and FAQs
A build-your-own configurator with live pricing
A bag with quantities and discount codes
Journal with hover image previews
Launch, studio, support and gift card pages
The product itself is fictional: a modular mixing desk where one core listens to your mix and suggests one fix at a time. I wanted the template to feel like a real brand from day one, so it’s been built and photographed like one.
Get the template: https://www.framer.com/marketplace/templates/echomind/
Congrats on the launch, Jonathan. Designing the brand, the photography and every page yourself gives it a clear voice. What was the hardest part of building a shop template in Framer?
great work