Skip to content
BetaFree MCP server

Merge

merge.dev/

Merge sells integration infrastructure for AI products: a unified API connecting to hundreds of third-party apps, an Agent Handler giving AI agents authenticated tool access across 5,000+ services, and a Gateway for routing between LLMs with automatic failover. The homepage splits its entire structure in two down the middle — "Merge for Products" and "Merge for Workforce" — rather than a single feature list, serving product teams and internal IT separately. Customer quotes are attached to specific numbers rather than praise alone: one integration built "10x faster," another shipped in "less than a sprint." Compliance badges (SOC 2 Type II, ISO 27001, HIPAA, GDPR) appear twice on the page.

Category
Engineering & Infrastructure
Style
LightMinimal
Stack
Webflow
Fonts
FH Oscar ProInter
Palette
Meta title
Merge - Connective infrastructure for production AI
Sections
9
Updated

Merge's landing page, section by section

Each section below is cropped straight from Merge's live page — useful references for engineering & infrastructure landing page design.

Merge design review: how the homepage is built

The 8,084px desktop page moves from a centered hero to a two-row logo wall, a bordered four-cell grid, a seven-item use-case list, a security block, a tabbed testimonial, a closing card and a six-column footer. Colour stays in warm off-white and grey: #fbfbfa as the ground, #e2e3de behind the closing card and #5a5955 for secondary text, with orange limited to arrows, links and the quote rule. The detected fonts are FH Oscar Pro for display and Inter for body. Faint concentric arcs sit behind the hero, and diagrams replace product screenshots.

Above the fold

A top bar holds the wordmark, seven centered labels ("Products", "Solutions", "Customers", "Resources", "Pricing", "Docs", "Security") and, at right, "Sign in" as plain text beside dark "Sign up" and "Get a demo" pills. The three-line headline "Build once. Connect to every API, tool, and LLM" is followed by a dark "Book a demo" pill and an outlined "Start for free". Beneath, twelve logos sit in two rows of six; eight carry "Case study" tags and one carries "Testimonial".

Platform statement and four-cell product grid

The heading "One platform for the hardest parts of building AI" leads into a bordered grid that opens with a tall left cell reading "You build the product. Merge runs the infrastructure." Three cells follow, each with a label, an orange arrow button and a diagram: "Connect to hundreds of integrations with one API", "Deploy agents across thousands of enterprise tools" and "Optimize every model request, automatically". A rounded card, "Powered by the Merge Platform", lists four checkmarked claims.

Use-case list and security block

An empty left half precedes a right-hand column of seven use cases, from "Fuel enterprise search" to "Analyze finances", each with a bold title, a grey description, an orange "Learn more" link and a hairline divider. "Security and compliance are our foundation" then sits at left with a dark "Security at Merge" pill, while four round certification badges fill a two-by-two block at right.

Closing section and footer

"Why teams win with Merge" introduces four tabs: "Product", "Engineering", "Go-to-market" and "IT". The first pairs a bold statement with an italic quote, set off by an orange rule and credited to "Nake Sekander". A rounded grey card follows with "Connect faster. Scale smarter. Build better AI." and a "Book a demo" pill. The footer has six link columns, from "Integrations" to "Company", then icons, the four badges again and a legal row ending in "Cookie settings".

On mobile

At 390px the page stretches to 9,548px. The two hero buttons stack as full-width pills. The twelve logos fall into one column, each tag centered beneath its logo. The grid cells stack, and the use-case list loses its empty left half, with "View all use cases" moved above it. The badges enlarge to a two-by-two block, the four tabs stay in one row, and footer links arrange in two columns.

Worth borrowing

  • A logo wall mixing "Case study" and "Testimonial" tags turns social proof into links.
  • Grid cells pairing a heading with a labelled diagram explain infrastructure without screenshots.
  • Four certification badges appear beside the security heading and again in the footer.
Mirai landing page design
Mirai
Engineering & Infrastructuretrymirai.com/
Lunagraph landing page design
Lunagraph
Engineering & Infrastructurelunagraph.com/
Stacker landing page design
Stacker
Engineering & Infrastructurestacker.ai/
Cursor landing page design
Cursor
Engineering & Infrastructurecursor.com/
Vercel landing page design
Vercel
Engineering & Infrastructurevercel.com/
Antimetal landing page design
Antimetal
Engineering & Infrastructureantimetal.com/