Code block comparison

Temporary preview · Airy Light 2

Three ways to quiet the code panel.

The homepage snippet is a near-black panel on an otherwise light page, so the void outruns the primary blue. These three treatments keep the copy and layout, and let the brand color lead.

Open a full homepage to judge the snippet next to the demo, specs, and footer. Marketing copy is unchanged. This site is a comparison preview only.

Variant A

Soft primary wash

The bridge sits on the primary tint. The snippet is a white card with a primary rule along the top. Keys and the active tab use the brand blue. Nothing in the panel is black.

View full homepage
Server-side requestJSON
POST /v2/makeIdPhoto

{
  "apiKey": "••••••",
  "apiSecret": "••••••",
  "imageBase64": "...",
  "specCode": "us-passport",
  "outputFormat": "IMAGE_BASE64"
}
● 200 OK"issues": []

Variant B

Paper + border

The bridge stays white, like the spec section. The snippet is a paper sheet: hairline border, the same quiet shadow as the hero card, and a canvas tab strip. Primary blue is reserved for keys and the active tab.

View full homepage
Server-side requestJSON
POST /v2/makeIdPhoto

{
  "apiKey": "••••••",
  "apiSecret": "••••••",
  "imageBase64": "...",
  "specCode": "us-passport",
  "outputFormat": "IMAGE_BASE64"
}
● 200 OK"issues": []

Variant C

Muted slate, not black

A light blue-gray terminal surface replaces the black chrome. Type stays dark. The primary blue, used for keys and the active tab, is the strongest color in the panel.

View full homepage
Server-side requestJSON
POST /v2/makeIdPhoto

{
  "apiKey": "••••••",
  "apiSecret": "••••••",
  "imageBase64": "...",
  "specCode": "us-passport",
  "outputFormat": "IMAGE_BASE64"
}
● 200 OK"issues": []