Font

v5 · Components

Component playground

Things we're trying out before promoting them into the design system.

Isometric payment scene · SVG + tilted HTML cards

Line-art handheld terminal (NEO 3) at the center, drawn in SVG with axonometric strokes; orbiting cards are real HTML tilted via CSS 3D against a shared `perspective` parent. Connector dashes draw on, a green pulse rides one path, and each card pops in via the existing trustline-pop animation.

Tap to Pay · NFC
Hold to read
AuthApproved

$42.50

Visa · ending 4242

Auth codeA8F2C1
Recent transactionsToday
  • Sale · contactless$42.50
  • Sale · chip$18.20
  • Refund−$7.00
  • Sale · keyed$11.95
Today's volume

$12,348

+8.4%
Live9am — 6pm
NEO 3 · Handheld

Payment certifications · scrolling pill row

Horizontal marquee of partner / certification logos. Edges fade via a CSS mask, hover pauses the track. Duplicate the logo list once and the existing app.css `marquee` keyframe loops it seamlessly.

Payment Certifications

fiserv.
worldpay
Heartland
gglobalpayments
Elavon®
CHASE

3D payment terminal hero · drag to rotate

Placeholder built from primitives. When a real GLTF of an actual ID TECH reader is ready, swap the primitive group for a useGLTF model — same controls / lighting work as-is.

Drag to rotate

Two-column switcher · hover to reveal image

Static eyebrow / heading / body on the left, three hover-driven rows on the right. Hovering any row fades that row's image into the left panel — switcher is sticky (no flicker back to default when you leave a row).

Product family

Payment hardware for every surface

Three product lines, one platform. Pick by deployment context — same SDK, same gateway, same vault.

Product facets · stacked diamonds

Three linked facets of one product, presented as a vertical stack. Click or hover any diamond (or its text panel) to bring that facet into focus.

Hardware

Ruggedized readers built for unattended deployments.

  • EMV chip + contactless NFC
  • PCI PTS 6.x certified
  • Sealed enclosures, IP54+
  • USB-C / Ethernet / cellular

Software

SDKs, gateway, and tokenization that drop in.

  • Web / iOS / Android SDKs
  • REST + webhook API
  • P2PE tokenization vault
  • Direct interchange routing

Service

Engineers who deploy and support with you.

  • 24/7 hardware RMA
  • Custom integration support
  • Field engineering on-site
  • Lifecycle program included

Light card · traveling gradient border

On hover a comet built from the idtech green palette orbits the border. CSS-only via a registered @property — no JS rAF, fully GPU-accelerated.

Live insights

Track every authorization in real-time. No batched reports, no day-old data.

Lower fees

Direct interchange routing keeps cost-per-transaction predictable at scale.

PCI-ready

P2PE-validated readers and tokenized vaults keep card data out of your servers entirely.

Action card · animated gradient bar

On hover, a left-side gradient bar grows from the vertical middle outward. Bar is inset top/bottom for a softer feel.