Skip to content
Browse
Library

Agentcard. Cobalt sky raining shopping carts, desktop windows on white.

  • Finance
  • Light theme
  • 14 colors
  • 2 typefaces

Agentcard is a white product page bookended by two slabs of pure Signal Blue #0000ff: a hero where 3D shopping carts, wallets, coins and gift boxes tumble around an extruded headline, and a footer that ends in a scanlined AGENTCARD wordmark. Between them every module is dressed as a tiny desktop app — Sky Chrome #ccdbff window bars with file names like orchid.case, 10–12px corners, white keycap buttons with inset bevels and hard 7px offset shadows. Helvetica-family display type (Neue Haas Grotesk Display Pro in the stack) at 500 weight with tight negative tracking carries the headings, while Inter handles the 19px leads and 24px testimonial quotes. The effect is playful hardware nostalgia applied to serious payments infrastructure.

Visit agentcard.com
Screenshot of Agentcard
Captured from agentcard.com on November 6, 2026

Agentcard design system

Agentcard

Brand1

  • Hero and footer slabs, primary keycap buttons, active tabs, quote marks and labels — one undiluted RGB blue owns the whole identity

Accent6

  • Window title bars on case cards and the FAQ panel, plus Active pills and Authorizing tags with Signal Blue text

  • 1px border on Signal Blue buttons and the active tab thumb — a darker rim that makes the blue keys read as raised

  • Selected state of the stacked integration buttons, paired with a 1px Signal Blue border and a pressed inset shadow

  • Connected status tags and one of the pastel window-bar tints on connector node cards

  • Small stored-card chips and a pastel window-bar tint in the customer connector map

  • Pastel window-bar tint on connector node cards — one of five soft hues that tell customers apart

Neutrals7

  • Headings, body copy, code-window panels and connector lines — a soft near-black rather than pure black

  • Lead paragraphs, FAQ intro and inactive tab labels, measured as Ink at 68% opacity

  • Small captions, closed-state pill text and secondary metadata, Ink at 55% opacity

  • FAQ row dividers, window-bar edges and outlines on white keycap buttons, Ink at 14% opacity

  • Segmented tab track and quiet list rows inside product mockups

  • Body ground and the warm off-white panels behind the integration showcases

  • Main page canvas, card faces, white keycap buttons and all text on Signal Blue

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Paper on Signal Blue

8.59 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.