Redesign: Neobrutalism

[petersopko]

It seems to me that redesign info / issues are scattered on too many places with too much text, let's have one simple issue for tracking what's currently happening. I'll keep this updated.

Related discussion:

• Refactoring components and redesign #3710

Landing:

• Redesign Landing page #3844
• Redesign: Featured Articles #3944
• Redesign: Carousel #3945
  • Redesign: Carousel - Adjust spotlight data #3947
  • Redesign: Carousel - call multi-chain endpoint #3928

Navbar and Footer (should be across whole app, not just landing):

• Redesign: Navbar #3946
• Redesign: Footer #3948

Old redesign ideas are tracked here:

• Redesign: Leftovers from pre-Neobrutalism #3956

[prachi00]

I see that the hover states for urls is missing in the design @petersopko @yangwao

[yangwao]

I see that the hover states for urls is missing in the design @petersopko @yangwao

for design issues best ping @exezbcz

[exezbcz]

I see that the hover states for urls is missing in the design @petersopko @yangwao

Hi @prachi00 , sorry for the late reply, yes, for design it is better to ping me. There is no hover in figma as it comes from a system that repeats. Therefore hover on text will cause bold and socials will change bg color to accent-light.

Thanks for the ping @yangwao

if you mean these links in the footer

[preschian]

hi @exezbcz do we have a disabled state UI? I think we need that for the arrow in the carousel when reaching the start/end carousel pages, similar to the current implementation in production

[preschian]

@exezbcz does the navbar UI final already? If I compare it with the current implementation missing some buttons, such as history, language, dark mode, and chain selection (is it moved to the landing page section? or intended in the future because multi-chain). and how does the search bar in the navbar work, because on the desktop seems missing in the navbar?

[exezbcz]

Hey @preschian, good questions, I didn't think specifically about the disabled state for arrows, we can resolve it quickly how it's done on multiple pages, and remove the element once you reach the end of the carousel. As for the search bar in the navbar, it's in Figma in the "components + prototypes" subpage. Maybe I did not make it clear enough, sorry for that. Missing elements in nav - yup, that's correct, we are currently missing language, dark mode, and network. History is built in search bar results, that's the state if you only click on the search bar - see search bar prototype in Figma file. We dropped language bcs we think it will be better in profile settings and just to make nav bar cleaner. The dark mode could be here - didn't put it there, I will think about it. The network button isn't necessary, we are doing landing with NFTs from all networks - as mentioned in #3710. Thanks!