Family.co Landing Page Replication

A full replication of the Family.co landing page, built for fun.

All animations — including hero illustrations, section transitions, and icon motions — were recreated in Rive, with a focus on smooth interpolation and responsiveness. I also extended the original design by implementing a fully functional dark mode that automatically activates based on the user's system preferences.

This project gave me hands-on experience in bridging motion and UI while maintaining brand consistency across light and dark themes.

Here are some of the animations:

Tools used: Figma, Framer, Rive View the prototype: https://slight-encounter-473554.framer.app/