Inbox is a bold brutalist landing page template built for architecture firm email marketing platforms. It uses a split-screen layout, a dark glass panel header, and a scrolling feature matrix to walk visitors from problem to solution. The primary call to action drives app downloads with no form required, just a platform selector and a single click.
by Rocket studio
Loading preview…
Quick summary
Inbox is a single-page landing page template designed for an email marketing platform built specifically for architecture firms. It pairs a 50/50 split-screen layout with a bold brutalist visual identity. The page moves visitors through a scrolling feature matrix and closes with a frictionless app download call to action. Every section is intentional and nothing is decorative.
Who this template is for
This template is built for software products serving design-led professional services firms. It speaks directly to the people managing communications at architecture practices where visual quality is non-negotiable.
Marketing directors at mid-size architecture firms managing multiple active projects
Principals who need client-facing emails to reflect the quality of their printed portfolios
Business development leads tracking document engagement and developer outreach
What problem this template solves
Architecture firms produce some of the most visually refined work in any industry. Their email communications rarely match that standard. This template presents the case that professional email marketing software can close that gap.
Generic email tools produce layouts that undercut carefully crafted visual brands
Principals and marketing directors have no easy way to track whether key contacts opened critical documents
Existing newsletter platforms offer no features tuned to project pipelines or architecture firm workflows
What you get with this template
This template delivers a complete single-page layout structured to sell an email marketing application to architecture professionals. Every section is mapped to a specific moment in the buyer's consideration journey.
A dark glass panel header with an oversized headline and a translucent app interface preview on the right panel
A scrolling feature matrix that pairs each pain point on the left with the platform's solution on the right
A video-led app download section with a device frame, platform selector, and a no-form single-click download path
Theme
Bold Brutalist
Creative direction
Feature Matrix
Color system
Void & Violet
Style
Split Screen (50/50)
Direction
App Download
Page Sections
Split-screen Dark Glass Header
Scrolling Feature Matrix
Device Frame Workflow Video
Frictionless App Download Section
Void and Violet Color System
Bold Brutalist Typography and Transitions
Related questions
Who is this landing page template built for?
Does the download flow require visitors to complete a form?
Can the feature matrix rows be customized for different platform capabilities?
Why does this template use a brutalist visual identity?
What is the purpose of the screen recording section before the call to action?
Feature list
This template covers the full visual and structural range needed to present a specialized software product to a design-literate audience. Each built-in section is purposeful and tightly scoped.
Split-Screen Header with Dark Glass Panels
The header divides the viewport evenly into two dark glass panels. The left panel carries an oversized grotesque headline set against a moody black surface. The right panel floats a translucent app interface showing a full-bleed architectural render with violet open-rate metrics glowing beneath it. A subtle reflection effect gives the impression of looking through corner-office glazing at night.
Scrolling Feature Matrix Layout
The split-screen format persists as the visitor scrolls. Each row in the matrix pairs a left-side problem visual with a right-side solution view. Rows snap into place with hard brutalist transitions, no easing, no bounce, precise alignment like precast panels being lifted into position.
Device Frame Screen Recording Section
Before the call to action, a sixty-second looping screen recording plays inside a device frame. It shows a real workflow: dragging a hero image into a template, adjusting typography, hitting send, and watching open-rate notifications arrive. The video demonstrates the product before asking for any commitment.
Frictionless App Download Call to Action
The primary call to action reads "Download for Mac" with a secondary "Get the iOS app" link directly beneath. No form is required. A tertiary path lets mobile visitors enter only an email address to receive the download link. The entire sequence is designed to reduce friction at the final conversion step.
Void and Violet Color System Applied Throughout
Electric violet marks every interactive element: buttons, dividers, active states, and progress indicators. Void black and concrete gray alternate as background blocks. Sharp titanium white carries all body typography. The palette is applied consistently so the visual hierarchy is always legible and never ambiguous.
Bold Brutalist Typography and Transition System
Section transitions use hard cuts with no easing curves. Typography is set in an oversized grotesque typeface that references the weight and precision of architectural drawing annotations. Every typographic and motion decision reinforces the brutalist identity rather than softening it.
Page sections overview
Section
Purpose
Dark Glass Header
Introduce headline and app preview
Feature Matrix Row 1
Show email design problem versus. solution
Feature Matrix Row 2
Show generic layout versus. portfolio builder
Feature Matrix Row 3
Show untracked PDF versus. document analytics
Feature Matrix Row 4
Show CRM and pipeline integration capability
Screen Recording Block
Demonstrate real workflow in device frame
App Download call to action
Drive Mac and iOS app download
Email Link Capture
Serve mobile visitors with a send-me-the-link path
Design & branding system
The visual identity is built around a Void and Violet color system. Every color decision reinforces a sense of architectural precision and material honesty. The palette draws a deliberate contrast between raw industrial surfaces and precise electric accents.
Absolute void black (#09090B) and exposed concrete gray (#6B6B76) form all background blocks, alternating in hard architectural sections
Electric violet (#8B5CF6) marks every button, divider, hover state, active indicator, and progress element across the full page
Sharp titanium white (#FAFAFA) carries all typographic content for maximum contrast against dark backgrounds
Mobile & speed optimization
The template is structured with mobile visitors in mind, particularly at the conversion point. The tertiary download path specifically addresses the reality that mobile users cannot directly install a desktop application.
The "Send me the link" email capture path is included for mobile visitors who cannot use the Mac or iOS download directly
The feature matrix uses hard snap transitions rather than complex animation curves, keeping section changes clean on smaller viewports
The app download section requires no form fields beyond a platform selector, reducing friction on any screen size
How this template helps you convert
Every structural decision in this template is aimed at building trust before asking for action. The page earns the download by showing the product working before the call to action appears.
The feature matrix escalates the value case progressively, moving from email design to document analytics to project-pipeline intelligence, so the visitor arrives at the download section already convinced.
The device frame screen recording plays a real sixty-second workflow loop, giving the visitor a concrete preview of the product rather than a static screenshot or a list of bullet points.
The no-form download removes the last friction point, offering a platform selector and a single click as the entire commitment required.
Other information about this template
This template was designed at the intersection of architecture firm software and bold visual identity work. It fits naturally within a technology product category where the audience holds design to a high standard and will notice if the marketing does not match the product.
The template style is a 50/50 split-screen layout, a format that lets problem and solution exist side by side without requiring the visitor to scroll between them
The bold brutalist theme is a deliberate choice for an audience that works with raw materials, exposed structure, and precise detailing every day
The creative direction follows a Feature Matrix pattern, which is well suited to software products that need to address multiple buyer personas within a single page
The header concept uses dark glass panels, a visual metaphor that references the glazed facades and reflective surfaces common in contemporary architecture practice
