Webdecks

Scroll deck

/awwwards-flagship

The deck is the page

Scroll decks trade slide mechanics for reading mechanics: no controls to learn, no deck that ends before the reader is finished, and a shareable position anywhere in the argument.

  1. 01

    A deck that opens like an essay

    Opened the flagship scroll deck.

    A scroll deck has no slide numbers and no next button. The first screen is a full-bleed hero that sets the argument, and everything after it is reached the way a reader already knows how to reach it.

    /awwwards-flagship
    /awwwards-flagship
    The opening hero of the flagship scroll deck
  2. 02

    The argument begins

    Scrolled to 1.4 viewport heights.

    The first section after the hero states the claim the rest of the deck spends its length defending.

    /awwwards-flagship
    /awwwards-flagship
    The flagship deck partway down, at 1.4 viewport heights
  3. 03

    Evidence, mid-scroll

    Scrolled to 3.2 viewport heights.

    Sections alternate between assertion and demonstration, so a reader who stops anywhere still has something concrete on screen.

    /awwwards-flagship
    /awwwards-flagship
    The flagship deck partway down, at 3.2 viewport heights

What this feature does

  • Full-bleed hero
  • Scroll-bound sections with no navigation to learn