Speakeasy

Item: Speakeasy
Rating: 7.3

Control plane to govern and secure enterprise AI agents and MCP servers.

speakeasy.com Save page

7.3/10MABTU rating

DESKTOP · 1440 × 11,070/ ↗

MOBILE · 390

Section outline · Home

01heroLeft serif headline, mono buttons, dot-matrix hand, logo row
02comparisonWithout vs with control plane table, three rows
03quoteLarge serif customer quote with MoonPay logo
04productFramed dashboard screenshot, two feature columns, identity provider logos
05diagramHairline box architecture diagram
06featuresThree columns: deploy through MDM, govern agents, enforce policy
07stats bandBlack band with three big serif stats
08complianceEU AI Act, ISO 42001, NIST columns and badges
09quoteSecond serif customer quote
10faqHairline accordion list
11ctaStaggered serif lines and two mono buttons
12footerLink columns, gradient line, oversized faint serif word row

Rating · Home

Visual design8.1

UX & clarity7.8

Originality7.9

Craft & consistency8.0

Motion6.0

Performance & a11y7.7

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

Main colours

Light·off white background·mono

Typography

Tobiasheading · serif · self-hosted ABC Diatypebody · sans · self-hosted ABC Diatype Monoaccent · mono · self-hosted

Stack & style

Three.js Astro Tailwind CSS WebGL canvas

Minimal Editorial Monochrome Swiss grid FAQ accordion Floating CTA Logo cloud Stats band Sticky header

Also: PostHog, Vercel

Design DNA

Off-white page with hairline rules and a strict left-aligned grid. Headlines are large light serif at tight leading; labels, buttons and numbered section eyebrows are small uppercase mono. A dot-matrix halftone hand reaches into the hero. The problem section is a two-column without/with table using red and blue mono tags. A near-black stats band with big serif numerals, UI screenshots in thin frames, a boxed architecture diagram, compliance columns and serif pull quotes keep the tone calm. A thin multicolour gradient line tops the header and footer; the footer ends in a huge faint serif word row.

Worth borrowing

Frame the problem as a two-column without/with table with coloured mono tags per row.
Pair light serif display headlines with uppercase mono eyebrows numbered like chapters (01 / The problem).
Draw the architecture as a hairline box diagram in the same mono type as the UI labels.