\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",[3190,3192,3193],{"name":3191,"color":3150},"p2",{"name":3152,"color":3153},{"name":3170,"color":3171},5000,"Collection Redesign","2025-08-26T11:27:27Z","https://github.com/kodadot/nft-gallery/issues/5000",0.70893484,{"description":3200,"labels":3201,"number":3210,"owner":3157,"repository":3158,"state":3159,"title":3211,"updated_at":3212,"url":3213,"score":3214},"Although not a major update, it will improve the user interface perspective in upcoming explore and collection detail releases.\r\n\u003Cimg width=\"278\" alt=\"image\" src=\"https://user-images.githubusercontent.com/90852205/207564753-4628a901-0ba9-466d-9acb-924a4bc801b2.png\">\r\n\r\n- new figma file: explore v0.9, new components - https://www.figma.com/file/OwAEyE0QDPn3tHXZbyot1o/Explore-v0.9?node-id=0%3A1&t=Mp5WHz4Ig8kbcIsy-1\r\n- dynamic scalling, i think currently we have pretty good working version on the landing page. \r\n- screenshot is only the minimum size card. Its meant for #4444 - keeping the gutter fixed and based on the minimum card size changing the amount of the cards. \r\n\r\n- the card will scale up same as the current one. Keeping the font sizes (16px and 12px) \r\n- fixed padding, also the same. \r\n\r\n### hover effects\r\n- on nft name - changing from k-black to k-hovergrey, in darkmode from k-white to k-shade, there should then popup nft card #4340 \r\n- on \"collection\"- changing from grey to black, in dark mode to k-white (from the same color)\r\n\r\nbasically we are only changing the text inside and its color. \r\n\r\n",[3202,3203,3204,3206,3207],{"name":3146,"color":3147},{"name":3149,"color":3150},{"name":3205,"color":3153},"A-explorer",{"name":3170,"color":3171},{"name":3208,"color":3209},"visual change","6CDDCE",4496,"New NFT card ","2022-12-22T11:29:03Z","https://github.com/kodadot/nft-gallery/issues/4496",0.71286815,{"description":3216,"labels":3217,"number":3221,"owner":3157,"repository":3158,"state":3159,"title":3222,"updated_at":3223,"url":3224,"score":3225},"Let's switch to small display in collection detail by default\r\n\r\n\r\n\r\n\u003Cimg width=\"192\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5887929/212932855-1e105135-bbe0-4f82-8a0a-242dd67fe724.png\">\r\n\r\n\u003Cimg width=\"1375\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5887929/212932895-cb269523-fc00-49c8-9fb9-55ca138480d2.png\">\r\n",[3218,3219,3220],{"name":3146,"color":3147},{"name":3191,"color":3150},{"name":3152,"color":3153},4740,"Change default view on collection detail to small display by default","2023-01-17T15:19:42Z","https://github.com/kodadot/nft-gallery/issues/4740",0.7133801,{"description":3227,"labels":3228,"number":3233,"owner":3157,"repository":3158,"state":3159,"title":3234,"updated_at":3235,"url":3236,"score":3237},"I guess it's a small component, but it's really cutting my eyes now having round stuff 😅\r\n\r\nOnce @exezbcz provide the design, we can start working on that :)\r\n\r\nhttps://beta.kodadot.xyz/bsx/explore/?page=2\r\n\u003Cimg width=\"97\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5887929/198827309-f0ce7615-92cf-44d3-9368-4a7b5b79cced.png\">\r\n",[3229,3230,3231,3232],{"name":3146,"color":3147},{"name":3191,"color":3150},{"name":3205,"color":3153},{"name":3170,"color":3171},4204,"Redesign scroll up button","2022-11-01T14:40:56Z","https://github.com/kodadot/nft-gallery/issues/4204",0.71792305,{"description":3239,"labels":3240,"number":3244,"owner":3157,"repository":3158,"state":3159,"title":3245,"updated_at":3246,"url":3247,"score":3248},"Put Layout toggle in one line with others and put stuff in a particular order \r\n- filter\r\n- search (probably will be smaller, but expanded)\r\n- BUY NOW\r\n- Layout change\r\n- Pagination\r\n\r\n\r\n",[3241,3242,3243],{"name":3146,"color":3147},{"name":3149,"color":3150},{"name":3152,"color":3153},1081,"Collection detail controls horizontal alignment","2021-11-11T15:39:10Z","https://github.com/kodadot/nft-gallery/issues/1081",0.722926,{"description":3250,"labels":3251,"number":3256,"owner":3157,"repository":3158,"state":3159,"title":3257,"updated_at":3258,"url":3259,"score":3260},"We will work with @exezbcz about some small and impactful changes to explorer before we come back to redesign the whole explorer after the collection view.\r\n\r\nPrimary, we will be putting filters on the side like any other marketplace has, which we will be pretty great about. \r\nPlus, we can update buttons to upcoming styles too. \r\nThe thing is, we probably won't have time to circle back sooner than 6 weeks tbh\r\n\r\nWe mostly likely keep all functionality we have \r\nIf you have suggestions for explorer, now is your time. \r\n\r\n## Proposed changes \r\n- put filters on the side\r\n- update pagination button to neobrutalism style\r\n- change the grid of items default based on min-width per card, i.e. @ 1024px will be 4, at @ 1920px be 6-8\r\n- anything else you are wishing for xmas\r\n- rename Gallery -> Items\r\n- add blockchain switch \r\n\r\n## Current state\r\n\u003Cimg width=\"1180\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5887929/203386037-96353a20-5b13-46e7-a077-dd797edca638.png\">\r\n\r\n## Ref\r\n- https://github.com/kodadot/nft-gallery/issues/4444\r\n",[3252,3254,3255],{"name":3253,"color":3150},"p5",{"name":3205,"color":3153},{"name":3170,"color":3171},4378,"Explorer tweak before new design v0.9","2023-01-07T14:23:22Z","https://github.com/kodadot/nft-gallery/issues/4378",0.72443926,{"description":3262,"labels":3263,"number":3273,"owner":3157,"repository":3158,"state":3159,"title":3274,"updated_at":3275,"url":3276,"score":3277},"buy now is good, but too degen for serious art \r\n\r\n\r\nlike this \r\n\u003Cimg width=\"798\" alt=\"image\" src=\"https://github.com/kodadot/nft-gallery/assets/90852205/118b5e6c-2955-432f-ace0-c8f90b00b5a4\">\r\n\r\n\r\n\r\nchange it here as well please \r\n\u003Cimg width=\"409\" alt=\"image\" src=\"https://github.com/kodadot/nft-gallery/assets/90852205/008f227a-19c8-49cc-bae2-92464aaf0274\">\r\n\r\n\r\n\r\n\r\n",[3264,3265,3268,3271],{"name":3149,"color":3150},{"name":3266,"color":3267},"collector","F2701A",{"name":3269,"color":3270},"E-easy","C5DEF5",{"name":3272,"color":3153},"A-drop-page",10530,"Change \"buy now\" to \"listed","2024-06-25T06:20:49Z","https://github.com/kodadot/nft-gallery/issues/10530",0.72550493,["Reactive",3279],{},["Set"],["ShallowReactive",3282],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fLgrkvCHSV3CglbCEoD2NH211QjF8StETRoITBk0UcXM":-1},"/kodadot/nft-gallery/4611"]