Hacker News new | ask | show | jobs
by ks2048 86 days ago
Every vibe coded site is too dark and the text is too small.
8 comments

They all have this rounded box design as well. I wonder where that came from, I don't think it was a predominant style before.
Recently asked Codex (GPT-5.2) to write a small single-page HTML frontend to debug some REST endpoints. As it was just a one-off tool, I put in no instructions about looks or styling at all. Lo and behold, the tool it wrote came with exactly that round-box style.

It seems to be the "default" style of some models for some reason.

Which makes me wonder if people already experimented with different style suggestions to get different results: "Make it look like an 1998 GeoCities page" / 2005 Facebook / Newgrounds / DeviantArt / HN / one of those Windows XP simulators with built-in window manager / etc

I vibe code web apps with Google's Gemini and I think it actually mimics Google's UI and UX because I see similarities between my vibe coded web apps and Google's web apps.
But that's a different style from the these colorful border rounded boxes that I think Claude in particular loves to produce.
Every vibecoded site have this same dark look with shining hue-gradient borders, can't wait for the future the entire web be filled with this generic look
And not playtested at all :D
This is fair, although I ask for it to be dark themed to match what I think was the style of typing game I remember growing up with (it's been a while). Bumped up the font though.
Next time please ask it to respect system dark/light mode preference, it's trivial to do, especially for an LLM which can spin up light/dark alternatives easily.
no

considering free windows being light theme only, it should be a button, not a "system default"

By "free windows" do you just mean an unactivated copy of Windows? That doesn't prevent the user from configuring their preference in the browser itself.
There should be a button too, but it's simple to add a line so that it also defaults to any provided preference.
That's fine, too. Either way, give the user the choice.
… is that even legal to do for microsoft? Are there no requirements to adhere to certain standards? Would have thought that is part of it.
what would the requirement be? "thou must provide the full paid service to those who do not pay"?
My top complaint is that if I've successfully used a pattern, I want my text removed. I keep forgetting to backspace a bunch, then get frustrated that my pattern isn't working.

Other than that, great game!

And all the text is grey-on-grey and basically unreadable. Not to even mention accessibility.
Automated accessibility testing needs to be in your loop, whether you are using an llm or not. Aria labels are easy to get right but they are also easy to forget.
I could envision the style even before clicking on the site.
Maybe because it 1337 hackerman-style, or something.
What evidence do you have that this is vibe coded?
Because it looks exactly the same and feels as janky as 99% of vibecoded web apps
He just can tell. Like you can tell when you are looking at a flower and can instantly name what it is. You can just tell
Just based on vibes.