3 ms·
Is there a term for this trend in web design, with defaulting to dark mode and having slick gradients everywhere?
by mNovak 1y ago
Is there a term for this trend in web design, with defaulting to dark mode and having slick gradients everywhere?
- aetherspawn 1y agoI think GitHub kinda did it first on their desktop home page, but that has been out for years.
- MarcelOlsz 1y agoI feel like that was a subtype within the style that Stripe popularized.
- burgerrito 1y agoI actually think I saw it on Linear (the issue tracker app) first. Who knows
- rainonmoon 1y agoAs someone who frequented a lot of video game-centric Invision Power Boards in the early 2000s, this is deeply insulting.
- kevinsundar 1y agoIt was first popularized by Linear https://medium.com/design-bootcamp/the-rise-of-linear-style-design-origins-trends-and-techniques-4fd96aab7646 https://medium.com/design-bootcamp/the-rise-of-linear-style-...
- SchemaLoad 1y agoNot sure which was first, but I associate this style a lot with Apple's product pages like https://www.apple.com/au/macbook-pro/ https://www.apple.com/au/macbook-pro/
- Brajeshwar 1y agoNot too far in the past, when Bootstrapped themes were becoming the face of the Internet, a new framework came to town — TailwindCSS. The smart thing they did was introduced the framework with a few brilliant template and a lot of styled components. I bought the initial copy and does a lot of people. Those templates, TailwindUI.com (now TailwindCSS.com/plus)[1] became the gradien-y, dark-ish, glow-y design you see a lot these days. A similar design wave is also happening with internal dashboard, admin interfaces. Thanks to https://ui.shadcn.com https://ui.shadcn.com Personally, I'm fine with the standardization of such functional interface designs. btw, for Have I Been Pwned, this is Bootstrap[2] and I'm not surprised it is also inheriting those design styles. 1. https://tailwindcss.com/plus https://tailwindcss.com/plus 2. https://getbootstrap.com https://getbootstrap.com
- kps 1y agoThe term is ‘unreadable’. There are good reasons `:prefers-color-scheme` exists; use it.