AI Design Gallery

AI designed pages and prompts

Bloated saas

Very sloppy, partly by design, partly just slop. My laptop can barely handle it.
prompt

1. Copy index.html to bloated-saas.html and change the design to a typical bloated saas landing page design. Don't add login & cookies and the annoyances, instead it should be about the design and presentation. The colors should be more complicated, everything should have a kind of artificial shine and glow. The scrollbar should be something fancy, add a lot of animations - slick bloated react kinds. Changing state from blue to red should have an animation and vice versa. There should be scroll-based animations. There shouldn't be a landing page however, just the functionality there is now but with shine and a forced smile plus frontend devs who want to show off. Keep the logic and data the same. One html file.

2. The "change since last census" number obscures the state initials

Broadcast

Again, the prompt is asking for something slick but it's still slick + slop, not plain slick.
prompt
I lost the prompt, sorry.

GTK

It's okay and if I would have tried this before qt, maybe I would have liked it more.
prompt

Copy index.html to gtk.html. Keep the logic and data the same but change the design to look like a gtk app

HIG

Supposed to follow apple guidelines. I doubt they include obscuring the main area while scrolling and being able to tell immediately that it's AI generated
prompt

1. Copy index.html to hig.html. Keep the logic and data but rebuild the app from bottom up adhering to Apple's HIG principles

Qt

It's palatable, it's fine. Is it amazing? no, but it doesn't make me gag so I like it.
prompt

1. Copy index.html except change the design to look like a qt app

2. Remove the line "file edit view" etc. They don't do anything.

Original

The original. Does it function, is it what I wanted? yes, yes. Can I look at it for more than 5 minutes? no.
prompt
The original prompt did not include any design references and was something along the lines of: here's an axios article, build a 270 to win style page assuming the projected census changes.

Material

In theory following Google's material design principles. In practice I like Google design, I don't like this.
prompt

1. Copy index.html to material.html. Keep the logic and data the same but switch the entire UI / UX to material design principles.

2. The "Projected changes from last census" number is hidden now. Use material design principles to show it to the user.

3. Now the number covers some state initials. If you need to design the entire app around material principles from bottom up, please do

Windows 11

Supposed to look like a Windows 11 application. I can barely tell the difference between this and the original (besides for the fake toolbar on top)
prompt

Copy index.html to win.html. Keep the logic and data the same but change the design to look like a win 11 native app