Card Styles
Card component variants for content containers
Live Preview (Brand Context)
Default Card
Standard content card
Elevated Card
Card with subtle elevation
Interactive Card
Clickable card with hover state
Style Specifications
Default
Standard content card
background:#0F0F0F
border-radius:16px
padding:24px
border:1px solid #222222
Elevated
Card with subtle elevation
background:#0F0F0F
border-radius:16px
padding:24px
border:1px solid #222222
box-shadow:0 4px 24px rgba(0, 0, 0, 0.4)
Interactive
Clickable card with hover state
background:#0F0F0F
border-radius:16px
padding:24px
border:1px solid #222222
cursor:pointer
hover-border:1px solid #5200CC