Viral Hooks
Trending short videosCreator breaks down web design trends
D

@deathtostock

Instagram · Talking Head Edit

@deathtostock Web design is getting a lil freakyyyyyy. We made three usable templates for you to create your own designs – comment LOTUS for modularity, BUTTERFLY for morphing, or DOGGY STYLE for monochrome 🪷🦋🐶 Vote for your fav trend below:

View original on Instagram

The edit1 shot · 10 text
Shots Text1:45

Performance

Views
580.6K
Likes
37.9K
Comments
6.3K
Engagement
7.6%
Outlier
2.6×
Length · 17 Jan 2026
1:45

Video #31975 · Talking Head Edit

Creator breaks down web design trendsfrom @deathtostock

[01]

Overview

The creator begins by questioning the unique, illustrative design of the new Hermès website, using it as a hook to introduce a broader shift towards 'anti-slop' design. She then structures the video as a listicle, breaking down three key web design trends: Morphing (immersive, full-height scrolling), Modularity (puzzle-like, adaptive layouts), and Monochrome (single-hue color treatments). For each trend, she provides multiple visual examples from real brands and offers a corresponding free website template that viewers can get by commenting a specific keyword, before concluding with a final recap of the calls-to-action.

[02]

Simple outline

  1. 1Pose intriguing question
  2. 2Present numbered list
  3. 3Explain each item
  4. 4Offer value for engagement
  5. 5Provide final summary

[03]

Related videos

[04]

Classification

Concepts
Breakdown
Elements
B-Roll CutawayText OverlayDM / Comment-for-Info CTA

[05]

Hook analysis

What stops the scroll in the first 3 seconds

Title hook · 45%

What is going on in the new Hermès website?

Verbal hook · 15%

What is going on in the new Hermes website?

Visual hook · 40%

A laptop screen displays a unique and artistic website with red and white hand-drawn animations, creating immediate visual intrigue.

[06]

Hook template

Steal this for your own video

What is going on with [brand]'s new [product or asset]?

  • — What is going on with Nike's new packaging?
  • — What is going on with Apple's new checkout page?
  • — What is going on with Duolingo's new rebrand?

[07]

Hook and payoff

The promise the opener makes, and how the video pays it back

Hook

The Provocative Case Study: Begins with a specific, high-profile, and slightly unusual example to generate curiosity and frame a central question that the rest of the video will answer.

Payoff

The viewer receives a clear understanding of emerging trends, feels empowered with actionable knowledge, and is given multiple, distinct opportunities to receive a tangible, valuable asset.

[08]

Narrative framework

The structural pattern this video runs on

Framework

The Gated Value Report

An educational listicle where each item is followed by a direct call-to-action offering a related, high-value digital asset (a 'freebie') in exchange for a specific comment, maximizing engagement through a repeated value exchange.

  1. 1

    The Credibility Bridge

    Connects the opening hook to a broader, previously established thesis, positioning the creator as a knowledgeable authority whose predictions are coming true.

  2. 2

    The Listicle Declaration

    Explicitly states the video's purpose and structure, telling the audience they are about to see a numbered list of items, which manages expectations.

  3. 3

    The Itemized Deep Dive (Repeated)

    A recurring segment where each item in the list is introduced, defined, and illustrated with multiple visual examples to provide comprehensive proof.

  4. 4

    The Engagement Gate (Repeated)

    A recurring call-to-action placed at the end of each item's segment, offering a valuable, topic-related freebie in exchange for a specific comment.

  5. 5

    The Unifying Principle

    A concluding beat that synthesizes the individual list items under a single, overarching concept or piece of advice, adding a layer of strategic insight.

  6. 6

    The Final CTA Recap

    A rapid visual summary of the calls-to-action, serving as a final, powerful reminder to engage.

Themes

  • design innovation
  • digital experience
  • future trends

Techniques

  • listicle format
  • visual examples
  • call-to-action

Trends

  • anti-slop design
  • monochrome design
  • modular design

Post caption

Web design is getting a lil freakyyyyyy. We made three usable templates for you to create your own designs – comment LOTUS for modularity, BUTTERFLY for morphing, or DOGGY STYLE for monochrome 🪷🦋🐶 Vote for your fav trend below:

Text overlays

  • title · beginning

    What is going on in the new Hermès website?

  • title · beginning

    Let's talk about 3 web design trends

  • title · middle

    #1 MORPHING

  • title · middle

    #2 MODULARITY

  • title · end

    #3 MONOCHROME

  • call-to-action · middle

    comment 'LOTUS' for access.

  • call-to-action · middle

    free by commenting butterfly below.

  • call-to-action · end

    comment 'DOGGY STYLE' to get it.

  • title · end

    Here's a cheat sheet one last time.

  • branding · throughout

    (DTS)

Transcript

What is going on in the new Hermes website? Hand drawn animations welcoming you to the site and illustrations replacing category shots and the folk symbolism obscuring the products. Remember when we said design was going anti slop in 2026? We're already seeing it redefine online experiences, with brands leaning into human craft, pre modern storytelling, and natural symbolism. Max Mara was so early to this. But this isn't the only big shift happening online. Let's talk about three web design trends gaining traction this year. Number one, morphing. Flat scrolling is out for the year. Designers are opting for more immersive formats instead. Full height images and videos are increasingly becoming standard paired with morphing transitions between sections. Lightship really did this beautifully. By the way, you can get this template for free by commenting better below. Number two, modularity. Predictable grids are also being reconsidered. Designers are building modular, pastel like layouts that feel adaptive and flexible. Interactivity shows up through multi column scrolls, hover reveals, and expanding modules. Yep. We also made this free template with our visuals coming lotus for access. Number three, monochrome. Finally, designers are leaning into full monochrome treatments using a single hue across the entire interface and pushing it as far as it rank go. Layouts are expanded through gradients, overlays, tier, and texture variations, letting the color drive the mood and establish a strong visual identity. And you guessed it, we also made this template. Visuals are ours, common doggy style to get it. One last no, all of these web design approaches experiment with new ways of structuring experience. They also benefit from adaptable versions to remain usable across different needs. So keep that in mind as you build for 2026. Here's a cheat sheet one last time.

Creator breaks down web design trends | Viral Hooks