An example generative artwork consisting of alternating dark red blocks on red background.

Generative Placeholders

One constant issue in design is how to represent a half-finished design. It has to be representative enough to get the idea across, but if it looks too polished or finished people will mistake it for the final design and have expectations that the mockup can’t live up to.

[…]

Enter Generative Placeholders. Instead of using a temp image, you can just link to the generative-placeholders service and get a procedurally-generated temp image. It looks good (making your designs look good) but also looks generated (making people less likely to mistake it for the finished product). It’s like lorem ipsum for images.

procedural-generation.tumblr.com

This website lets you use generative art as your image placeholders.

<img src="https://generative-placeholders.glitch.me/image?width=600&height=300">

Visit the project page for instructions and more examples. (And you can click the previews on that page to generate new images.)

And the image thumbnail used on social media is generated randomly as well.

This project was featured in:

A tinted screenshot of the Fediverse Export Analyzer interface, showing a visualization of Mastodon user account with profile image and description in the left column, and various details, including account creation date, embedded first post, and posting frequency, and a scatter plot of all posts.

Alt Text Hall of Fame

Making the web a friendlier and more inclusive place, one captioned image at a time.

#accessibility #alt-text #image-descriptions #internet #web #web-accessibility

A tinted screenshot of three embedded Mastodon posts.

💻 Browse all