Note on UI,
Lets say you have text1 and text2 as column, but they are seperate things, you need to separate them. While you are separating them don’t do double separation. For example text1 on top text2 on bottom with top 12 margin is a seperation. Making text1 another color is a seperation or bold is a seperation.
In example
You said
“End-of-day reflection for people who want to see their better version” it is 120 px seperated from below text, yet you bordered it anyway, don’t do that, dont do double seperation.
Stop boxing things and don’t use that much shadow, your UI is so noisy. And when it comes to gradient, gradient is a garbage only use it to show force.
On seperation, don’t take it as a discrete thing, think of it like a continuous thing like I if you bold text1, you put 4px gap between text1 and text2, but if you don’t make text1 bold then you gap 12px.