Duct - Bold Brutalist HVAC Community Forum Landing Page Template

Quick summary

Duct drops visitors directly into a working Manual J load estimation tool. No hero image, no tagline. The calculator is the first impression. As the page scrolls, brutalist comparison cards and live forum thread previews surface one by one, earning trust before the "Join the Argument" call to action ever appears.

Who this template is for

This template is built for HVAC community forums that want to attract working tradespeople, not casual browsers. It speaks directly to people who already know what a BTU is and respect a tool that gives them one immediately.

• Journeymen, service technicians, and installers who do field work daily
• Shop owners and estimators comparing system bids on real projects
• Forum founders and operators building a trade-specific online community

What problem this template solves

Most community forum landing pages ask visitors to trust a community before showing them anything useful. That model fails with experienced tradespeople. Skilled technicians are skeptical of empty marketing. They need proof before they commit.

• The page leads with a real tool, not a pitch, so visitors get value on arrival
• The scroll-reveal structure keeps attention by releasing information progressively
• The registration ask comes only after the calculator and comparisons have already delivered

What you get with this template

You get a complete, single-page scroll-reveal landing page structured around a calculator-first conversion flow. Every section is built to carry weight, just like the mechanical systems the community discusses.

• A Manual J BTU estimation tool with brutalist monospaced inputs and live violet number animation
• Three brutalist system comparison cards matched to the calculated load result
• Forum thread preview section with reply counts and member reputation scores
• A dual-path call to action: free registration or a PDF bookmark of the calculation

Feature list

This section covers the core functional and visual features built into the Duct template as described in the source brief.

Live Manual J Load Calculator

The header section contains a Manual J BTU estimation tool with exposed input fields for square footage, climate zone, insulation R-value, window orientation, and ceiling height. Inputs are rendered in JetBrains Mono monospaced type on a void-black background. As visitors type, violet numbers animate in real time to show the estimated BTU output.

Scroll-Reveal Progressive Disclosure

Each section below the calculator appears through scroll-triggered progressive reveal animations. Sections load like panels sliding into place, one at a time, building authority and keeping the visitor engaged as they move down the page.

Brutalist System Comparison Cards

Three raw brutalist cards appear after the calculator result, each matched to the load output. Every card displays the system type, SEER2 (Seasonal Energy Efficiency Ratio 2) rating, installed cost range in USD, and member sentiment pulled from real forum threads.

Forum Thread Previews

A dedicated section surfaces live thread previews where members debate the exact systems shown in the comparison cards. Reply counts, reputation scores, and activity timestamps are visible, making the community feel active and credible.

Dual-Path Call to Action

The "Join the Argument" registration form asks only for trade role, years in the field, and email address. A secondary path lets visitors bookmark their calculation and receive the full system comparison as a PDF, no registration required.

Void and Violet Design System

The entire template uses a strict four-color palette rendered in a bold brutalist visual style. Typography separates into JetBrains Mono for all calculator inputs and readouts, and DM Sans for body text and interface elements.

Page sections overview

Design & branding system

The Duct template runs on a Void and Violet color system. Absolute void black dominates every background. Electric violet activates buttons, live calculator readouts, and call-to-action states. Bruised purple-gray adds depth to card and panel backgrounds. Exposed-conduit silver carries body text and structural dividers.

• Colors: void black (#09090B), electric violet (#7C3AED), bruised purple-gray (#1E1B2E), silver (#C4C4CC)
• Typography: JetBrains Mono for all calculator inputs and numeric outputs; DM Sans for body copy and interface labels
• Visual style: Bold Brutalist, with raw exposed-field aesthetics, oversized result type, and no decorative imagery

Mobile & speed optimization

The template is designed desktop-first, reflecting how working technicians typically run load calculations on laptops during estimates or site visits. Mobile support is included to keep the page usable across devices.

• Desktop layout prioritizes the full calculator input grid and side-by-side comparison cards
• Mobile layout adapts inputs and cards into a stacked single-column flow
• Server Components handle all static sections; the calculator runs as a Client Component for real-time interactivity

How this template helps you convert

The page earns the registration click by proving the community's knowledge before asking for anything. Every section is sequenced to build credibility in the visitor's mind, step by step.

1. The live calculator delivers immediate, personal value the moment the visitor arrives, creating investment in the result
2. The system comparison cards and forum thread previews demonstrate that the community behind the tool is active and expert
3. The dual-path call to action removes friction by offering a PDF option for visitors not yet ready to register

Other information about this template

This template is designed for HVAC digital presence builders who want a landing page that reflects the technical seriousness of the trade. It fits community operators, forum founders, and platform builders targeting North American HVAC professionals.

• Units and pricing are localized for the USA market: BTU, square feet, degrees Fahrenheit, and USD cost ranges
• Animation intensity is high, with scroll-reveal transitions, hover states on thread previews, and violet number animation on the calculator
• The template supports the full HVAC trade audience spectrum, from apprentices and journeymen to shop owners and mechanical engineers
• The PDF bookmark secondary path serves visitors who are in research mode and not yet ready to commit to registration

Show more