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
Building smooth room to room transitions and dynamic color updates virtual touring website with Next.js, TypeScript, and powered entirely by Replit infrastructure and PostgreSQL. What do you guys think of the transition flow?
room to room transitions are tricky, how are you handling the loading between them
Thanks Benjamin! It definitely was tricky under the hood.
For HueEstate, I’m using Pannellum with custom hotspots and its multi scene feature. When a user clicks a hotspot, I’ve custom coded the event listener to dynamically switch the active scene state to the target room image...
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
Remotlin v1 website redesign is coming soon.
Join the waitlist and find your next remote job.
Smart to open a waitlist before the redesign ships, Alex. Curious whether the job search itself will sit right in the hero for v1.
A fresh e-commerce redesign focused on making the product experience cleaner, clearer, and easier to shop.
Really happy with how this one came together 🫧
What do you think about this visual direction? Would love to hear your thoughts!
The cleaner product layout really lets the items breathe, Ella. The soft visual direction fits a shop that wants to feel calm and easy to browse.
45 colours, 5 ramps, 2 typefaces, 0 bold weights 🎨
That's the whole of Penwave's design system. Every colour is read from the app's Tailwind config, and each ramp has one job: cream for the page, beige for badges, tea green for avatars, celadon for every border, muted teal for all the text.
Instrument Serif sets the headings and the post body. Inter runs the interface, 300 to 600.
In the clip the palette builds a story card, colour by colour.
Do you give every colour in your system a job, or keep a few spare? 👇
To your question: one job per colour, with a single spare accent kept for promos. Cream for the page and celadon for borders is easy to hand over to a team. Why zero bold weights?