Violet Habit Builder - Hero Landing Redesign (Quick tutorial)

Worked on building this in react: https://violet-landing.vercel.app/

A hero landing page design for Violet, a habit-building app. The page features bold typography with

I defined steps to recreate this hero section design in 6 steps

Getting the background image

Link to image: https://unsplash.com/photos/a-close-up-of-a-light-9xCvw544PWQ. Milad Fakurian's page: https://unsplash.com/@fakurian

Toni Adegbenro
Product design, sometimes generalist improving experiences.
Get in touch

More by Toni Adegbenro

View profile