Forge - Electric Plugindirectory Landing Page Template

Quick summary

Forge is a single-page, split-screen landing page template designed for Salesforce plugin and extension directories. It opens with a chrome ticker of partner logos and moves visitors through a Problem to Solution scroll arc. Two clear calls to action drive clicks to a filterable directory without any form friction.

Who this template is for

This template is built for teams and individuals who run, promote, or sell curated Salesforce plugin and extension directories. It speaks directly to the people who live inside Salesforce orgs and need a fast, credible entry point for finding tools.

• Salesforce administrators managing complex workflow rules and automation stacks
• Sales operations managers hunting for integrations that stop pipeline data from leaking
• Consultants building and delivering Salesforce orgs for clients on tight deadlines

What problem this template solves

Salesforce professionals lose significant time searching for the right plugin across scattered resources. A generic directory page does nothing to convince a visitor that the tools inside are worth trusting. Forge solves the credibility and clarity gap between "I have a pain" and "I found the fix."

• Visitors arrive with a specific problem but leave without clicking because the value is buried
• Directories that look like spreadsheets fail to communicate urgency or relevance
• No diagnostic path means every visitor gets the same generic experience regardless of their need

What you get with this template

Forge delivers a fully structured, single-page layout that guides visitors from problem recognition to directory click in one fluid scroll. Every section is purposefully designed around the Salesforce admin and RevOps audience.

• A 50/50 split-screen layout with alternating problem and solution panels across every scroll section
• A perpetually scrolling logo bar in the header that showcases plugin and partner logos with a hover color effect
• Two distinct calls to action: a primary "Browse the Directory" button and a secondary "Find Your Fix" three-question diagnostic flow

Feature list

This section covers the core built-in features delivered with the Forge template as described in the source brief.

Split-Screen Problem and Solution Panels

Each scroll section divides the screen evenly. The left side shows the raw problem state, including tangled workflow visuals, error logs, and manual export pain. The right side presents the plugin or extension that resolves it. The ratio shifts as visitors scroll, with solutions dominating the frame by the midpoint.

Scrolling Logo Bar Header

The header opens with a horizontal ticker of plugin and partner logos moving in smooth, perpetual motion against a void-black background. Each logo renders in chrome monochrome by default and flares into full iridescent color on hover, immediately building trust through familiar names.

Persistent Floating Call-to-Action Bar

After the second scroll section, a floating bar appears and stays visible throughout the rest of the page. It carries the primary "Browse the Directory" call to action, keeping the conversion point accessible without interrupting the scroll experience.

Three-Question Diagnostic Flow

The secondary call to action, labeled "Find Your Fix," triggers a short diagnostic. Visitors answer three questions about org size, their biggest pain point, and their current tech stack. The result is a curated shortlist matched to their specific situation.

Category Grids and Top-Rated Collections

The later scroll sections shift away from problem panels and into pure capability. Category grids and top-rated plugin collections give visitors a preview of the directory's depth, reinforcing confidence before they click through.

Bold Brutalist Typography System

Headlines are oversized, monospaced, and set in all caps with no decorative weight variation. The typographic treatment is intentionally raw and direct, designed to land the problem statement with maximum impact before the solution panels take over.

Page sections overview

Design & branding system

The visual identity uses a Bold Brutalist theme built on an AI Iridescent color system. Hard-edged containers, monospaced type, and near-black backgrounds create a developer-console aesthetic. Color appears only on interactive and structural elements, making every clickable surface stand out sharply.

• Void black (#0B0B0F) as the dominant background, holographic violet (#8B5CF6) for primary interactive surfaces, liquid chrome (#C0C7D6) for body text and structural lines, and iridescent cyan (#06F9EC) for hover states and active accents
• Oversized, monospaced, all-caps typography for headlines with no decorative weight variation
• Iridescent tones applied selectively to buttons, borders, and category tags so every interactive element glows against the brutalist grid

Mobile & speed optimization

The Forge template is structured with a clean, section-led layout that translates well to smaller viewports. The split-screen panels are designed for progressive disclosure, meaning the most critical content loads within the visible area first.

• The floating call-to-action bar stays accessible on mobile without covering primary content
• The scrolling logo ticker and split panels are built to reflow naturally on narrower screens
• Typography scaling keeps oversized headlines readable on mobile without breaking the brutalist visual rhythm

How this template helps you convert

Forge earns the click by making visitors feel the cost of not acting. Every problem panel functions as a mirror for the visitor's real workday frustrations. By the time they reach the category grids, the directory feels like the obvious next step.

1. The Problem to Solution scroll arc builds emotional momentum, so the "Browse the Directory" click feels like relief rather than a decision
2. The floating call-to-action bar removes the need to scroll back up, keeping conversion accessible at every point in the journey
3. The "Find Your Fix" diagnostic personalizes the experience, giving hesitant visitors a lower-stakes entry point that still lands them in the directory

Other information about this template

Forge is a purpose-built landing page template designed for the Salesforce plugin and extension directory niche. It sits at the intersection of Salesforce documentation, admin tooling, and RevOps efficiency, making it relevant to a technically fluent audience that values directness over decoration.

• The template style is Split Screen (50/50), and the creative direction follows a Problem to Solution Arc from the first visible section to the last
• The header concept is a Logo Bar ticker, and the landing page direction is Click-Through with no form or data entry required before the primary action
• The theme is Bold Brutalist and the color system is AI Iridescent, two design choices that are intentionally paired to feel like a developer environment rather than a marketing page

Show more