Google Fonts Nexa ((top)) -

/* ========== HERO SECTION — SOLID TYPOGRAPHIC STATEMENT ========== */ .hero min-height: 90vh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; border-bottom: 2px solid rgba(255, 255, 255, 0.15); margin-bottom: 3rem; position: relative;

<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> google fonts nexa

function getRandomMessage() return solidMessages[Math.floor(Math.random() * solidMessages.length)]; /* ========== HERO SECTION — SOLID TYPOGRAPHIC STATEMENT

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

<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>

.nexa-button:hover background: #FFD966; transform: scale(1.02); box-shadow: 0 12px 28px rgba(0,0,0,0.4);