/* Solid, massive wordmark */ .hero-wordmark font-family: 'Nexa', sans-serif; font-weight: 800; /* Heavy weight — solid piece foundation */ font-size: clamp(3.5rem, 12vw, 10rem); letter-spacing: -0.02em; background: linear-gradient(135deg, #FFFFFF 0%, #E0E4F0 80%); background-clip: text; -webkit-background-clip: text; color: transparent; text-shadow: 0 10px 30px rgba(0,0,0,0.2); margin-bottom: 0.5rem; line-height: 1.1; text-transform: uppercase;
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> <title>Nexa: Solid Piece — Bold Typographic Showcase</title> <!-- Google Fonts: Nexa (Bold & Heavy weights) Nexa is a modern sans-serif with strong geometric character. We load both Regular (400) and Heavy (800) for a robust, solid presence. --> <link href="https://fonts.googleapis.com/css2?family=Nexa:wght@400;700;800&display=swap" rel="stylesheet"> <style> * margin: 0; padding: 0; box-sizing: border-box; google fonts nexa
// Array of solid, punchy statements using Nexa style const solidMessages = [ "⚡ NEXA HEAVY: A SOLID PILLAR OF TYPOGRAPHY", "⬛ SOLID PIECE — BOLD, RECTILINEAR, POWERFUL", "🔲 NEXA 800: UNBREAKABLE CHARACTER STRUCTURE", "▣ GEOMETRIC SOLIDITY. EVERY LETTER A MONOLITH.", "✦ TYPOGRAPHIC STRENGTH: NEXA DEFINES 'SOLID'", "◼️ NO FRAGILITY — JUST BOLD EXPRESSION", "🔷 SOLID PIECE ACTIVATED: NEXA'S HEAVY WEIGHT" ]; /* Solid, massive wordmark */
.card-text font-family: 'Nexa', sans-serif; font-weight: 400; font-size: 1.05rem; line-height: 1.5; color: #C9D1E8; EVERY LETTER A MONOLITH
.weight-label font-family: monospace; font-weight: 400; width: 100px; font-size: 1rem; color: #9aa5c0;
<!-- 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>