Skip to Main Content

Designtrends 2026

Web design has changed significantly in recent years. Many of the previous standards for product presentation and technical brand management are currently undergoing a fundamental rethink.

I have summarised a few current trends and observations that are currently gaining in importance. These developments are heading in very different directions. While in some areas the focus is on reduction and direct access to the product, other areas are using technical possibilities for experimental approaches or deeper integration of design systems.

Straight to the Product

Examples of interactive product demos

Airbnbhomepage

Elevenlabshomepage

OpenAIhomepage

shadcn-uihomepage

For a long time, abstract illustrations, stock photos and vague promises dominated the hero sections of websites. This approach is rapidly losing its effectiveness. Users are more sceptical, better informed and have an extremely short attention span.

We've all been there: you scroll through a visually impressive website for a digital product, reach the footer and end up wondering what the product actually does. Or you click on a button that promises a demo, only to land on a login page that requires you to register first. Aesthetically appealing, but frustrating in terms of content. This pattern has developed into a clear anti-pattern.

The countertrend is clearly visible. Products such as OpenAI, ElevenLabs, Airbnb, Spots Travel, and UI libraries such as shadcn/ui show how radical transparency can work. Instead of long explanations, the product itself becomes the first interaction. Function, interface, and added value can be experienced immediately.

The straight-to-the-product approach deliberately breaks with the logic of classic marketing funnels. Visitors get direct access to an interactive demo or real product conditions, without any hurdles or preconditions. The focus shifts away from claims about what a product can do to an experience that proves it immediately.

Instead of claims, interactive demos, real screencasts or high-resolution video loops of the actual interface appear directly in the first viewport. Presenting your product openly demonstrates self-confidence and builds trust even before a single claim has been read. Here, design becomes an amplifier of product quality, not a substitute for it.

This stands in stark contrast to product pages where, despite fancy design, it is often not clear what product is actually being offered.

The maxim is simple and consistent: show your product. Immediately.

Infinite Canvas

Examples of the use of Infinite Canvas

The Experience view presents Palmer-Dinnerwareproducts on an infinite canvas. Alternatively, you can switch to a grid view.

ComfyUI consists of a node-based editor that takes place on an infinite canvas view.

Sergio Musel presents his portfolio projects on an infinite canvas.

Excalidraw works similarly to numerous other whiteboard solutions and uses an infinite canvas

Similar to ComfyUI, WeavyUI also uses an infinite canvas in combination with the node-based editor.

David Kirschberg also presents its portfolio projects on an infinite canvas.

Cosmos presents public domain content on an infinite canvas view.

Inspired by tools such as Figma, Miro, Adobe Illustrator and Google Maps, web design is increasingly moving away from the classic, purely vertical scroll paradigm.

The concept of the infinite canvas transfers spatial thinking to the web:

  • Navigation is no longer exclusively top-down, but takes place in space.
  • Zooming and map-like navigation on the X and Y axes replace classic page logic.
  • Content behaves like a walk-in map rather than a linear document.

Infinite canvas interfaces encourage creative and exploratory engagement with content. Instead of moving through individual pages, users first gain a spatial overview from a bird's eye view and then navigate specifically into the depths. This pattern is increasingly moving away from its original use in map applications and design tools and is now also being used in more creative e-commerce and product experiences.

At the same time, restraint is required. This form of navigation is not equally intuitive for all users. Similar to map displays, an alternative view should therefore always be offered, for example in the form of classic list or grid layouts, to ensure orientation, accessibility and efficiency.

In AI tools such as ComfyUI and WeavyAI, the infinite canvas, in combination with a node-based drag-and-drop editor, ensures creative freedom and non-linear exploration processes.

Brand Design Platforms

Examples of brand portals.

DropboxBrand Portal.

WalmartBrand Portal.

WiseBrand Portal.

AtlassianBrand Portal.

Static corporate identity and brand guidelines in PDF format are a thing of the past. They are being replaced by living design platforms. Here, the design system becomes its own little product.

Brands such as Dropbox and Wise impressively demonstrate how identity is presented, documented and, above all, experienced today. From design tokens and interactive components to finished brand assets, these portals serve as a single source of truth for marketing, design and development.

Technical integration replaces manual control. This not only strengthens internal collaboration, but also guarantees a consistent, impressive external image across all touchpoints.

WebGL and ex­per­i­ment­al Websites

Examples of experimental design and WebGL

The Shopify Black Friday 2025 page displays an impressive visualisation of data streams and even contains a few Easter eggs.

The Posthogwebsite presents itself as the interface of an old operating system.

The impressive and interactive 3D portfolio of Bruno Simon.

Hyakuyozu - “hundred-way graphic” creates impressive patterns when scrolling, consisting of 5 layers superimposed on top of each other.

Last year, some websites caused quite a stir with impressive 3D animations using WebGL or experimental, operating system-like web interfaces. Usability and accessibility are deliberately not the focus of this trend. This raises the question of the objective: is it about demonstrating technical prowess, alternative brand strategies or simply digital art?

I believe these experiments often serve as a statement. They communicate: ‘We are so far ahead technologically that we can afford to deliberately break rules and standards.’ It is also a signal to the target group of potential applicants: ‘Come and join us – we don't just do standard stuff, we redefine the status quo.’

Organic design using CSS corner-shape

Examples of squircle shapes in web design.

The various corner shapes can be tested on css-shape.

Spendesk uses squircle buttons and cards created with SVG masks.

monokai.comalso uses squircle buttons and cards created with SVG masks.

monokai.pro also uses squircle buttons and cards created with SVG masks.

A small detail that Apple has been using for years in app icons is the elegantly rounded corners in the form of so-called squircles or superellipses. In contrast to the classic border radius on the web, which uses mathematically perfect circle segments, the transition from straight line to curve is much smoother and more harmonious here.

The new CSS property corner-shape makes this aesthetic possible natively on the web for the first time. It replaces complex SVG masks, reduces maintenance effort and improves rendering and performance at the same time.

As the feature is being rolled out gradually across different browsers, it remains to be seen when Firefox and Safari will fully follow suit. Until then, the use of fallbacks or polyfills is essential to ensure consistent display. I am confident that this property will bring significantly more variety and more organic shapes to the web in the coming years.