Skip to content

34 posts tagged with “web design”

Website screenshot SaaS company Urlbox created a fun project called One Million Screenshots, with, yup, over a million screenshots of the top one million websites. You navigate the page like Google Maps, by zooming in and panning around.

Why? From the FAQ page:

We wanted to celebrate Urlbox taking over 100 million screenshots for customers in 2023… so we thought it would be fun to take an extra 1,048,576 screenshots evey month… did we mention we’re really into screenshots.

(h/t Brad Frost)

One Million Screenshots

One Million Screenshots

Explore the web’s biggest homepage. Discover similar sites. See changes over time. Get web data.

onemillionscreenshots.com icononemillionscreenshots.com

Ryan Feigenbaum created a fun Teenage Engineering-inspired color palette generator he calls “ColorPalette Pro.” Back in 2023, he was experimenting with programatic palette generation. But he didn’t like his work, calling the resulting palettes “gross, with luminosity all over the place, clashing colors, and garish combinations.”

So Feigenbaum went back to the drawing board:

That set off a deep dive into color theory, reading various articles and books like Josef Albers’ Interaction of Color (1963), understanding color space better, all of which coincided with an explosion of new color methods and technical support on the web.

These frustrations and browser improvements culminated in a realization and an app.

Here he is, demoing his app:

Play
COLORPALETTE PRO UI showing Vibrant Violet: color wheel, purple-to-orange swatch grid, and lightness/chroma/hue sliders.

Color Palette Pro — A Synthesizer for Color Palettes

Generate customizable color palettes in advanced color spaces that can be easily shared, downloaded, or exported.

colorpalette.pro iconcolorpalette.pro

Make no mistake: Democracy in America has been under threat. The Executive branch continues to accrue and abuse power, much of it willingly given up by Congress, and the Supreme Court has largely given deference to this president.

In a beautiful, yet somehow haunting visualization, Alvin Chang for the Pudding went back and analyzed speeches in Congress from 1880 onward to show the growth of mentions about democracy being under threat.

Scroll through the interactive data viz and see the numbers tick up over the years, along with select quotes from speeches.

Chang ends with this reflection:

I grew up in an immigrant family, and I was constantly reminded of how powerful these values are. Sure, my family had some allegiance to their home country. Sure, we were constantly reminded of ways in which the country failed to live up to these ideals. However, I was told that we live in a country that is united not by the color of our skin or the origins of our families, but rather a belief in how humans should live together.

Americans have always argued about what it means to strive toward these democratic ideals. This pursuit of democracy is who we are; it’s who we want to be.

If we stop now, who are we as a people?

(h/t Nathan Yau / FlowingData)

Timeline 1950–2020 of magenta dot clusters rising sharply after 2000, labeled "Threats to democracy" with arrows to 1960s and 2000s.

In pursuit of democracy

Analyzing every mention of ‘democracy’ in the Congressional Record

pudding.cool iconpudding.cool

Someone on X recently claimed they “popularized” dithering in modern design—a bold claim for a technique that’s been around since Robert Floyd and Louis Steinberg formalized it in 1976 and Bill Atkinson refined it for the original Macintosh. The design community swiftly reminded them that revival isn’t invention, and that dithering’s current moment owes more to retro-tech aesthetics meeting modern GPU pipelines than to any single designer’s genius.

Speaking of which, here’s a visual explainer by Damar Aji Pramudita that’s worth your time on how dithering actually works. Apparently it’s only part one of three.

Halftone black-and-white portrait split across a folded, book-like panel on a yellow background; "visualrambling.space" at top-left.

Dithering - Part 1

Understanding how dithering works, visually.

visualrambling.space iconvisualrambling.space

The web is a magical place. It started out as a way to link documents like research papers across the internet, but has evolved into the representation of the internet and the place where we get information and get things done. Writer Will Leitch on Medium:

It is difficult to describe, to a younger person or, really, anyone who wasn’t there, what the emergence of the Internet — this thing that had not been there your entire life, that you had no idea existed, that was suddenly just everywhere — meant to someone who wanted to write. When I graduated college in 1997, the expectation for me, and most wanna-be writers, was that we had two options: Start on the bottom rung of a print publication and toil away for years, hoping that enough people with jobs above you would retire or die in time for you to get a real byline by the time you were 40, or write a brilliant novel or memoir that turned you into Dave Eggers or Elizabeth Wurtzel. That was pretty much it! Then, suddenly, from the sky, there was this place where you could:

  • Write whatever you wanted.
  • Write as long as you wanted.
  • Have your work available to read by anyone, anywhere on the entire freaking planet.

This was — and still is — magical.

The core argument of what Leitch write is that while the business and traffic models that fueled web publishing are collapsing—due to changing priorities of platforms like Google and the dominance of video on social media (i.e., TikTok and Reels), the essential, original magic of publishing on the web isn’t dead.

But that does not mean that Web publishing — that writing on the Internet, the pure pleasure of putting something out in the world and having it be yours, of discovering other people who are doing the same thing — itself is somehow dead, or any less magical than it was in the first place. Because it is magical. It still is. It always was.

It’s the (Theoretical) End of Web Publishing (and I Feel Fine)

It’s the (Theoretical) End of Web Publishing (and I Feel Fine)

Let’s remember why we started publishing on the Web in the first place.

williamfleitch.medium.com iconwilliamfleitch.medium.com

Noah Davis writing in Web Designer Depot, says aloud what I’d thought—but never wrote down—before AI, templates started to kill creativity in web design.

If you’re wondering why the web feels dead, lifeless, or like you’re stuck in a scrolling Groundhog Day of “hero image, tagline, three icons, CTA,” it’s not because AI hallucinated its way into the design department.

It’s because we templatified creativity into submission!

We used to design websites like we were crafting digital homes—custom woodwork, strange hallways, surprise color choices, even weird sound effects if you dared. Each one had quirks. A personality. A soul.

When I was coming up as a designer in the late 1990s and early 2000s, one of my favorite projects was designing Pixar.com. The animation studio’s soul—and by extension the soul I’d imbue into the website—was story. The way this manifest was a linear approach to the site, similar to a slideshow, to tell the story of each of their films.

And as the web design industry grew, and everyone needed and wanted a website, from Fortune 500s to the local barber shop, access to well-designed websites was made possible via templates.

Let’s be real: clients aren’t asking for design anymore. They’re asking for “a site like this.” You know the one. It looks clean. It has animations. It scrolls smoothly. It’s “modern.” Which, in 2025, is just a euphemism for “I want what everyone else has so I don’t have to think.”

Templates didn’t just streamline web development. They rewired what people expect a website to be.

Why hire a designer when you can drop your brand colors into a no-code template, plug in some Lottie files, and call it a day? The end result isn’t bad. It’s worse than bad. It’s forgettable.

Davis ends his rant with a call to action: “If you want design to live, stop feeding the template machine. Build weird stuff. Ugly stuff. Confusing stuff. Human stuff.”

AI Didn’t Kill Web Design —Templates Did It First

AI Didn’t Kill Web Design —Templates Did It First

The web isn’t dying because of AI—it’s drowning in a sea of templates. Platforms like Squarespace, Wix, and Shopify have made building a site easier than ever—but at the cost of creativity, originality, and soul. If every website looks the same, does design even matter anymore?

webdesignerdepot.com iconwebdesignerdepot.com

I will admit that I’d not heard of this website until I came across this article. Playing around with Perfectly Imperfect myself, I find it to be the strange web Brutalist manifestation of MySpace for the Gen Z generation.

Sudi Jama, writing for It’s Nice That:

Talking about the design for Perfectly Imperfect’s social site pi.fyi, on the other hand, Tyler says: “The design calls back to an era where algorithms didn’t dominate your day-to-day experience on the internet.” Tyler rejects the homogenisation of web design and decided to swerve Perfectly Imperfect into a lane of its own, inspired by the early internet aesthetics of “solid but saturated colours, lack of texture, MS Paint-style airbrushing, and a singular broadcast-style aesthetic”, Brent David Freaney tells us. Brent’s studio Special Offer collaborated with Tyler to bring the best parts of early internet’s visuality, whilst still creating something that belongs in 2025. Some fun facts: Pi.fyi’s colour system was modelled from 1990s McDonald’s brand and style guidelines, and the spray paint logo was inspired by an old Teenage Fanclub band t-shirt Tyler got on eBay.

The platform thrives in the chaos, all born from its visible human touch. “A lot of the core pages that users spend time on (the home page, profiles, etc) are designed to look more like a magazine than a social site.” The visuals are deliberately flat, featuring few animations, in order to let the design cut through. The mixture of a home page presented as acting front page, with editorial content, user posts, profiles adorned in large image paired with bold bordered text, and written content pouring from the right side of the screen. Tyler says: “It’s this approach that’s led us to calling Perfectly Imperfect a ‘social magazine’.” Tyler is inspired by the likes of Index Mag, MySpace, and i-D, among others – all boundary-pushing platforms which hold a cultural authority.

Perfectly Imperfect is the ‘social magazine’ (and nerd’s paradise) remodelling the online sphere

Perfectly Imperfect is the ‘social magazine’ (and nerd’s paradise) remodelling the online sphere

Split between a platform to profile figures from Charli XCX to Francis Ford Coppola, and a social network that refuses to serve the algorithm overlords, this magazine is breaking necks.

itsnicethat.com iconitsnicethat.com

I think these guidelines from Vercel are great. It’s a one-pager and very clearly written for both humans and AI. It reminds me of the old school MailChimp brand voice guidelines and Apple’s Human Interface Guidelines which have become reference standards.

Web Interface Guidelines

Web Interface Guidelines

Guidelines for building great interfaces on the web. Covers interactions, animations, layout, content, forms, performance & design.

vercel.com iconvercel.com
A computer circuit board traveling at warp speed through space with motion-blurred light streaks radiating outward, symbolizing high-performance computing and speed.

The Need for Speed: Why I Rebuilt My Blog with Astro

Two weekends ago, I quietly relaunched my blog. It was a heart transplant really, of the same design I'd launched in late March.

The First Iteration

Back in early November of last year, I re-platformed from WordPress to a home-grown, Cursor-made static site generator. I'd write in Markdown and push code to my GitHub repository and the post was published via Vercel's continuous deployment feature. The design was simple and it was a great learning project for me.

Here’s a fun project from Étienne Fortier-Dubois. It is both a timeline of tech innovations throughout history and a family tree. For example, the invention of the wheel led to chariots, or the ancestors of the bulletin board system were the home computer and the modem. From the about page:

The historical tech tree is a project by Étienne Fortier-Dubois to visualize the entire history of technologies, inventions, and (some) discoveries, from prehistory to today. Unlike other visualizations of the sort, the tree emphasizes the connections between technologies: prerequisites, improvements, inspirations, and so on.

These connections allow viewers to understand how technologies came about, at least to some degree, thus revealing the entire history in more detail than a simple timeline, and with more breadth than most historical narratives. The goal is not to predict future technology, except in the weak sense that knowing history can help form a better model of the world. Rather, the point of the tree is to create an easy way to explore the history of technology, discover unexpected patterns and connections, and generally make the complexity of modern tech feel less daunting.

preview-1756485191427.png

Historical Tech Tree

Interactive visualization of technological history

historicaltechtree.com iconhistoricaltechtree.com

Jessica Davies reports that new publisher data suggests that some sites are getting 25% less traffic from Google than the previous year.

Writing in Digiday:

Organic search referral traffic from Google is declining broadly, with the majority of DCN member sites — spanning both news and entertainment — experiencing traffic losses from Google search between 1% and 25%. Twelve of the respondent companies were news brands, and seven were non-news.

Jason Kint, CEO of DCN, says that this is a “direct consequence of Google AI Overviews.”

I wrote previously about the changing economics of the web here, here, and here.

And related, Eric Mersch writes in a LinkedIn post that Monday.com’s stock fell 23% because co-CEO Roy Mann said, “We are seeing some softness in the market due to Google algorithm,” during their Q2 earnings call and the analysts just kept hammering him and the CFO about how the algo changes might affect customer acquisition.

Analysts continued to press the issue, which caught company management completely off guard. Matthew Bullock from Bank of America Merrill Lynch asked frankly, “And then help us understand, why call this out now? How did the influence of Google SEO disruption change this quarter versus 1Q, for example?” The CEO could only respond, “So look, I think like we said, we optimize in real-time. We just budget daily,” implying that they were not aware of the problem until they saw Q2 results.

This is the first public sign that the shift from Google to AI-powered searches is having an impact.

preview-1755493440980.jpg

Google AI Overviews linked to 25% drop in publisher referral traffic, new data shows

The majority of Digital Content Next publisher members are seeing traffic losses from Google search between 1% and 25% due to AI Overviews.

digiday.com icondigiday.com

Jay Hoffman, writing in his excellent The History of the Web website, reflects on Kevin Kelly’s 2005 Wired piece that celebrated the explosive growth of blogging—50 million blogs, one created every two seconds—and predicted a future powered by open participation and user-created content. Kelly was right about the power of audiences becoming creators, but he missed the crucial detail: 2005 would mark the peak of that open web participation before everyone moved into centralized platforms.

There are still a lot of blogs, 600 million by some accounts. But they have been supplanted over the years by social media networks. Commerce on the web has consolidated among fewer and fewer sites. Open source continues to be a major backbone to web technologies, but it is underfunded and powered almost entirely by the generosity of its contributors. Open API’s barely exist. Forums and comment sections are finding it harder and harder to beat back the spam. Users still participate in the web each and every day, but it increasingly feels like they do so in spite of the largest web platforms and sites, not because of them.

My blog—this website—is a direct response to the consolidation. This site and its content are owned and operated by me and not stuck behind a login or paywall to be monetized by Meta, Medium, Substack, or Elon Musk. That is the open web.

Hoffman goes on to say, “The web was created for participation, by its nature and by its design. It can’t be bottled up long.” He concludes with:

Independent journalists who create unique and authentic connections with their readers are now possible. Open social protocols that experts truly struggle to understand, is being powered by a community that talks to each other.

The web is just people. Lots of people, connected across global networks. In 2005, it was the audience that made the web. In 2025, it will be the audience again.

preview-1754534872678.jpg

We Are Still the Web

Twenty years ago, Kevin Kelly wrote an absolutely seminal piece for Wired. This week is a great opportunity to look back at it.

thehistoryoftheweb.com iconthehistoryoftheweb.com

I remember the article from 2016 titled “Hamburger Menus and Hidden Navigation Hurt UX Metrics” where the conclusion from NN/g was:

Discoverability is cut almost in half by hiding a website’s main navigation. Also, task time is longer and perceived task difficulty increases.

Fast forward nearly 10 years later and NN/g says:

Hamburger menus are a more familiar pattern today than 10 years ago, but the same old best practices for hidden navigation still apply.

Kate Kaplan, revisiting her conclusion from nearly a decade ago:

Over the past decade, the hamburger menu — much like its namesake — has become a classic. As mobile-first design took hold, it offered a clean, space-saving solution, and when design leaders like Apple and Amazon adopted it, others followed. Its growing ubiquity helped standardize its meaning: Through repeated exposure, users learned to recognize and interpret the icon with increasing confidence.

I think the hamburger menu grew in popularity despite NN/g’s authoritative finger wagging. As designers, most of the time, we have to balance between the needs of the project and client with known best practices. Many websites, especially e-commerce, don’t have four or fewer main navigation links. We had to put the links somewhere and the hamburger menu made sense.

preview-1750137551560.png

The Hamburger-Menu Icon Today: Is it Recognizable?

Hamburger menus are a more familiar pattern today than 10 years ago, but the same old best practices for hidden navigation still apply.

nngroup.com iconnngroup.com

I’ve been focused a lot on AI for product design recently, but I think it’s just as important to talk about AI for web design. Though I spend my days now leading a product design team and thinking a lot about UX for creating enterprise software, web design is still a large part of the design industry, as evidenced by the big interest in Framer in the recent Design Tools Survey.

Eric Karkovack writing for The WP Minute:

Several companies have released AI-based site generators; WordPress.com is among the latest. Our own Matt Medeiros took it for a spin. He “chatted” with a friendly bot that wanted to know more about his website needs. Within minutes, he had a website powered by WordPress.

These tools aren’t producing top agency-level websites just yet. Maybe they’re a novelty for the time being. But they’ll improve. With that comes the worry of their impact on freelancers. Will our potential clients choose a bot over a seasoned expert?

Karkovack is right. Current AI tools aren’t making well-thought custom websites yet. So as an agency owner or a freelance designer, you have to defend your position of expertise and customer service:

Those tools have a place in the market. However, freelancers and agencies must position themselves as the better alternative. We should emphasize our expertise and attention to detail, and communicate that AI is a helpful tool, not a magic wand.

But Karkovack misses an opportunity to offer sage advice, which I will do here. Take advantage of these tools in your workflow so that you can be more efficient in your delivery. If you’re in the WordPress ecosystem, use AI to generate some layout ideas, write custom JavaScript, make custom plugins, or write some copy. These AI tools are game-changing, so don’t rest on your laurels.

preview-1749151597255.jpg

What Do AI Site Builders Mean for Freelancers?

Being a freelance web designer often means dealing with disruption. Sometimes, it’s a client who needs a new feature built ASAP. But it can also come from a shakeup in the technology we use. Artificial intelligence (AI) has undoubtedly been a disruptive force. It has upended our workflows and made…

thewpminute.com iconthewpminute.com

Sam Bradley, writing for Digiday:

One year in from the launch of Google’s AI Overviews, adoption of AI-assisted search tools has led to the rise of so-called “zero-click search,” meaning that users terminate their search journeys without clicking a link to a website.

“People don’t search anymore. They’re prompting, they’re gesturing,” said Craig Elimeliah, chief creative officer at Code and Theory.

It’s a deceptively radical change to an area of the web that evolved from the old business of print directories and classified sections — one that may redefine how both web users and marketing practitioners think about search itself.

And I wrote about answer engines, earlier this year in January:

…the fundamental symbiotic economic relationship between search engines and original content websites is changing. Instead of sending traffic to websites, search engines, and AI answer engines are scraping the content directly and providing them within their platforms.

X-ray of a robot skull

How the semantics of search are changing amid the zero-click era

Search marketing, once a relatively narrow and technical marketing discipline, is becoming a broad church amid AI adoption.

digiday.com icondigiday.com
Illustrated background of colorful wired computer mice on a pink surface with a large semi-transparent Figma logo centered in the middle.

Figma Takes a Big Swing

Last week, Figma held their annual user conference Config in San Francisco. Since its inception in 2020, it has become a significant UX conference that covers more than just Figma’s products and community. While I’ve not yet had the privilege of attending in person, I do try to catch the livestreams or videos afterwards.

Nearly 17 months after Adobe and Figma announced the termination of their merger talks, Figma flexed their muscle—fueld by the $1 billion breakup fee, I’m sure—by announcing four new products. They are Figma Draw, Make, Sites, and Buzz.

  • Draw: It’s a new mode within Figma Design that reveals additional vector drawing features.
  • Make: This is Figma’s answer to Lovable and the other prompt-to-code generators.
  • Sites: Finally, you can design and publish websites from Figma, hosted on their infrastructure.
  • Buzz: Pass off assets to clients and marketing teams and they can perform lightweight and controlled edits in Buzz.

Jay Hoffman, from his excellent The History of the Web site:

1995 is a fascinating year. It’s one of the most turbulent in modern history. 1995 was the web’s single most important inflection point. A fact that becomes most apparent by simply looking at the numbers. At the end of 1994, there were around 2,500 web servers. 12 months later, there were almost 75,000. By the end of 1995, over 700 new servers were being added to the web every single day.

That was surely a crazy time…

preview-1744174341917.jpg

1995 Was the Most Important Year for the Web

The world changed a lot in 1995. And for the web, it was a transformational year.

thehistoryoftheweb.com iconthehistoryoftheweb.com
A screenshot of the YourOutie.is website showing the Lumon logo at the top with the title "Outie Query System Interface (OQSI)" beneath it. The interface has a minimalist white card on a blue background with small digital patterns. The card contains text that reads "Describe your Innie to learn about your Outie" and a black "Get Started" button. The design mimics the retro-corporate aesthetic of the TV show Severance.

Your Outie Has Both Zaz and Pep: Building YourOutie.is with AI

A tall man with curly, graying hair and a bushy mustache sits across from a woman with a very slight smile in a dimly lit room. There’s pleasant, calming music playing. He’s eager with anticipation to learn about his Outie. He’s an Innie who works on the “severed” floor at Lumon. He’s undergone a surgical procedure that splits his work self from his personal self. This is the premise of the show Severance on Apple TV+.