Antimetal
antimetal.com/
Antimetal builds an autonomous layer that sits on top of a team's existing observability stack (Datadog, Grafana) and infrastructure (Kubernetes, AWS, GCP), continuously building what it calls a “world model” of how the system behaves so it can diagnose and fix production issues rather than just alert on them. The homepage leads with a video testimonial from a Google VP of Engineering rather than a stat wall, and frames the problem in specific, unglamorous terms: “pages at 3 a.m., dashboards that surface symptoms instead of causes, and fixes that never become prevention.” A research log links to blog posts citing a claim of resolving 76% of production errors in one day, and an FAQ section pre-empts the obvious objection by explaining it augments rather than replaces existing observability tools.
- Category
- Engineering & Infrastructure
- Style
- LightMinimal
- Stack
- Next.jsTailwind CSS
- Fonts
- Test SignifierGeist
- Palette
- Meta title
- Antimetal
- Sections
- 7
- Updated
Antimetal's landing page, section by section
Each section below is cropped straight from Antimetal's live page — useful references for engineering & infrastructure landing page design.
Heroes
More heroesFeatures
More featuresFAQs
More faqsAbout Us
More about usCareers pages
More careers pagesBlog pages
More blog pagesAntimetal design review: how the homepage is built
Antimetal's homepage runs about 9,715 pixels on desktop, and the wordmark matches the listed name. It is a light, minimal page on a pale grey ground, #e9eae4, with headlines set in Test Signifier and body copy in Geist. Black #090503 and warm tan #d7cab7 frame the dark product panels, while grey #7b7974 carries captions and metadata throughout. The distinctive device is a radial burst of coloured dots in the hero, and the page closes on a near-black band between light sections, with a footer of four link columns beneath it.
Above the fold
The headline "Production that runs itself." sits left in a serif, above the subhead "Antimetal is the autonomous system for production." A filled "Book a demo" button sits beside an outlined "Explore the research" button. On the right, black, orange and olive dots joined by thin grey lines form a radial burst. The top bar holds "Blog", "Careers" and "Government" on the left, with "Sign In" and "Book a demo" on the right.
Quote, chart and origin statement
Beneath the hero, a video thumbnail sits beside a quote from Ben Lutch, Google, VP of Engineering, about software that people cannot depend on. A chart plots complexity against time, with a red curve labelled "UNDERSTANDING NEEDED TO MANAGE PRODUCTION" pulling away from a green line labelled "WHAT YOUR TEAM CAN HOLD IN THEIR HEADS". A three-paragraph column follows, opening with a drop-capped sentence.
Agent lineup, FAQ and research log
A dark product screenshot headed "Good evening, Shreyas" shows a 94% health score and an action card reading "Raise memory limit on payment-service to 1.5Gi". Under "One platform. An army of agents." four stacked rows, "Patrol", "Triage", "World Model" and "Agent Builder", each carry an uppercase tag. The FAQ lists four questions, starting with "How does Antimetal understand my systems?" Three research cards follow under "From the research log."
Closing section and footer
A near-black band reads "The autonomous system for production." followed by a line offering a 30 minute demo, with "Book a demo" and "Read the research" pill buttons beneath it. The footer has four columns: Product lists "Agentic Production Engineering", Company lists "About", "Careers" and "Blog", Resources lists "Docs", "Explore", "Glossary" and "Integrations", and Compliance lists "Terms" and "Privacy". A status chip reads "ALL SYSTEMS NORMAL".
On mobile
At 390px the hero stacks, with the headline, subhead and two buttons above a smaller burst graphic. The quote becomes a centred stack, with the video thumbnail above it and the Google wordmark below. The chart shrinks to a short strip beneath the body paragraphs. "Your Team", "Antimetal Agents", "Antimetal World Model" and "Production" stack as four cards, the last row ending in a "+92 more" tile. The footer drops to two columns.
Worth borrowing
- Let one radial graphic carry the hero, so the product idea reads before any copy does.
- Pair a filled button with an outlined one, so the main action and the research link stay distinct.
- Place a named executive quote beside a diagram, so a source and a visual explanation support each other.
