"Great design prompts require design vocabulary. Most people don't have it."
Vocabulary is just the surface. Beneath it is an understanding of how to achieve your goals with design. How to make things that are easy to use, accessible, that create a certain impression.
Does this website (presumably made with the help of these AI tools) show this kind of understanding of design? Not really. It's chaotic, the text is often hard to read and there is a ton of fluff, both in terms of visuals and copy.
There is a "Frequently Asked Questions" section and a "Popular" $100 tier in the "Support the Project" section, even though this project seems to be brand new. Why lie to the reader?
Or, said another way, vocabulary provides us with the words (semantics). You also need a grammar (syntax), which itself needs to be ordered toward an end (pragmatics).
I had to go back and check, with "modern invisible scrollbars", and those useless theme settings at the bottom I assumed the page was just some css demo that ended there and left.
Concept seems fun, and I'm expecting we'll see a bunch of those in the next few weeks/months. UX of that specific page seems broken, however, as the container for the explanation of each "function" doesn't scroll along with the rest of the content (stays stuck at the top) and makes it impossible to see.
I can confirm the broken UI. The demo container disappears as you scroll down, leaving a blank space that takes up most of the screen. I want to make a snarky joke about this but I'm just tired at this point.
To get something usable out of an LLM (aka vibecooding, vibe engineering et al), it works best if you're an expert yourself -> a.k.a you need to know the "lingo".
So there's the possibility of skipping the intermediate work in between by exposing yourself to just the input and the output of the process for certain domains, this is for frontend I think.
They set themselves up for a fall when they named themselves "Impeccable Style"
The mix of sans and serif fonts on their website is a mess. There's too much negative space, and it's inconsistent. Too many font sizes, and some that are so tiny they're illegible.
In the landing page before/after example, I think the "before" design looks more appealing.
agreed, the information density on the "after" example is much worse for most dashboard use cases. Way too much space, not enough info. But I guess I'm not exactly surprised based on the style of the page being both zoomed in and spaced out
The Form UX one is hilarious. It took a streamlined form used to convert and added enormous marketing copy that's more attention grabbing than the form itself. If you look closely they ran the `/simplify` command, haha.
I'm glad it's not just me. One would hope that `BEFORE` and `AFTER` would imply `WORSE` and `BETTER`, but from their examples they somehow they managed to shoehorn `MEH` in there.
I think the difficulty for AI to learn this, in general, is the missing out of the day-to-day experience living as a human, because that is what shapes our viewing habits. And those are what a good graphic design interacts with.
"Great design prompts require design vocabulary. Most people don't have it."
Vocabulary is just the surface. Beneath it is an understanding of how to achieve your goals with design. How to make things that are easy to use, accessible, that create a certain impression.
Does this website (presumably made with the help of these AI tools) show this kind of understanding of design? Not really. It's chaotic, the text is often hard to read and there is a ton of fluff, both in terms of visuals and copy.
There is a "Frequently Asked Questions" section and a "Popular" $100 tier in the "Support the Project" section, even though this project seems to be brand new. Why lie to the reader?
I was about to make a similar comment. The before/after showcases look in many cases harder to grasp and navigate on the after side.
Roundabout what I would expect as a result from the prompt "make a website that demonstrates how LLMs can better designs"
Or, said another way, vocabulary provides us with the words (semantics). You also need a grammar (syntax), which itself needs to be ordered toward an end (pragmatics).
Let me pull out my 5000 px tall monitor so I can see the examples further down the page. impeccable style, really
I had to go back and check, with "modern invisible scrollbars", and those useless theme settings at the bottom I assumed the page was just some css demo that ended there and left.
Concept seems fun, and I'm expecting we'll see a bunch of those in the next few weeks/months. UX of that specific page seems broken, however, as the container for the explanation of each "function" doesn't scroll along with the rest of the content (stays stuck at the top) and makes it impossible to see.
I can confirm the broken UI. The demo container disappears as you scroll down, leaving a blank space that takes up most of the screen. I want to make a snarky joke about this but I'm just tired at this point.
i do not understand what this even is. Some stylesheets? What am I even downloading when I click "download"?
To get something usable out of an LLM (aka vibecooding, vibe engineering et al), it works best if you're an expert yourself -> a.k.a you need to know the "lingo".
So there's the possibility of skipping the intermediate work in between by exposing yourself to just the input and the output of the process for certain domains, this is for frontend I think.
I was about to write the same. I scrolled through it but I dont understand what it is.
They set themselves up for a fall when they named themselves "Impeccable Style"
The mix of sans and serif fonts on their website is a mess. There's too much negative space, and it's inconsistent. Too many font sizes, and some that are so tiny they're illegible.
In the landing page before/after example, I think the "before" design looks more appealing.
I like the idea of this, but in the examples I thought the "Before" looked much better on all 3...
It was especially jarring on the last example with the cool looking chart, then removed for a bunch of text.
agreed, the information density on the "after" example is much worse for most dashboard use cases. Way too much space, not enough info. But I guess I'm not exactly surprised based on the style of the page being both zoomed in and spaced out
Love it when the design tool breaks halfway down the page.
replacing a metrics dashboard with text is one of the choices you could make
From the authors website:
Renaissance Geek (noun)
A person who moves fluidly between art, technology, narrative, and systems — guided by curiosity instead of specialization.
With AI as their amplifier, this breadth makes them dangerous enough to build the future rather than be shaped by it.
> no /pop command
What does this even do? Read most of the page but still didn't understand the project actually is
I had to triple check which was which in the `BEFORE` and `AFTER` examples, because I can see an awful lot of things that it's made worse.
The Form UX one is hilarious. It took a streamlined form used to convert and added enormous marketing copy that's more attention grabbing than the form itself. If you look closely they ran the `/simplify` command, haha.
The dashboard might even be funnier, though.
And this is what the creator chose to demo.
I'm glad it's not just me. One would hope that `BEFORE` and `AFTER` would imply `WORSE` and `BETTER`, but from their examples they somehow they managed to shoehorn `MEH` in there.
And if they need to explain it... ;-)
Tufte it isn't.
I agree. That thing made all the designs worse.
I think the difficulty for AI to learn this, in general, is the missing out of the day-to-day experience living as a human, because that is what shapes our viewing habits. And those are what a good graphic design interacts with.