Hacker News Reader

Comment by dematz | Hacker News Reader

Nice list of design patterns, but imo a big unmentioned one is a grid of rounded rects https://correctarity.com/roundedrects

(maybe what this post calls "Icon-topped feature card grid." ...that might be the official design pattern term)

View on HN

Cards 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.

Look at the website you're on

I 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)

You're absolutely right (as they say) - 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

Most — 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.

I think that's more of a NextJs thing than an LLM thing.

Reply on news.ycombinator.com