Tryreplicas
tryreplicas.com/
Replicas (redirects to replicas.dev) runs AI coding agents like Claude Code, Codex, and Cursor inside isolated cloud Linux VMs, with tasks delegated via Slack, Linear, GitHub, GitLab, or a web dashboard and results returned as pull requests for review. The homepage leads with adoption figures rather than generic praise: customers report shipping over 30% of pull requests through cloud agents, one client cites 50%, and another logged 23.5k automated agent jobs in a single month. An animated carousel at the top shows simulated live agent activity (e.g., "AGENT-37 REFACTORING"), and the page displays Y Combinator backing plus a SOC 2 Type I badge with Type II noted as in progress.
- Category
- Engineering & Infrastructure
- Style
- DarkColorful
- Stack
- Next.jsTailwind CSS
- Fonts
- generalSansGeist Mono
- Palette
- Meta title
- Replicas | Cloud Coding Agents for Engineering Teams
- Sections
- 6
- Updated
Tryreplicas's landing page, section by section
Each section below is cropped straight from Tryreplicas's live page — useful references for engineering & infrastructure landing page design.
Tryreplicas design review: how the homepage is built
The homepage at tryreplicas.com brands itself as Replicas, not Tryreplicas, and runs about 8,200px tall on desktop. Most of the page is dark, with one pale band in the middle. The colour approach is near-black (#0c0b0b) with a bright green accent (#3eeba3) on primary buttons, agent tiles and the closing banner. Display headings use generalSans and small labels use Geist Mono. The most distinctive device is the grid of green tiles behind the hero, each labelled with a task such as "RUNNING TESTS" or "LINTING". Below the hero, each section shows a working product interface.
Above the fold
A centred panel reads "The Cloud Coding Agent" in large generalSans type, followed by the subhead "Run coding agents inside cloud machines with your codebases, tooling, and dependencies." Two buttons sit below: an outlined "BOOK A DEMO" and a filled green "GET STARTED FOR FREE". The top bar lists "Pricing", "Blog", "Enterprise", "Customers" and "Docs", with "SIGN IN" and a green "GET STARTED" button.
How it works and integrations
A light band headed "HOW IT WORKS" carries "Delegate to any coding agent. Get engineering work back." over three columns: "Assign from anywhere", "Work with any harness" and "Review what comes back". Each column has a mock-up card, such as a pull request reading "Opened PR #2138". The page then switches to a black band headed "INTEGRATIONS", with "Start agents wherever work shows up." above a dashboard screenshot and a two-by-two grid of cards for "Slack", "Linear", "GitHub & GitLab" and "Automations & API".
Analytics, sandboxes and customer proof
The light band continues with "Visibility into how your team works", four figures ("3,412", "512.4k", "1,904" and "61%") above a stacked bar chart and a leaderboard. A black band follows, headed "Every agent gets its own machine.", with three options ("ISOLATED VMS", "CONFIGURED ENVIRONMENTS", "FULL COMPUTER USE") beside a grid of eight task cards. Customer metrics include "50%" over "KNOWUNITY".
Closing section and footer
The FAQ block opens "Which coding agents can I run?" and lists four more questions. A green gradient panel carries "Bring coding agents to the cloud." with the same two buttons. The footer has three link columns headed "Product", "Company" and "Resources", an "AICPA SOC 2" badge marked "Type I" with "Type II in progress", and the line "© 2026 Replicas Group Inc."
On mobile
At 390px the hero keeps its headline and both buttons. The three "HOW IT WORKS" columns stack into one vertical sequence, each heading above its card. The integration cards become full-width rows, and the analytics chart shrinks to a thumbnail that is hard to read. The customer bento collapses to one column, starting with the quote from "Erik Dahl". The footer link groups fall into two columns, with "Resources" below.
Worth borrowing
- A dark product page can use one bright accent colour across tiles, buttons and the closing banner.
- Naming real tasks such as "RUNNING TESTS" in the hero background shows the product before any copy is read.
- Mock-up cards that show a real artifact, such as "Opened PR #2138", explain a three-step flow faster than prose.
