Brutal News Card

NEWS

THE_VOID_2026

Architecture of the digital underground.

HTML_STRUCTURE

<div class='bh-card-v2-blog'><div class='bh-card-v2-badge'>NEWS</div><h3>THE_VOID_2026</h3><p>Architecture of the digital underground.</p><div class='bh-card-v2-footer'><span>READ_MORE</span><span>→</span></div></div>

CSS_STYLING

.bh-card-v2-blog { width: 100%; max-width: 320px; background: #000; border: 4px solid #fff; padding: 25px; box-shadow: 10px 10px 0px #111; transition: 0.3s; } .bh-card-v2-blog:hover { transform: translate(-5px, -5px); box-shadow: 15px 15px 0px #00ff88; } .bh-card-v2-badge { background: #fff; color: #000; display: inline-block; padding: 2px 8px; font-size: 10px; font-weight: 900; margin-bottom: 15px; } .bh-card-v2-blog h3 { font-size: 1.4rem; font-weight: 900; margin-bottom: 10px; } .bh-card-v2-blog p { font-size: 12px; color: #666; margin-bottom: 20px; } .bh-card-v2-footer { display: flex; justify-content: space-between; font-weight: 900; font-size: 11px; color: #fff; }

// DESIGN_NOTES: Komponen ini menggunakan CSS variabel untuk memudahkan kustomisasi warna dan transisi.