Glass Profile Noir

ADMIN_01

SYSTEM_ARCHITECT

HTML_STRUCTURE

<div class='bh-card-v2-glass'><div class='bh-glass-v2-avatar'></div><div class='bh-glass-v2-info'><h4>ADMIN_01</h4><p>SYSTEM_ARCHITECT</p></div></div>

CSS_STYLING

.bh-card-v2-glass { width: 100%; max-width: 300px; background: rgba(255,255,255,0.03); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.1); padding: 20px; display: flex; align-items: center; gap: 15px; } .bh-glass-v2-avatar { width: 45px; height: 45px; background: #111; border: 1px solid #333; } .bh-glass-v2-info h4 { font-size: 13px; font-weight: 900; color: #fff; } .bh-glass-v2-info p { font-size: 9px; color: #555; font-weight: 700; }

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