Webclaw

Above the fold

The header holds a claw-mark logo, five links from "Products" to "Demo", a theme toggle, a GitHub star count and a cream "Start scraping" button with notched corners. The headline "The web scraper API your AI agent deserves." leads to the subhead, a matching button and a copyable "npx create-webclaw" command, plus three orange-bulleted notes such as "Self-host forever". An orange halftone swirl fills the right half.

Scrape form, setup prompt and features

Small orange mono labels open each section, "Try it" first. "Paste a URL. See what your model would read." frames a working form with five mode icons, an "example.com" field and an orange "Scrape" button. "Let your agent set itself up." offers one copyable sentence. After a dotted globe, "One API, every job" lists five use cases beside a funnel drawing, and "Everything an agent needs to read the web" holds six pixel-icon cells.

Comparison, sources and pricing

"Stop building your own scraper. Call one web scraper API instead." splits into "Without webclaw", five grey rows with pixel crosses, and "With webclaw", five brighter rows with orange bolts. A line under "Your sources" sits above a strip of site logos from Nike to IMDb. "Who is pointing webclaw at the web" shows three pixel-icon cards, then "Pay for pages, not seats" lists four tiers, the second inverted to cream.

FAQ, partners, closing banner and footer

"Your questions, answered" puts "Start scraping" and "Book a call" on the left and eight questions on the right, the first open at "What is webclaw?". "Backing open web extraction" lines up five partner banners over "Become a partner". "Ship your agent today. Build with web data." sits on a brown marbled halftone with "Star on GitHub". The footer has five orange-labelled columns and an oversized fading wordmark.

On mobile

At 390px the stats bar becomes four stacked full-width rows, each with one orange figure. The scrape form stacks its toggles above a full-width orange "Scrape" button, and the setup sentence truncates with an ellipsis. The use-case list moves above its illustration, feature cells run in one column, and the comparison shows all "Without webclaw" rows before the "With webclaw" rows.

Worth borrowing

• Placing a working scrape form with "example.com" filled in right after the hero lets visitors test before reading claims.
• Colouring the second half of every heading orange gives a long dark page a steady scan path.
• Marking weak points with grey pixel crosses and strengths with orange bolts makes a ten-row comparison quick to read.