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
showkit.dev (https://showkit.dev) — a social-proof bundle for indie SaaS founders: changelog, roadmap, and testimonials in a single embeddable widget. I designed, built, and launched it solo in 3 weeks (a 10-week plan, shipped early), building in public on X. Full stack: Next.js, Supabase (Postgres + row-level security), Stripe, and Vercel — shipped as a drop-in <script> embed at ~12 KB gzipped, backed by 140+ tests.
0
77
