UI StudioFREE
KontoForgeEntdecken
Bibliothek / component
COMPONENT

Content Card

Universelle Content Card mit Header, Inhalt und Actions.

testedORIGINAL
Live Preview
Playground

Implementierungen

HTML + CSS + JS · Primary

HTML · HTML + CSS + JS

index.html 

<article class="card"><div class="eyebrow">UI Studio</div><h3>Content Card</h3><p>Ein ruhiger, flexibler Baustein für Inhalte und Aktionen.</p><a href="#">Mehr erfahren →</a></article><style>.card{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;max-width:420px;padding:24px;border:1px solid #e4e4e7;border-radius:14px;box-shadow:0 10px 28px rgba(0,0,0,.06)}.card h3{font-size:1.35rem;margin:.4rem 0}.card p{color:#52525b;line-height:1.55}.card a{color:#4f46e5;font-weight:700}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#71717a}</style>