14:21Self-Made Web Designer · Tutorial
The Only 5 Web Design Skills That Actually Matter (2026)
A 14-minute system that collapses a decade of web design learning into five skills every professional actually uses.
July 17th 2025The argument in one line.
Nine web design trends are converging in 2026, but the only decision rule that matters is whether a given trend serves the specific website it is applied to.
Read if. Skip if.
READ IF YOU ARE…
- A freelance web designer who wants a defensible shortlist of what is visually current heading into client conversations.
- A self-taught designer trying to understand why certain sites look the way they do and what is driving those choices.
- A business owner or brand manager who approves web design decisions and wants vocabulary for the conversation.
- A designer building on Showit, Webflow, or similar no-code tools who needs trend context without deep CSS knowledge.
SKIP IF…
- You are a senior designer or creative director who tracks trend publications daily — this is survey-level, not deep analysis.
- You are looking for code-level implementation guides; this is purely visual and conceptual.
The full version, fast.
AI money has made minimalism the default starting point for new sites, but nine counter-pressures are visible across hundreds of sites tracked in 2025. They range from maximalism with the brakes on, to wabi-sabi human-touch imperfection pushing back against AI-generated blandness, to grade-school color palettes replacing neon fatigue. Animations are newly accessible via tools like Spline and Rive. Internet nostalgia is emerging as millennials become decision-makers. Sound interaction is growing, not shrinking. The through-line: each trend is only correct when it fits the brand and goal of the specific site.
Members feature
Chat with this breakdown.
Modern Creator members can chat with any breakdown — ask for the hook, quote a framework, find the exact transcript moment. Unlocks at T2: refer 3 friends + add your own API key.
Create a free account →Where the time goes.
00:00 – 00:18
01 · Introduction
Promise: nine trends spotted across hundreds of sites, patterns becoming clear.
00:18 – 02:06
02 · Trend 1: Barely There UI
AI-company minimalism spreading to all design: skinny sans-serifs, white space, data graphs, single-font palettes.
02:06 – 03:12
03 · Trend 2: Maximalism*
The counter-reaction that pulled back — big fonts, bright colors, visual chaos but restrained by AI minimalism dominance.
03:12 – 04:37
04 · Trend 3: Human Touch
Wabi-sabi design: hand-drawn elements, unpolished photos, paper textures, rough illustrations. Extreme variant: anti UX.
04:37 – 06:05
05 · Trend 4: Grade School Color Palettes
Neon fatigue drives shift to Crayola-era basics with interesting tints. Dominant color: warm orange with red lean.
06:05 – 06:52
06 · Trend 5: Spaceship Instruction Manual
Blueprint layouts with decorative lines, meaningless labels, lo-fi drawings, monospace fonts — strong for technical products.
06:52 – 08:29
07 · Trend 6: Democratized Fancy Animations
WebGL and 3D visuals now accessible via Spline, Unicorn Studio, Rive. Best use is storytelling, not decoration.
08:29 – 10:08
08 · Trend 7: Internet Nostalgia
Early-2000s web aesthetic driven by millennial decision-makers: custom cursors, blocky UI, ASCII art, old-computer experiences.
10:08 – 11:17
09 · Trend 8: The Tab That's Playing Music
Websites adding micro-interaction sound. Phones trained users to expect sonic feedback — it is spilling to web.
11:17 – 12:32
10 · Trend 9: Tech Bro Gradient
Purple/blue/teal soft gradients as the SaaS/AI startup uniform. Easy but becoming invisible — stand out by modifying combos or shapes.
12:32 – 13:00
11 · Conclusion
Reframe: the question is not which trend to jump on but what skills make every design decision serve the site and client.
Lines worth screenshotting.
- AI companies made hyper-minimalism aspirational, so every startup is now copying OpenAI and Perplexity whether or not it fits their brand.
- Maximalism never exploded in 2025 the way designers predicted — AI minimalism toned everything down and maximalism just pumped the brakes.
- Wabi-sabi imperfection is the strongest counter-signal to AI-generated design: one hand-drawn element signals a real person touched this.
- Neon palettes peaked and crashed within two years — the internet tires of loud colors faster than designers expect.
- The dominant specific color of 2026 is warm orange with a red lean, appearing so often it almost earned its own trend category.
- Blueprint-style spaceship instruction-manual aesthetics work specifically because the labels and lines look important even when they mean nothing.
- WebGL and 3D animations that once required a specialist JavaScript developer are now buildable by any designer with a laptop using Spline, Unicorn Studio, or Rive.
- Animations that tell a story within a site are worth adding; animations that exist because they look cool are not.
- Custom cursors went from universally hated to acceptable because designers finally dialed them back to tasteful instead of turning them into unicorn heads.
- Phones trained users to expect sonic feedback from taps, and that expectation is now spilling into web interaction design.
- The tech-bro gradient — purple, blue, teal, soft glow — has become so uniform that standing out now requires modifying the shape or color combo, not just adding the gradient.
- The real design skill is not knowing which trend to use but knowing when a trend serves the site and when it makes the site worse.
Design trends are only correct when they fit the site.
WHAT TO LEARN
Every visual trend in 2026 has a legitimate use case and an equally legitimate reason to skip it — the decision hinges on brand fit and site goal, not what looks current.
- AI company aesthetics have made hyper-minimalism the new default starting point, which means every designer is now fighting to justify complexity rather than whitespace.
- The strongest signal of originality in 2026 is one deliberate human imperfection — a hand-drawn element, an unpolished photo — because AI-generated smoothness is now cheap and ubiquitous.
- Neon and loud color palettes peaked and collapsed within two years, a useful reminder that the internet fatigues visual trends faster than any other medium.
- WebGL animations and 3D visuals are now democratized tools, not differentiators — the differentiator is using them to tell a story rather than to perform technical capability.
- Sound on websites is growing, not shrinking, because mobile trained users to expect sonic feedback from interactions — designing without it may start to feel broken.
- The tech-bro gradient has become so ubiquitous that using it without modification signals a lack of intentionality rather than technical sophistication.
- The filter that survives every trend cycle is the same: does this serve the website and the person using it, or does it serve the designer's desire to look current?
Terms worth knowing.
- Barely There UI
- A hyper-minimalist visual style characterized by extreme white space, single font families, stripped palettes, and abundant data graphs — associated with AI company branding from OpenAI and Perplexity onward.
- Wabi-sabi
- A Japanese aesthetic philosophy centered on finding beauty in imperfection and incompleteness, applied in web design through hand-drawn elements, unpolished photos, and organic textures.
- Anti UX
- A design stance that intentionally introduces non-intuitive or unconventional interface elements as a creative statement against the obsession with frictionless usability.
- WebGL
- A web technology that renders 3D graphics and interactive visuals in a browser without plugins — previously requiring specialist JavaScript developers, now approximated by tools like Spline and Rive.
- Spline
- A browser-based 3D design tool that lets non-developers create interactive and animated 3D objects embeddable in websites.
- Unicorn Studio
- A no-code tool for creating WebGL-style animated visual effects for websites without writing shader or JavaScript code.
- Rive
- An animation tool for creating interactive, state-machine-driven animations that run in browsers and apps without heavy JavaScript.
- Monospace
- A typeface category where every character occupies the same horizontal width, historically used in coding terminals and instruction manuals — now deployed decoratively to signal technical credibility.
- Tech bro gradient
- An informal name for the purple-to-blue-to-teal soft gradient with optional neon glow that has become the default visual identity for SaaS products, AI startups, and developer tools.
Lines you could clip.
07:54
“Just because you can do it doesn't mean you should.”
08:10
“Our clients don't need award-winning websites. They just need sites that help their businesses.”
12:32
“The question isn't what cool trend can I jump on, but what skills do I need to make sure that whatever I'm doing, I'm making decisions that serve the website or the client the best.”
Word for word.
00:00In this video, I'm breaking down the top nine web design trends of 2026. I've been tracking hundreds of websites and there are some real clear patterns that are starting to show up. So if you want your sites to stand out this next year, you're gonna wanna watch this one.
00:14Are you ready? Let's go. This first trend is happening because of where the money is flowing.
00:22Venture capital is pouring into AI companies, and every new startup wants to look like they belong in that club. So designers are naturally copying the big AI players, and companies like OpenAI and Perplexity, who are the big AI players, have gone hyper minimal.
00:38Everyone else is just kinda following suit, and I don't think money is going to be diverted from AI opportunities anytime soon. So this trend will definitely be extending into 2026 and probably get even more widely used as time goes on.
00:52I'm calling it the barely there UI. And with it, you're gonna see a lot of really skinny sans serifs, some stripped down layouts, and color palettes that are really dialed back. Now in some cases, there's a bit more going on with images and graphic elements, but it's still pretty reserved.
01:09One thing that they're definitely not afraid to display are graphs. They're putting graphs absolutely everywhere.
01:17If you wanna try out this first trend, you you gotta ask yourself, does this fit in to the overall brand of the business and the goal of the website? And that's really true for every trend that I'm gonna be talking about today. But if it fits, don't be afraid to dial back the amount of colors in a color palette, and and don't feel like you gotta have more than just one font family.
01:37That's all that you really need. And, of course, dial up the white space. I actually love this trend, and I love the fact that it's growing in popularity.
01:45I'm excited to see how it takes shape in this next year. By the way, make sure you like this video and subscribe. If you want a full layout of all the trends, the examples I'm using, as well as links to those sites, there's a link in the description to grab them.
01:58As we all know, in most creative fields, there's always a reaction to trends that are kinda like the antithesis of what's popular.
02:06So our next trend actually leans a bit in the opposite direction of the barely there UI trend. It's playful, super creative, and sometimes downright confusing.
02:16I'm calling it maximalism with an asterisk. And why the asterisk?
02:22Well, I thought maximalism would explode this year and even go on into 2026.
02:28I expected bigger brands to kinda loosen up, push some bold visuals, and maybe add a little chaos to their sites. But that didn't really happen, and it it looks like the AI hyper minimalism just kind of toned everything down. So maximalism is here.
02:41It's just pumped the brakes a bit. With this one, you're gonna see big bold fonts, bright colors, and in some extreme cases, way too many moving parts on any one web page. I think most folks are probably gonna dial it back a bit from that, but this is a trend I think that we'll continue to see in 2026.
02:58If you wanna try this one out, start with making your header fonts a bit bigger than you'd normally feel comfortable. Add a pop of color that stands out from the rest of the palette. Push the limits, but do it in the context of what serves the website and the brand the best.
03:12As AI continues to become a very real mainstay, this next trend is doing what it can to kind of push back against that. Have you heard of the Japanese aesthetic philosophy called wabi sabi? It's the idea that imperfections actually add beauty rather than take away.
03:27And you'll see it in their ceramics, their their gardens, and in other forms of art. And and the goal is to find a unique quality that makes that piece one in a million or altogether And this next year, web designers are gonna follow suit.
03:41They're gonna avoid anything that feels AI generated by adding a little bit of what I'm calling the human touch. And sometimes it's super subtle, maybe hand drawn arrows or or messy underlines under text. But it could also show up as photos that look unpolished or maybe shot on a phone.
03:58Textures that feel handmade like paper or ink. Illustrations that look like someone sketched them during a meeting. It's anything that signals, hey, a real person touched this.
04:08In some extreme cases, it looks like something I'm calling anti UX. Anti UX is another response to the obsession to make everything intuitive and perfect. Not everyone's gonna get that crazy.
04:19In fact, most websites just tend to kinda sprinkle in a bit of super creative, somewhat non intuitive elements, but it's definitely noticeable. If you wanna try this on your own site, add one or two imperfect handmade elements, a scribble, a rough icon, a little asymmetry. It shouldn't feel messy, just human.
04:37Now let's talk about some color trends on websites. At the end of twenty twenty four, neon was going crazy. In particular, there was one very bright extreme line that kept popping up again and again and again.
04:50I thought that was a trend that we'd see for a while, but it turns out that people get tired of really loud colors fairly quickly. Who knew? Not that these colors weren't done tastefully.
05:00A lot of them were super cool, but the Internet moves quick. We saw a bit of decline in neon palettes being used in 2025. So this year, folks are trading in neon green for colors that are a little bit back to basics.
05:12This is a trend that I'm calling the grade school color palettes. You'll see this trend play out in some nuance colors that kinda harken back to the days of Crayola coloring sheets. But even though they're basic, web designers are still getting creative with them.
05:25These aren't your kindergarten teacher's primary colors. No. They they have hues, tints, shades that give them an interesting flare to keep everything feeling new and fresh.
05:34One specific color that I'm seeing a lot of and we're probably going to continue to see in 2026 is this orange. And sometimes it's this basic orange, but sometimes it's got a bit of red mixed into it.
05:47But it's literally everywhere. Almost to the point that I actually almost gave it its very own place in the trends list. But to keep things simple, I'm I'm just including it in the grade school color palettes.
05:58So test out how you can play this out on your own sites. Don't be afraid to explore simpler, more grounded palettes. Basics are back.
06:05This next trend is one that I am seeing everywhere on the Internet and even in other design fields as well. It's a trend I'm calling the spaceship instruction manual.
06:15You got that blueprint style layout, lines pointing random elements, and tiny labels that don't actually mean anything, but they look important. Some designers are even replacing real images with lo fi drawings, almost like the product is taken apart so you can see the inside. And there's also a ton of monospace text or fonts that that mimic that instruction manual spaceship vibe.
06:37This look works great if your project is even slightly technical. If you wanna try it, don't overthink it. Add a few unnecessary lines, some monospace labels, and maybe a diagram style graphic.
06:48A little goes a long way, and you'll definitely see more of this in 2026. This next trend is something that was gatekept for a long time. You only used to see it on, like, really high end agency sites with a developer who lived and breathed JavaScript.
07:01But with the rise of some really cool tools, it's suddenly accessible to almost anyone with a laptop. I'm calling this one democratized fancy animations.
07:11Tools like Spline, Unicorn Studio, and Rive are are giving everyday designers the ability to add the kind of visuals that used to require a specialist. And as a result, I think we're gonna start seeing WebGL type stuff a lot more in 2026.
07:25If you're not familiar with WebGL, it's basically what lets websites display the kind of three d or interactive graphics that you'd normally see in video games. It's super powerful and now it's easier than ever to fake or recreate these with some new tools.
07:40You might see it pop up in in full blown immersive experiences where it feels like you're kind of walking through a video game rather than scrolling a website. But some of the best ways that I've seen it being used is to tell a story within the website.
07:55So the animations don't distract you, they actually add to what the site is trying to communicate. I've been adding Unicorn Studio and Spline Stuff to my own websites for a while, and honestly, it's a lot of fun. But here's the thing.
08:06Something you gotta know about this trend is just because you can do it doesn't mean you should. Think about how animations will fit in to add to the overall goal of your site. If they don't, then don't feel the pressure to do them just because it's trending.
08:22Our clients don't need award winning websites. They just need sites that help their businesses. And that might include animations and some of this cool WebGL stuff or it might not.
08:32Up next is a trend that I'm seeing show up just slightly right now. So it's it's not super mainstream just yet, but here's the thing. The trend is coming from folks who grew up in a season when the Internet was just being born, and all those people are starting to become decision makers in the industries that they work in.
08:50So this is a bit of a prediction, but it's one that I think we're gonna see more and more of over the next year, and it's a trend I'm calling Internet nostalgia. So Internet nostalgia plays out in website elements that look like they came straight out of the early two thousands. Very often I see this in custom cursors that do pretty cool things.
09:08This is one of those funny things about trends because just a few years ago people hated alternate cursor choices mainly because folks got really kinda carried away with them. Your mouse would turn into a unicorn head or or a rainbow. But now they're a lot more dialed back and way more tasteful.
09:24Less often I see it in UI tools that look straight out of a Microsoft Windows home screen. Everything's simple and very blocky because back in those days, modern CSS didn't exist and everything had to be designed in tables. Those were not fun days for web designers.
09:38You might see it in images made completely out of text characters or an experience that makes you feel like you're actually looking at a site on an old computer. Kinda cool. This design trend is fun, and it's gonna be fun to see how it plays out.
09:51And if you wanna try this, you don't have to rebuild your whole site. Just start small. Add one nostalgic moment, maybe a a fun cursor or a pixelated icon or a retro tool tip, if you will.
10:03Think of it like seasoning. A little sprinkle is gonna go a long way. This next one is a trend I was for sure that we were gonna stop seeing as much of.
10:11People have so much hate for this one, and and there's even a joke you've heard that directly speaks to this one. The joke goes like this. My brain is like an Internet browser.
10:2219 tabs are open, three are frozen, and I have no clue where the music is coming from. I'm calling this one the tab that's playing music because yes, websites are adding sound more and more to their interactions.
10:36Sometimes it's full fledged songs, but more often it's little micro sounds, little interactive elements that click and beep in response to some interaction. And here's why I think this one isn't going away just yet. Our phones actually trained us to expect sonic feedback.
10:50If you tap on something on your phone and it doesn't make a little sound or vibrate, your brain goes, uh-oh, that that didn't work. Let me check this again. So that expectation is actually spilling into the web.
10:59We're starting to see more interactive sounds, not less. If you wanna try this on your own site, keep it tiny and tasteful. One soft click or hover tone is fun.
11:08A full soundtrack? Probably not the move. And better yet, let people choose if they hear the sounds rather than it being forced on them.
11:16This final trend is another color related one, but because I'm seeing it so often, it kinda warranted its own category. This is another callback to the tech space. Brands are trying to feel innovative and edgy, and they're adding splashes of these all over the place because it gives it kind of a future forward feeling.
11:32I'm calling this trend the tech bro gradient. And if you pay attention, you're gonna easily notice it everywhere. They typically show up on technology based or SaaS products, but I've seen those show up on all kinds of websites.
11:44These gradients are usually a soft mix of purples, blues, teals, sometimes a little neon glow, and they basically become the unofficial uniform of every SaaS company, AI startup, and developer tool trying to look like cutting edge software. This trend is likely sticking around and becoming even more prevalent in 2026 because it's easy and it looks good without having to try too hard.
12:06And, hey, I I don't judge. I love gradients and I actually use them on a lot of my own sites. But if you wanna stand out, you might need to find some unique ways to implement them.
12:15Maybe play with some of the color combos or even shapes. It doesn't have to be a sphere that fades in opacity towards the edges. But be careful because no matter how cool the individual design looks, if it doesn't fit into the overall big picture of the website, it's gonna make the website worse, not better.
12:32So really, the question isn't what cool trend can I jump on, but what skills do I need to make sure that whatever I'm doing, I'm making decisions that serve the website or the client the best? Thankfully, I've got a video that covers every skill that you need to be in the top 1% of web designers and not just know what to do, but how to do it as well.
12:53So check out that video. Thanks for watching. Don't forget to like and subscribe.
12:56And remember, if you don't quit, you win.
The Hook
The bait, then the rug-pull.
Nine trends. Hundreds of sites tracked. One rule that overrides all of them. The host has been watching where design money flows — and the patterns heading into 2026 are clearer than most designers expect.
Named ideas worth stealing.
01:08concept
The Fit Test
Before applying any trend, ask: does this fit the overall brand and goal of this website? Applied consistently across all nine trends.
Steal forClient discovery conversations or design rationale documents
00:18list
Nine 2026 Web Design Trends
- Barely There UI
- Maximalism*
- Human Touch
- Grade School Color Palettes
- Spaceship Instruction Manual
- Democratized Fancy Animations
- Internet Nostalgia
- The Tab That's Playing Music
- Tech Bro Gradient
Named shortlist of visual patterns spotted across hundreds of sites heading into 2026.
Steal forClient trend briefings, design proposals, portfolio case studies
How they asked for the click.
12:32next-video
“I've got a video that covers every skill that you need to be in the top 1% of web designers.”
Soft pivot at the end — reframes the trend content as incomplete without skill-building, then points to another video. No hard sell. Effective because it logically follows the closing argument.
Visual structure at a glance.
