\r\n\r\n## Hero section\r\n- big change: hero section is becoming one big banner, with the name, social buttons and profile picture on top. \r\n- there should be also option to upload this banner, issue already created, I will try to add designs as soon as possible.\r\n- #4983 \r\n\r\n- banner on desktop has 1440*560, it would be also recommended size for the customization - its also used on collection cards. It has quite close aspect ration\r\n- over banner is applied black gradient with lowered opacity, see figma\r\n\r\n\r\n\r\n\r\n## Hero Buttons: \r\n- first section are buttons of the collection, mainly socials and website.\r\n- Then there is share button and more options - they are divided to make clear that they are not associated with the specific collection \r\n - Share button is pretty clear, more options button is in case visitor - report button, and in case of owner its going to be a customize and other functionalities we already offer. \r\n\r\n\r\n\r\n## Under banner section\r\n- Creator - blue link with address/identity\r\nunder which is collection description\r\n\r\n\r\nright are stats, 2 columns, 3 rows\r\n- see figma for exact margin and padding\r\n\r\n\r\n## Collection Menubar - Controls\r\n\r\n\r\n- looks really similar compared to explore, only difference here is the collection offer, which we haven´t implemented yet, but there is made place for the future :D \r\n- Items and Activity switcher - with checkmark as on explore, activity tab tbd\r\n- section on mobile looks like this:\r\n\r\n\r\n## Burger menu/sidebar\r\n- really similar to the explore page one. \r\n- sticky to the top\r\n- There are trait selectors \r\n - the button itself is showing how many options are in the dropdown\r\n - basic check and then number of items having this trait\r\n\r\n\r\n## Breadcrumbs\r\n\r\n- buy now is by default\r\n- then showing how many items are there\r\n- option to clear all\r\n- margin is 24px top and 24px bottom (from the text)\r\n\r\n## Items\r\n- applied dynamic grid\r\n- #4444 \r\n- otherwise basic cards used on explore or landing page \r\n\r\n- we can maybe customize them later but I think we can keep the collection name in there. \r\n\r\n## Mobile \r\n\r\n\r\n- hero items still in the banner container\r\n- socials are collapsed to max 3 icons\r\n- under banner is description and stats\r\n- collapsed control section - almost like on explore\r\n- smaller cards - same as on explore\r\n- burger menu will work like this\r\n\r\n\r\n## Dark mode\r\n- Using same system for dark mode like on other pages, that means that borders are usually changing from black to white and the dropshadow as well, if something is not clear feel free to ping.\r\n\r\n## Others\r\n- whole page works like infinity scroll\r\n- burger menu is sticky to the top\r\n- no footer\r\n\r\nQ&A\r\n---\r\nIf you have any questions, please let me know. \r\nI appreciate feedback and pointing up items I may need to look into.\r\nThanks! \r\n",[3195,3196,3197],{"name":3172,"color":3153},{"name":3186,"color":3175},{"name":3198,"color":3199},"redesign","227120",5000,"Collection Redesign","2025-08-26T11:27:27Z","https://github.com/kodadot/nft-gallery/issues/5000",0.7392411,{"description":3206,"labels":3207,"number":3210,"owner":3155,"repository":3156,"state":3157,"title":3211,"updated_at":3212,"url":3213,"score":3214},"Maybe it would be nice to redesign hovercard to neobrutalism as well.\r\n\r\nProbably we can add it to landing page.\r\n\r\nCurrently would be interesting add to showing art under address created or collected. \r\n\r\n\r\n\r\n\u003Cimg width=\"373\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5887929/196003090-a800c15a-7fc9-42e7-a5eb-3cf8bdc76d8a.png\">\r\n\r\n\u003Cimg width=\"378\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5887929/196003063-9546aa9b-ed9c-4089-8078-7c5b690d2f2f.png\">\r\n\r\n\r\n## Ref\r\n- https://hic.af/",[3208,3209],{"name":3152,"color":3153},{"name":3198,"color":3199},4117,"New hover card ","2022-11-16T13:03:20Z","https://github.com/kodadot/nft-gallery/issues/4117",0.7414061,{"description":3216,"labels":3217,"number":3223,"owner":3155,"repository":3156,"state":3157,"title":3224,"updated_at":3225,"url":3226,"score":3227},"### What happened?\r\n[Design](https://www.figma.com/file/gHSzqGPeQ9qK4L0qIDcTjY/gallery-item-handoff?t=gvuA1jNzdBFeEbPh-0): \r\n# Buttons and states in right section\r\n\r\n- profile photo should have stroke and drop shadow\r\n\r\n\r\ndivider color to #999999 (k-grey) please, this one looks too light\r\n\r\n\r\n\r\n\r\n- use either $ or USD, not both\r\n\r\naction buttons:\r\n\r\n- both have hover effect to white, not k-accentlight\r\n\r\n\r\nactive state of options and share buttons: \r\n\r\nthis is the state when you click on the button: \r\n\r\n\r\nhover stay the same, but when the dropdown occurs, the button still has active state.\r\n\r\n\r\n### Please reproduce in steps\r\n\r\n.\r\n\r\n### Expected Behavior\r\n\r\n.\r\n\r\n### What browsers are you seeing the problem on?\r\n\r\n_No response_\r\n\r\n### At which address did you encounter bug?\r\n\r\n_No response_\r\n\r\n### Are you logged in?\r\n\r\nNone\r\n\r\n### Which wallet you are using?\r\n\r\n_No response_\r\n\r\n### At which chain did you encounter bug?\r\n\r\n_No response_\r\n\r\n### Screenshots\r\n\r\n.\r\n\r\n### Relevant log output\r\n\r\n_No response_\r\n\r\n### Payment link for reward\r\n\r\nhttps://kodadot.xyz/transfer/?target=%3CMy_Kusama_Address_check_https://github.com/kodadot/nft-gallery/blob/main/CONTRIBUTING.md#creating-your-ksm-address%3E\r\n\r\n### Code of Conduct\r\n\r\n- [X] I agree to follow this project's Code of Conduct",[3218,3219,3220,3222],{"name":3169,"color":3170},{"name":3172,"color":3153},{"name":3221,"color":3175},"A-item",{"name":3198,"color":3199},4581,"Gallery Redesign: Buttons and states in right section ","2023-01-04T16:01:12Z","https://github.com/kodadot/nft-gallery/issues/4581",0.7444538,{"description":3229,"labels":3230,"number":3237,"owner":3155,"repository":3156,"state":3157,"title":3238,"updated_at":3239,"url":3240,"score":3241},"\u003Cimg width=\"480\" alt=\"image\" src=\"https://github.com/user-attachments/assets/0ccdce67-f840-4244-b84d-16370f2b6a4c\">\r\n\u003Cimg width=\"347\" alt=\"image\" src=\"https://github.com/user-attachments/assets/16ddf9b8-0ecc-4861-a2b3-77a3e39fe201\">\r\n\r\n\r\n\r\n\r\n",[3231,3232,3234],{"name":3152,"color":3153},{"name":3233,"color":3175},"A-wallet",{"name":3235,"color":3236},"visual change","6CDDCE",10651,"icon gone - connect wallet sidebar ","2024-08-04T11:58:07Z","https://github.com/kodadot/nft-gallery/issues/10651",0.74528617,{"description":3243,"labels":3244,"number":3250,"owner":3155,"repository":3156,"state":3157,"title":3251,"updated_at":3252,"url":3253,"score":3254},"Probably add shadow for banner and for buttons to feel like having depth?\r\n\r\n\r\n",[3245,3246,3247],{"name":3169,"color":3170},{"name":3172,"color":3153},{"name":3248,"color":3249},"v2.2","6AC658",1942,"Cookie banner seeking shadow","2022-01-22T12:30:20Z","https://github.com/kodadot/nft-gallery/issues/1942",0.74858654,{"description":3256,"labels":3257,"number":3262,"owner":3155,"repository":3156,"state":3157,"title":3263,"updated_at":3264,"url":3265,"score":3266},"### What happened?\r\n\r\nA bug happened! Maybe it could be cache related\r\n\r\n### Please reproduce in steps\r\n\r\nTested on `/rmrk/gallery/11105476-7cf9daa38281a57331-BSS-LB_SPACESHIP_363-0000000000000363`\r\n\r\n### Expected Behavior\r\n\r\nI've expected to see good data infos (in navbar too)\r\n\r\n### What browsers are you seeing the problem on?\r\n\r\nFirefox\r\n\r\n### Screenshots\r\n\r\n#### beta.kodadot.xyz\r\n\r\n\r\n\r\n#### kodadot.xyz\r\n\r\n\r\n\r\n#### preview 2709\r\n\r\n\r\n\r\n### Code of Conduct\r\n\r\n- [X] I agree to follow this project's Code of Conduct",[3258,3259],{"name":3166,"color":3167},{"name":3260,"color":3261},"🧙♀️ - bug-hunt","DC2653",2710,"Bug on 3D assets","2022-03-30T11:58:10Z","https://github.com/kodadot/nft-gallery/issues/2710",0.7492125,{"description":3268,"labels":3269,"number":3272,"owner":3155,"repository":3156,"state":3157,"title":3273,"updated_at":3274,"url":3275,"score":3276},"Tested on:\r\n`/rmrk/gallery/11275828-800f8a914281765a7d-KITTY-KITTY_PARADISE_262-0000000000000262?redesign=true`\r\n\r\nWorks well in #4355 (https://deploy-preview-4355--koda-nuxt.netlify.app/rmrk/gallery/11275828-800f8a914281765a7d-KITTY-KITTY_PARADISE_262-0000000000000262?redesign=true) but not on beta",[3270,3271],{"name":3166,"color":3167},{"name":3152,"color":3153},4482,"GalleryItem price chart data","2022-12-16T13:46:38Z","https://github.com/kodadot/nft-gallery/issues/4482",0.7496097,["Reactive",3278],{},["Set"],["ShallowReactive",3281],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fgxHch7RDz_508QLOdPNhLjY53Rw6OE-55i5rbPw76DI":-1},"/kodadot/nft-gallery/10212"]