Sonne

About this template

Sonne is a warm, editorial website template for solar brands, installers and energy startups. It turns a technical product into an inviting story that people can picture in their own home.

Instead of spec sheets, the site walks visitors through a single day on a sunny balcony: morning, midday and evening, all driven by a smooth scroll animation. Every product gets its own CMS detail page with key facts, a delivery list, editorial images and links to the other sets. Interactive hotspots explain the product, and location tabs show how it fits a balcony, a terrace or a garden.

The page ends with a guided sunny spot check. Visitors choose their location, answer a few questions and send their request together with their contact details through a native Framer form. They can also download a summary of their answers.

Highlights

Scroll driven day cycle with three lighting moods and time buttons

Four step request form with a real Framer form submission and a downloadable summary

CMS product collection with a shared detail page template

Interactive hotspots and location tabs, fully editable through component properties

Subtle parallax, reveal animations and a hero image unveil

Hover details on buttons, navigation links, cards and text links

Desktop, tablet and phone breakpoints with a mobile menu

Global color and text styles, reduced motion support

Good to know: set the recipient e-mail in the settings of the contact form on the Home page. Product data, prices and images are placeholders for a fictional brand, so replace them with your own verified information.