ES version is available. Content is displayed in original English for accuracy.
Advertisement
Advertisement
⚡ Community Insights
Discussion Sentiment
83% Positive
Analyzed from 1023 words in the discussion.
Trending Topics
#https#design#style#brutalism#web#more#neobrutalism#neo#brutalist#com
Discussion (43 Comments)Read Original on HackerNews
How is brutalism defined in this context? When I think web brutalism I think Craigslist style sites and reduction of superfluous design elements.
béton brut means "raw concrete" in French, and in architecture that's what brutalism is. I'd say only sites that look like they use the default style of HTML with no CSS on Netscape 1.x could be called "brutalist"...
E.g. https://stallman.org
IMO the design is more "Windows 3.1 Hot Dog Stand Theme" https://blog.codinghorror.com/a-tribute-to-the-windows-31-ho... combined with MS WordArt...
> Neobrutalism is a mix of regular brutalism in web design and more modern typography, illustration, and animation standards. Neobrutalism refuses the usual components of UX-UI design and embraces uncomfortable design elements, and it is more fearless to use distinctive color palettes.
neobrutalism should have sharp edges, very vibrant saturated colors, and virtually none of these flowery spiral shapes. (neo)brutalism is forcing a square peg in a round hole with a hammer, and leaving it like that on purpose, because the raw swedge is the aethetic.
[1] https://en.wikipedia.org/wiki/Corporate_Memphis
If I create something called Neo-Cuisine, you'd expect the result to be edible. If I see something calling itself "Neo-Brutalist Architecture", I'd expect it to look like Brutalism, or have some hallmark of the style. e.g. raw, but a different material new to the time period).
As far as web design, there's nothing "raw" about 100s of dependencies and animated charts and rounded rects and opinionated fonts and the rest of the this pastiche in "64 components, charts and star shapes for React and Tailwind v4. Built on shadcn/ui and Base UI." This is just Corporate Memphis + dialog aesthetics[0]
[0]: https://invisible-island.net/dialog/
Broadly, it's a move away from flat, low contrast Material-type UIs and also away from the 'gradients and curves' AI-era designs and back into something that's more like the early web.
alongside infinite tangentially related features, because it lacks intention but the creator was stuck in a bout of AI psychosis
here, on the other hand, I’m wondering why they would even release this, as it should be a component for more intentional vibe coding. A Claude design template masqueraded as a whole framework
Dark/light, accent colors but otherwise no customization. Going after standardized ui. Css blob with builtin font, or no font. Kotlin components as well
This component library and the LLM default interpretation of the style is very much "in your face."
As an example, the black scrollbar here[0] is very heavy, a component which isn't meant to be looked at, but is distracting on first glance.
Prompting an LLM to make "lightly styled" neobrutalist is much more pleasing to my eyes, but maybe I'm alone in that.
[0]https://www.neobrutalism.dev/docs
These pages are closer to "neobrutalism" or what I would call "Cybermod" [0], I think...
<https://webb.page>
<https://garden.bradwoods.io>
[0]: <https://news.ycombinator.com/item?id=44415330>
No need to mess around further.
I will say I'm afraid to use this style because Gemini seems to love it so much and therefore users will make assumptions about how the website was created.
For example, in the Bootstrap days everything looked like Bootstrap and users got used to that, even if users hadn't specifically heard of the CSS framework.
This is a very easy sell for me because everything these days is doing the infuriating gray text on gray background.
Since mine is just a hacky vibe-coded single css file, I might switch to yours with a custom colour scheme.