Monolith — Strategic Heritage Consulting Landing Page Template

Quick summary

Monolith is a single-page editorial landing page for a one-person brutalist architecture preservation consultancy. The template uses a horizontal scroll structure and an Atmosphere and Mood creative direction to move heritage trusts, planning officers, and architecture schools through five cinematic panels before presenting a clear call to action. Every design choice is intentional and raw.

Who this template is for

This template is built for a very specific audience. It speaks directly to practitioners who argue for buildings most people ignore, and to the professionals who commission that argument.

• Heritage trust officers and council planning officers who need an independent expert voice for listing applications
• Architecture school documentation teams researching endangered brutalist structures
• Preservation advocates who want a portfolio site that stands apart from conventional architecture websites

What problem this template solves

Most architecture websites present services before they establish authority. For a preservation consultant working on contested buildings, that order is backwards. Clients need to feel the weight of the argument before they find the contact link.

• Generic website design templates do not communicate the emotional and political stakes of demolition threats
• Conventional landing page layouts flatten the consultant's expertise into a list of bullet points
• Standard web design frameworks lack the raw, editorial design style needed to represent brutalist architecture credibly

What you get with this template

This template delivers a complete horizontal scroll landing page experience. Every panel is a considered graphic design decision, not a placeholder. The layout design follows an editorial magazine logic, making each section feel like a heavy page turning.

• A hero panel with a floating constellation of black-and-white brutalist photography and a typewriter-reveal headline
• Five sequential atmospheric panels covering texture, context, threat, argument, and presence
• Two distinct calls to action: an underlined text link inside the argument panel and a full-width button on the closing panel

Feature list

This section describes the core design and structural features built into the template. Each one serves the landing page's purpose directly.

Horizontal Scroll Panel Architecture

The landing page layout is driven by five lateral panels. Each panel shifts emotional register rather than presenting information linearly. Transitions between pages use a slow cross-dissolve, so the scroll feels like turning heavy editorial stock rather than clicking through slides.

Animated Hero with Typewriter Reveal

The header opens with five to six black-and-white brutalist architecture photographs hovering at different depths. After a two-second pause, the word MONOLITH typesets itself letter by letter in an enormous condensed serif, pushing between the images like a building rising between existing structures.

Dense Editorial Argument Panel

The fourth panel is set like a magazine feature, with a typographic column making the preservation case using planning references and structural data. Oversized typography draws users in, paired with a clean body font for readability. This is where the bold statement lives and where the first call to action appears.

Void and Violet Color System

The design uses absolute black, deep ultraviolet, weathered gray, and a single electric violet accent. The accent is reserved for links, cursor trails, and pull-quote marks. Bold contrast between bone body text and the void-black background keeps graphic design choices purposeful and legible.

Dual Call-to-Action Structure

The primary call to action, "Read the Case Files," earns its appearance by arriving only after four atmospheric panels. A secondary text link, "Commission a Listing Report," sits in the lower margin of the closing panel. This layout design guides users who are already past the persuasion stage.

Cursor Parallax and Breathing Photos

The floating photographs in the hero never stop moving. A subtle cursor parallax effect and a gentle float-breathing animation keep the opening panel alive without overwhelming users. GPU-accelerated transforms maintain smooth motion at sixty frames per second.

Page sections overview

Design & branding system

The design style is Editorial Magazine applied through a Void and Violet palette. Every colour has a role, and nothing appears without a reason.

• Background in absolute black (#0B0B0E), body text in washed bone (#E8E4DF), and electric violet (#8B5CF6) reserved strictly for accent elements
• Fraunces condensed serif for display headings and DM Sans for body text, keeping readability high across all panels
• Raw, unretouched black-and-white photography used throughout to highlight the texture of concrete and materials honestly

Mobile & speed optimization

This template is designed desktop-first, with horizontal scroll as the primary experience. A vertical fallback is included for smaller screens so the portfolio remains accessible without the horizontal mechanic.

• GPU-accelerated transforms power all animations, keeping motion smooth without heavy rendering overhead
• Minimal use of decorative CSS keeps the brutalist design style lean, which supports fast load times consistent with brutalist web design principles
• The footer pattern follows a Superhuman Extreme Minimal approach, removing non-essential elements and keeping the site focused

How this template helps you convert

The landing page earns its click rather than demanding it. The call-to-action structure is deliberate, and the emotional arc through the panels does the persuasion work before any button appears.

1. The cross-dissolve panel sequence builds conviction panel by panel, so users arrive at the argument section already invested in the question of keeping these buildings standing
2. The primary "Read the Case Files" link appears as an underlined phrase inside the argument panel, then resurfaces as a high-contrast full-width button on the final panel, guiding users naturally toward the services and case-studies destination

Other information about this template

This template is fully customisable. Users can update photography, replace placeholder planning references with real case data, and adjust the Void and Violet colour values to match an individual brand identity without writing custom code. The design avoids unnecessary elements or embellishments, making the consultant's portfolio and argument the centre of attention.

• This is the Monolith editorial brutalist preservation consultant landing page template, designed specifically for the brutalist architecture heritage niche
• Brutalist templates like this one are designed to create visually striking and functional websites that communicate strong messages to a specialist audience
• The layout uses a visible structural grid to bring integrity to the design, and services are presented in a plain, text-heavy format consistent with brutalist design principles
• Participants across heritage, planning, and academic fields will find the template open and adaptable to different portfolio and project contexts

Show more