Improve the design of the nixos.org website

The existing official website actually has some design flaws. For example, the color contrast in some places is too high and uncomfortable. The design should consider more hierarchical classification, and put the functions that users use most frequently in the most conspicuous place instead of just using pictures and videos. Don't make website look like a ppt.

The NixCon websites of previous years are very distinctive. I think the official website can consider making a major change every year and encourage the addition of artistic creation.

I think there are several good-looking websites:
https://voidlinux.org/
https://snix.dev/
https://librewolf.net/
......

It is recommended to learn from the design advantages of these websites. It is recommended to support dark mode, and even if there is no button to switch, it should support the follow system. It is recommended to add a site map.

[fricklerhandwerk]

Hi @itflake, the marketing team around @thilobillerbeck and @idabzo are working on the issue at the moment. Here are some notes on recent progress: https://discourse.nixos.org/t/zurich-25-05-zhf-hackathon-report/64882

Hi @itflake, the marketing team around @thilobillerbeck and @idabzo are working on the issue at the moment. Here are some notes on recent progress: https://discourse.nixos.org/t/zurich-25-05-zhf-hackathon-report/64882

I think it's pretty good. Further discussion: I think VoidLinux's website is the best among many Linux distributions official websites. For example, if I need to download an x64 image, its website will save time because there are no buttons piled together and no need to scroll down. And its documents are really comfortable to read. For example, if I want to learn how to install, I just need to click Document in the navigation bar and that's it. However, our introductory tutorial is placed in a small corner and it takes me longer to find it.

I think the Nix installation method can be separated from the NixOS one, and the NixOS installation method and download link should be highlighted. I used to confuse "Download (Graphical, 64-bit Intel/AMD)" with "Download (Graphical, 64-bit ARM)" because they are too similar.

This is just a UI suggestion.
https://ui.shadcn.com/
I wrote a NextJS website before. It is my favorite UI library, but if you use it, you should adjust the theme color.

[thilobillerbeck]

This is just a UI suggestion. ui.shadcn.com I wrote a NextJS website before. It is my favorite UI library, but if you use it, you should adjust the theme color.

To be clear, UI/UX problems can't be solved by swapping libraries. They are deeply rooted in structural and content issues. With the change to Astro we already translated a lot of the website's UI elements into components and I think we should improve on them since they can be easily updated. Most of this process will be based on long discussions and analysis.

TL;DR; recommending a UI library for general UI/UX improvements is like saying UI design is just writing some CSS while not mentioning all psychological and behavioral patterns.

This is just a UI suggestion. ui.shadcn.com I wrote a NextJS website before. It is my favorite UI library, but if you use it, you should adjust the theme color.

To be clear, UI/UX problems can't be solved by swapping libraries. They are deeply rooted in structural and content issues. With the change to Astro we already translated a lot of the website's UI elements into components and I think we should improve on them since they can be easily updated. Most of this process will be based on long discussions and analysis.

TL;DR; recommending a UI library for general UI/UX improvements is like saying UI design is just writing some CSS while not mentioning all psychological and behavioral patterns.

Yes. I mentioned that just because I like it, but I really hope NixOS can be better.
Actually, as a relatively young person, I prefer that look rounded or have low saturation, such as the official websites of Apple, Google, Microsoft and OpenAI.
Good luck with your development.