Solenne: a launch page with an animated hero, built in Framer (concept)
A launch page for Solenne, a fictional agent that handles inbox and ops work. It goes with the Solenne 30-second launch film and carries over its one idea: the agent is a single line of amber light.
The hero is a code component, not a video. The light reads four faint lines of text, signs the wordmark, rises to draw a horizon, and the sun comes up. It plays once when the hero scrolls into view, and there's a replay button. With reduced motion turned on, the page opens on the finished frame and only plays the intro if you press replay.
Below the hero: the film, a How it works section with three short loops (Reads, Works, Asks), a few concept figures from the film's sample morning, and an offer section. Built in Framer, with desktop, tablet and phone layouts.
Live page: https://solenne-concept-leoreed.framer.website
Concept project. Fictional brand, not a real product.
1
385
New project: website & e-commerce for Two Roots Coffee, a US specialty coffee brand with Brazilian and Colombian roots.
A headless Shopify storefront in React, designed and built with Claude Code. Illustrated bags, arches where each bag stands over a film of its origin, a circular page transition and a scroll-driven product page.
Design & development: Canto Design
1
3
78
