Void - Dark Graphic Designer Landing Page Template

Quick summary

Void is a single-page horizontal scroll portfolio template built for graphic designers who work at the intersection of craft and atmosphere. The layout moves like a film reel, the color palette stays locked in absolute darkness until interaction ignites it, and the final panel converts curious visitors into qualified leads.

Who this template is for

This template is built for independent graphic designers who need their portfolio to do the selling before a single word is exchanged. It speaks directly to practitioners with a strong visual identity and a client list worth showing off.

• Freelance graphic designers pitching brand identity, editorial, or digital product work to premium clients
• Designers preparing a portfolio before a Series A fundraising conversation or agency talent review
• Creative professionals who want a dark, cinematic online presence that communicates restraint and precision

What problem this template solves

Most portfolio templates default to light backgrounds and generic grid layouts. They put the work in a container that undercuts it. Void eliminates that contradiction.

• Generic layouts flatten distinctive work and make every designer look interchangeable
• Standard vertical scroll portfolios lose momentum and let visitors disengage before they see the full body of work
• A forgettable first impression costs real project opportunities with creative directors and editorial clients

What you get with this template

Void delivers a fully structured horizontal scroll landing page with every section, animation cue, and conversion element built in and ready to customize.

• A full-screen video header section with a custom typeface name reveal animation
• A cinematic horizontal scroll sequence with per-project panels, parallax glass-morphism layers, and client testimonial blocks
• A lead-generation contact panel with a project intake form and a secondary email capture micro-call-to-action

Feature list

This template packs a precise set of built-in features, each chosen to make the portfolio experience feel intentional rather than assembled.

Full-Screen Video Header

The header opens on a looping macro-resolution screen recording of real design work: anchor points in motion, layers toggling, and Bézier curves filling the frame. After four seconds of pure footage, the designer's name appears letter by letter in a custom display typeface with a violet glow pulse behind it.

Horizontal Scroll Cinematic Sequence

Each project unfolds across lateral panels like frames in a film reel. A full-bleed hero image opens the sequence, followed by process frames covering moodboard, sketch, vector construction, final deliverable, and a client testimonial set in the project's own typeface. Pacing tightens as the reel advances.

Parallax Glass-Morphism Layers

Frosted glass-morphism cards float at independent scroll speeds across the single-axis layout. The layered depth effect turns flat horizontal movement into a three-dimensional journey without breaking the dark visual tone.

Void Breath Transitions

Between every project sequence, the screen cuts to pure absolute black for a deliberate beat. This visual pause resets attention and builds anticipation before the next project ignites, giving the reel a rhythm that feels composed rather than continuous.

Lead-Generation Contact Panel

The final scroll position lands on a contact form asking for name, project type, a freeform vision textarea, and an optional file upload for reference material. A secondary micro-call-to-action captures email addresses from visitors who want the designer's Process Deck PDF before committing.

Void & Violet Color Interaction System

The palette stays in absolute black and frosted glass gray at rest. Electric violet and reactive neon orchid appear only on hover states and cursor trails, rewarding visitor movement with light. Every color decision reinforces the atmosphere of the overall dark theme.

Page sections overview

Design & branding system

The visual identity is built on a Tech Glass theme that treats darkness as the default state and light as a reward for interaction. Every element earns its presence on screen.

• Color system uses absolute black (#09090B), frosted panel gray (#1A1A2E), electric violet (#7B2FBE), and reactive neon orchid (#C77DFF) reserved strictly for hover states and cursor trails
• Typography uses a custom display typeface for the name reveal with surgical kerning, and each client testimonial block is set in the typeface of its own project
• Chromatic aberration is applied to the header video edges, adding a cinematic lens imperfection that anchors the footage in physical reality

Mobile & speed optimization

The horizontal scroll layout is structured for a controlled, intentional viewing experience. The design decisions support smooth playback of the cinematic sequence across modern devices.

• Glass-morphism layers are built with scroll-speed offsets that maintain visual depth without stacking heavy render operations
• The video header uses real 4K footage, so designers should export a compressed web version at the appropriate resolution for their hosting setup
• The contact panel and form elements are sized and spaced for comfortable use on both desktop and touch-screen devices

How this template helps you convert

The horizontal scroll journey is structured as a progressive pitch. By the time a visitor reaches the contact panel, the work has already made the case.

1. The video header establishes craft and atmosphere in the first four seconds, capturing attention before a single marketing word appears on screen.
2. The cinematic project sequence builds trust panel by panel, showing real process and real client outcomes rather than a static image grid.
3. The dual-path contact panel closes the loop: the primary form captures ready-to-commit clients, and the Process Deck micro-call-to-action captures email from visitors who need one more proof point.

Other information about this template

Void is purpose-built for the graphic designer dark theme portfolio niche, where atmosphere and craft signal are inseparable from the work itself.

• The template style is horizontal scroll, a deliberate choice that mirrors how a film reel or print spread is consumed rather than how a webpage is typically browsed
• The creative direction follows a Cinematic Sequence model in which pacing accelerates across the reel, with the first project spanning three panels and the last spanning one
• The header concept is a Full-Screen Video Background using real workspace footage rather than stock material, reinforcing authenticity
• The lead-generation direction is built into the template structure, not added as an afterthought; the entire horizontal journey is engineered to deliver a warm, pre-sold visitor to the final form

Show more