Emanuele
@emps
Creating the new @mbd website was a challenge. Every component had to be light/dark mode responsive. Here's how I nailed the design...
4 replies
4 recasts
8 reactions
Emanuele
@emps
It all began in Figma with the design system. I created color tokens and variables for both light and dark modes.
1 reply
0 recast
1 reaction
Emanuele
@emps
After the initial draft of the homepage and essential components began to take shape, I transferred both the Design System and Designs to Framer. (Yes, I should have started directly with Framer, but development wasn't part of the initial scope.)
1 reply
0 recast
1 reaction
Emanuele
@emps
The home page was ready, but the client needed graphics to explain the product better. I experimented with framer animations, ensuring every div and element used the design system for full mode responsiveness.
1 reply
0 recast
1 reaction
Emanuele
@emps
After delivering the first animation, I found a Safari bug. So, I redid it using fewer divs. This solved the issue.
1 reply
0 recast
1 reaction
