Blacksmith

Item: Blacksmith
Rating: 8

Faster, cheaper drop-in runners for GitHub Actions.

blacksmith.sh Save page

8.0/10MABTU rating

DESKTOP · 1440 × 9,033/ ↗

MOBILE · 390

Section outline · Home

01heroYellow full-bleed, pixel wordmark, code diff, black and outline pills744
02featuresThree highlighted speed claims above boxed cache illustration
03featuresThree columns of console UI crops, one yellow
04marqueeThin yellow ticker of stats
05case studiesGrid of b/w photo, logos and yellow quote tiles
06process stepsNumbered list beside cost comparison calculator
07comparisonRuled table with yellow tick icons
08statsWordmark repeat, 2x2 stats grid with yellow cell
09ctaYellow band with two pills
10footerYellow footer with email field and link columns

Rating · Home

Visual design8.5

UX & clarity8.0

Originality8.8

Craft & consistency8.3

Motion6.0

Performance & a11y7.7

This page scores 8.1; the site score weights the home page double.

Main colours

Light·coloured background·vivid

Typography

IBM Plex Sansheading · sans · google IBM Plex Monobody · mono · google

Stack & style

Webflow GSAP Google Fonts jQuery

Bold typography Neo-brutalist Sharp / geometric Swiss grid Hero carousel Marquee Process steps Stats band Sticky header Tabs

Also: PostHog, Cloudflare, HubSpot, Google Analytics, Google Tag Manager, Plausible

Design DNA

A full-bleed acid-yellow hero carries a bitmap display wordmark that spans the width. Below it sit a small grotesk headline and a runs-on code diff highlighted in pale blue. The rest of the page is light grey with hairline rules, '/ CONSOLE' style mono labels, and yellow or black pill buttons with mono text. Illustrations are flat line drawings in boxes with hard black offset shadows. Sections: three speed claims with highlighted numbers, console UI crops, a yellow ticker, a customer grid of b/w photos and yellow quote tiles, a numbered list with a cost calculator, a comparison table, a stats grid and a yellow footer.

Worth borrowing

Highlight the key number in a claim ('2x faster') with a flat pale-blue background like a code selection.
A pixel-bitmap wordmark at full container width as the hero, repeated before the stats block.
A customer story grid that alternates b/w photos with solid brand-yellow quote tiles.