Google Fonts Nexa ›

/* decorative solid block (geometric accent) */ .solid-accent width: 80px; height: 6px; background: #F5C542; margin: 2rem auto 1rem; border-radius: 4px;

<!-- solid pieces grid: each card is a "solid piece" of Nexa expression --> <div class="section-title">✦ solid pieces | nexa in action</div> <div class="cards-grid"> <div class="nexa-card"> <div class="card-icon">⬛️</div> <div class="card-title">Heavy weight</div> <div class="card-text">Nexa Heavy (800) defines solidity. Perfect for headlines that demand attention, authority, and presence. No compromise, only structure.</div> <div class="bold-demo">ARCHITECTURE OF FORM</div> </div> <div class="nexa-card"> <div class="card-icon">🔲</div> <div class="card-title">Bold presence</div> <div class="card-text">Bold (700) balances power with readability. Used in modern interfaces, branding, and editorial design. A robust piece of the Nexa ecosystem.</div> <div class="bold-demo">STRENGTH IN EVERY CURVE</div> </div> <div class="nexa-card"> <div class="card-icon">▣</div> <div class="card-title">Solid geometry</div> <div class="card-text">Geometric precision meets humanist warmth. Nexa's letterforms feel solid like cast metal — each character stands as an unshakeable piece.</div> <div class="bold-demo">ENDURING · TIMELESS</div> </div> </div> google fonts nexa

.nexa-button:hover background: #FFD966; transform: scale(1.02); box-shadow: 0 12px 28px rgba(0,0,0,0.4); /* decorative solid block (geometric accent) */

.weight-label font-family: monospace; font-weight: 400; width: 100px; font-size: 1rem; color: #9aa5c0; Used in modern interfaces, branding, and editorial design

<div class="nexa-masterpiece"> <!-- Hero section: solid typographic monument --> <div class="hero"> <div class="hero-wordmark">NEXA</div> <div class="solid-accent"></div> <div class="hero-sub">SOLID · BOLD · GEOMETRIC</div> <p style="font-family: 'Nexa', sans-serif; font-weight: 400; margin-top: 2rem; max-width: 600px; color: #BCC6E0; font-size: 1.1rem;"> A singular typeface with uncompromising weight. <br> Solid structure meets modern character. </p> </div>

.card-title font-family: 'Nexa', sans-serif; font-weight: 800; font-size: 1.9rem; letter-spacing: -0.02em; margin-bottom: 1rem; color: #F5C542;