Card for one business in the group (Sivali Cloud Technology, CloudinAsia, ORCA). Hover it: the dotted orbit swirl in the corner brightens and spins faster, the border turns #39399B and an indigo-tinted shadow lifts it.
Anatomy: logo (48 to 56px tall) and a 40px arrow disc (#EBEEFF / #39399B) · mono index 01 / Distribution in the accent · name 28 to 30px Medium · domain 14px accent · description 15px/1.6 · tag pills above a hairline.
- Light card: white, border
#E5E5E5, accent#39399B, body#525252. - Dark card (use for the middle card of three, so the row reads light-dark-light like the yin-yang):
#121212, border#39383C, accent#ADFCB9, body#DBDBDC, pills#201F24. - Radius 20px, padding 32px, min height 420px.
Swirl: SivaliMark.swirl(canvas, { tone }) on a canvas that fills the card (.sc-swirl, z-index -1). Same motif on NewsCard and OfferGrid cells.