SIVALICLOUD TECHNOLOGYDesign System
Komponen · Website

NewsCard

Newsroom card

Buka previewREADME.mdSemua komponen

Newsroom card: white on #F5F5F5, radius 20px, padding 28px, min height 240px, transparent border that turns #39399B on hover, with the light orbit swirl. Top row: business pill (#EBEEFF / #39399B) and date in #737373; headline 20px/1.35 Medium; "Read article" link with an outbound arrow.

Headlines in sentence case, no clickbait, one line of date metadata. Three cards per row on desktop.