Qrdoor is a horizontal scroll landing page template built for QR code experiences. It guides visitors through a gallery-style flow of branded micro-experience panels, from restaurant menus to event check-ins to product unboxing screens. Built on a Bold Brutalist visual system with an iridescent color palette, it pairs a dramatic full-bleed header with a vault of ready-to-use QR landing page templates.
by Rocket studio
Loading preview…
Quick summary
Qrdoor is a single-page, horizontal scroll landing page template designed for QR code platforms. It uses a gallery walk layout to showcase real micro-experience examples across industries. The design leans on void black backgrounds, synthetic violet, holographic teal, and hot chrome pink to create a screen-glow atmosphere that feels bold, sharp, and alive.
Who this template is for
This template is built for creators and business owners who want to turn a printed QR code into a polished digital experience. It is equally useful for people launching a platform and for those building client-facing demos.
Event producers managing festival wristbands and scan-triggered check-ins
Restaurant owners replacing printed menus with dynamic, scannable screens
Packaging designers who want the unboxing moment to continue on-screen
What problem this template solves
Static QR codes lead visitors to generic links that feel disconnected from the physical object they just scanned. There is no visual continuity, no brand moment, and no clear next step. This template fixes that by showing visitors exactly what a living, branded micro-experience looks like before they commit.
Visitors leave because the scan destination feels cold and unfinished
No clear way to communicate platform value without live examples
The gap between a printed code and a polished digital screen stays invisible
What you get with this template
You get a fully structured horizontal scroll landing page that moves visitors through a curated sequence of QR landing page examples. Each viewport-filling panel acts like an exhibit in a design gallery, building trust through variety and visual impact rather than through argument.
A full-bleed photo header with a brutalist headline and macro scan imagery
A gallery walk section of live QR micro-experience panels with small caps captions
A primary call to action linking to a free, searchable template vault by industry
Theme
Bold Brutalist
Creative direction
Gallery Walk
Color system
AI Iridescent
Style
Horizontal Scroll
Direction
Content/Resource
Page Sections
Full-bleed Photo Header
Horizontal Scroll Gallery Walk
Viewport-scale Experience Panels
Dual-path Call to Action Structure
Iridescent Brutalist Color System
Exposed-grid Slab Typography
Related questions
Who is this landing page template designed for?
Can I customize the gallery panels to match my own use cases?
What is the QR Playbook included in the template?
Does this template follow a vertical or horizontal scroll layout?
Can this template work as a link-in-bio or multi-destination QR hub?
Feature list
The template ships with a tightly designed set of layout components and interaction states. Each section is built to communicate value through visual demonstration rather than persuasion copy alone.
Full-Bleed Photo Header
A macro shot of a phone camera mid-scan fills the entire viewport. The screen glows violet and teal against fingertips, with shallow depth of field collapsing the background into soft bokeh. A single oversized mono-type headline reads "EVERY CODE IS A DOOR."
Horizontal Scroll Gallery Walk
The page moves horizontally through a curated sequence of QR landing page panels. Each panel fills the full viewport like a framed exhibit. A restaurant menu, a concert check-in, and a product authentication screen appear in sequence, each mounted on a black grid with a short small-caps caption.
Viewport-Scale Experience Panels
Every gallery panel is sized to fill the screen completely. This creates the feeling of stepping into each use case rather than reading about it. The visual weight of each panel builds a case for the platform through sheer variety.
Primary and Secondary call to action Pair
The primary call to action, "Browse the Template Vault," links to a free searchable library of QR landing page templates organized by industry. A secondary path, "Download the QR Playbook," offers a gated PDF that requires only an email address.
Iridescent Brutalist Color System
The palette uses void black (#0D0D0D) as the base, with synthetic violet (#8B5CF6) and holographic teal (#2DD4BF) as primary accent tones. Hot chrome pink (#F472B6) is reserved for interaction states and hover flares, creating a shifting, light-refracting effect against raw slab-weight typography.
Exposed-Grid Typography Layout
Headlines use oversized mono type with slab weight for maximum impact. Captions appear in small caps beneath each gallery panel. The grid is deliberately exposed, reinforcing the brutalist aesthetic and giving the layout a raw, architectural quality.
Page sections overview
Section
Purpose
Full-Bleed Header
Establishes brand atmosphere with macro scan photography and the core headline
Horizontal Gallery Walk
Walks visitors through real QR micro-experience panels by industry
Restaurant Menu Panel
Demonstrates the dining use case with a full-viewport menu experience
Event Check-In Panel
Shows festival and wristband scan check-in in a live panel format
Product Authentication Panel
Illustrates the packaging and unboxing on-screen continuation use case
Template Vault call to action
Directs visitors to browse a free, searchable QR landing page template library
QR Playbook Download
Offers a gated PDF resource requiring only an email address to access
Design & branding system
The design system is built on a Bold Brutalist theme executed through an AI Iridescent color palette. The result feels like light refracting off a phone screen in a completely dark room, each color competing for attention without canceling the others.
Void black (#0D0D0D) base with synthetic violet (#8B5CF6) and holographic teal (#2DD4BF) as dominant accents
Hot chrome pink (#F472B6) reserved exclusively for interaction states and hover flares
Oversized mono type and slab-weight headlines set against an exposed-grid layout for a raw, architectural feel
Mobile & speed optimization
The horizontal scroll mechanic and full-bleed panels are designed for a portrait phone viewport first. Visitors arriving from a real QR code scan will land on a page that already feels native to their device.
Viewport-scale panels fill the phone screen edge to edge with no dead space
The gallery sequence works naturally with touch-driven horizontal swipe behavior
Bokeh-heavy photography and screen-glow color choices are optimized for OLED and high-contrast displays
How this template helps you convert
Value is demonstrated before any ask is made. By the time a visitor reaches the call to action, they have already scrolled through a dozen live QR landing page examples. The click feels like continuing the exploration rather than surrendering information.
The gallery walk builds proof through variety, showing restaurant, event, and packaging use cases in sequence before any sign-up prompt appears.
The dual-path call to action structure lets visitors self-select: browse the free template vault immediately, or download the QR Playbook with just an email address.
Other information about this template
This template sits at the intersection of the Personal and Resume category, the Linktree and link-in-bio subcategory, and the QR code landing niche. It is a strong fit for creators who manage multiple scan destinations and want a single, well-designed page to demonstrate their platform or service.
The template style is horizontal scroll, which makes it visually distinct from standard vertical landing pages
The creative direction follows a gallery walk concept, treating each QR use case as a framed exhibit
The header concept is a full-bleed photo with a brutalist headline, making the first impression cinematic rather than informational
This template can support a link-in-bio style hub when configured to point multiple QR codes to a single organized destination
