Pieces

Spinning black disc with concentric grooves and a round album label at the center. Gradient fallback when no image.

Viewfinder with rule-of-thirds grid, four corner brackets, a focus ring, and a REC indicator with ISO readout.

Round symbol tile, asset name and price, plus a signed 24h delta with trend arrow.

Two currency columns linked by an arrow, with a rate caption beneath.

Gradient wallet card with an uppercase label, big balance, and currency code.

Directional arrow bubble beside a merchant name, category and date meta, and a signed amount on the right.

1.586 aspect payment card with a gradient body, gold chip, masked digits, holder name, and expiry.

Ticker row with symbol, company, price, a tiny sparkline, and a signed percentage delta.

Compact invoice card with an ID header, line items, and a subtotal, tax, and total block at the bottom.

Dashed-border card with an emerald cash bubble, a status label, and a bold amount with currency.

Category row with spent over budget caption and a progress bar that colors emerald, amber, or rose as it fills.

Bill total header above an overlapping avatar stack with the per-person share on the right.

Gradient piggy bank beside a saved-over-goal readout and a thin progress bar underneath.

Compact service health row with operational state, pulsing dot, and uptime percentage on the right.

Utilization bar for CPU, memory, disk, or network with a recolorable fill and matching percentage label.

Incident card pairing a bell glyph, label tag, title, and service line with a configurable accent tone.

Thirty-tick history strip in the style of a status page, with pass, slow, and fail segments and a rolling availability number.

Semicircular gauge that renders a remaining-budget percentage along a single recolorable arc.

Compact response-time card pairing a percentile pill, the latest reading, and a smoothed sparkline trail.

Multi-region availability list with a status dot per cloud region and the round-trip latency rendered in mono.

Single log entry styled like a tail output, with timestamp, level token, source, and message in mono.

Circular progress dial holding a percentage at its center, captioned with a label and supporting hint.

Headline number for traffic volume with a trend arrow and tinted delta badge against a prior window.

Seven-row activity grid that bins each cell into one of five tonal steps for at-a-glance density.