/* ========== INTERACTIVE / SOLID BUTTON (Nexa touch) ========== */ .action-area display: flex; justify-content: center; margin: 3rem 0 2rem;
.weight-label font-family: monospace; font-weight: 400; width: 100px; font-size: 1rem; color: #9aa5c0; google fonts nexa
<!-- Another solid grid: show different use cases as "solid pieces" of design --> <div class="section-title">◼️ nexa | solid applications</div> <div class="cards-grid"> <div class="nexa-card"> <div class="card-icon">🏗️</div> <div class="card-title">Brand identity</div> <div class="card-text">Solid logotypes and visual systems. Nexa's geometric structure creates trust and modernity. A go-to font for bold brand voices.</div> </div> <div class="nexa-card"> <div class="card-icon">📰</div> <div class="card-title">Editorial design</div> <div class="card-text">Magazines, posters, and impactful headlines. Nexa's heavy weights command attention while remaining elegant and solid.</div> </div> <div class="nexa-card"> <div class="card-icon">🖥️</div> <div class="card-title">UI & Web</div> <div class="card-text">Solid digital experiences. With clear shapes and high legibility, Nexa elevates modern interfaces into memorable, solid pieces.</div> </div> </div> /* ========== INTERACTIVE / SOLID BUTTON (Nexa touch)
/* Each card = a solid piece of Nexa expression */ .nexa-card background: #12161C; border-radius: 2rem; padding: 2rem 1.8rem; transition: transform 0.25s ease, box-shadow 0.3s ease; border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 20px 35px -15px rgba(0,0,0,0.5); UI & Web<
