Skip to content
Protocore Design Systemv1.6.9
Patterns / Home

Marketing home

The front door: a drawn hero, one signal figure, the principles that define the protocol, and a split call to action.

HOME
Live · @protocore/pds
Settlement infrastructure

The protocol layer for money that moves.

Route, net, and settle value across accounts and rails with a single deterministic ledger. Sub-second finality, cryptographic audit, and an SDK your engineers will actually keep.

Settling for
99.998%
Settlement uptime
$1.4T
Cleared in 2025
180ms
Median finality
41
Rails connected
Operating principles
01
Deterministic by default

Every state transition is replayable. The ledger is the source of truth; the UI is a projection of it.

02
One signal at a time

Near-monochrome surfaces so the single live number — throughput, balance, health — is impossible to miss.

03
Hairline, not heavyweight

Structure is drawn with 1px rules and mono labels. No decoration competes with the data.

04
Operable under load

Keyboard-first, dense-capable, and readable at 3am during an incident. The console is the product.

When to use

The marketing home is the top of the funnel: it has one job, which is to make a stranger understand the protocol and want the SDK. Lead with a drawn hero and a single sentence of positioning, prove traction with exactly one signal figure, state the principles that make the product opinionated, then fork the reader toward the two audiences that matter — engineers and operators.

Reach for it for any top-level brand or product landing page. If the page argues a single product in depth rather than the company, use the Product detail pattern instead.

Structure

01
Top bar
A non-sticky TopBar with a mono wordmark, four nav links, and a ghost + primary action pair.
02
Hero
An Eyebrow, a fluid Display headline, a lead paragraph, two CTA Buttons, and a bold LineArt field on the right.
03
Logo marquee
A LogoMarquee in a surface band establishes proof-by-association without stealing the eye.
04
Signal strip
A StatStrip of four figures with exactly one signalIndex — the lone accent number on the page.
05
Principle grid
A two-column Grid of PrincipleTiles that make the product's point of view explicit.
06
Dual CTA
A DualCTA splits the footer of the page between the engineer and operator paths.
07
Footer
A four-column Footer with the accent 'We're hiring' count and the legal wordmark row.

Key components

Every part of this template is a shipping component — open any to read its full API.