6 ms·
Nice list of design patterns, but imo a big unmentioned one is a grid of rounded rects https://correctarity.com/roundedrects https://correctarity.com/roundedrec
by dematz 5mo ago
Nice list of design patterns, but imo a big unmentioned one is a grid of rounded rects https://correctarity.com/roundedrects https://correctarity.com/roundedrects
(maybe what this post calls "Icon-topped feature card grid." ...that might be the official design pattern term)
- bobthepanda 5mo agoCards have been in vogue for a while and I can’t recall the last time I saw super hard corners on a design system. It’s been a thing since at least Apple filing that patent on rounded corners.
- malfist 5mo agoLook at the website you're on
- bobthepanda 5mo agoI guess I should say on a new design system. HN doesn’t update all that much (and in this context that’s a good thing)
- dematz 5mo agoYou're absolutely right (as they say) - https://www.folklore.org/Round_Rects_Are_Everywhere.html https://www.folklore.org/Round_Rects_Are_Everywhere.html I don't think it's just the base rate of rounded corners though, these posts feel like the AI tends to spit out a bullet point list of features, like you'd see on an AI readme where each feature has a tangential emoji, then for a website puts them in a grid of rounded rects
- forgotTheLast 5mo agoI think that's more of a NextJs thing than an LLM thing.
- port11 5mo agoMost — all? — of these patterns come from the obsession with Tailwind that swept over the frontend in the last few years. Composable CSS classes also seem like they’d be easier for LLMs to out together. I’m not sure we can tell what AI design looks like, Stitch and a number of other tools I’ve tried produce inconsistent, wild results. The common theme is that they’ll all look like Tailwind-style components if not given any other steering.