Design

updated in Figma, page profile v3 : https://www.figma.com/file/JXNtryaNYhY0XJNArzvPQx/Handoff?type=design&node-id=2116-13786&mode=design&t=3ECZpbp3kGl9oWOO-11
main difference is the top part, bottom one (nft previews) stays the same
extended with profile picture, banner, follow function, bio, different stats
Introduced 14px font size—finally, the time came to use this size—sometimes 16px is just too big, and 12px is just too small.
look for font sizes - for example in the stats section, different sizes than we are used to are used

letsgo

Banner and profile picture

there is banner of size 1440x360 - i guess 360px will be the maximum height
on top of the banner, there is 144x144px big profile picture (padding is 10px - the actually img is only 124px big)

the rest is underneath

lets start with artist name - this will be the offchain name, if the offchain name is not set, it will show the address

under are buttons

follow - states of the follow button are in the component section
wallet and links - new one, it consists of wallet address and links the user predefined
- copy button, transfer (redirect to our transfer page with prefilled address, subscan, subID)
share button

limited to 200 characters (in the edit profile modal - issue will be linked in the tracking issue)
14px font size

this will show people that follow the account, and you follow them - same as Twitter, Instagram, etc.

then divider and the rest stays the same, now for different states

visitor will see follow button and the things you defined in the profile creation this is how empty profile looks like (user did not created the offchain profile yet)
placeholder banner, placeholder profile picture, no bio