Card

Fine Clay style card container with 4px radius, 2.5px borders, and subtle offset shadows.

基础卡片

Card Title

Card description with additional context.

Some quick example text to build on the card title and make up the bulk of the card's content.

产品卡片

New

Smart Watch Pro

Advanced fitness tracking

(128)

$299$399

Best Seller

Wireless Headphones

Premium noise cancellation

(256)

$199$249

Polaroid Camera

Instant photo printing

(89)

$129

用户资料卡

Sarah Johnson

Senior Product Designer at Figma

1,234

Followers

567

Following

Projects

Michael Chen

Full Stack Developer at Vercel

3,456

Followers

234

Following

156

Projects

数据统计卡

Total Revenue

$45,231

+20.1% from last month

Subscriptions

+2,350

+180.1% from last month

Sales

+12,234

+19% from last month

Active Now

+573

+201 since last hour

社交媒体帖子卡

Emma Wilson

2 hours ago

Just finished my first pottery class! Can't believe how therapeutic it is to work with clay.

食谱卡片

Italian

Homemade Margherita Pizza

Classic Italian pizza with fresh basil

30 min•Easy•4 servings

Healthy

Rainbow Veggie Bowl

Colorful vegetable bowl with quinoa

20 min•Easy•2 servings

彩色阴影卡片

Pink Shadow

A card with pink accent shadow.

Mint Shadow

A card with mint accent shadow.

Blue Shadow

A card with blue accent shadow.

可悬停卡片

Hover Effect

Hover over the card to see the effect.

This card has a lift effect on hover.