← POS Design System

Terminal Product Card

Pixel-by-pixel from CloposDS.jsx (product-card-spec). 186×100px · r:4 · bg #2684FF · 8 variants. Atoms (PricePill · StopLimit · Kg · indicators) → the card. Own token family (PC_*).

Atoms · badges & indicators

PcPricePill · PcStopLimitBadge · PcKgBadge · indicators

h:24 · px:6 · corner flush 0 / inner 4px · indicators on blue context

Variants · 8 cards · 186×100