// 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 */ .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;
/* ========== GRID: SOLID PIECES OF TYPOGRAPHY ========== */ .section-title font-family: 'Nexa', sans-serif; font-weight: 800; font-size: 2.5rem; margin: 4rem 0 2rem 0; letter-spacing: -0.01em; border-left: 8px solid #F5C542; padding-left: 1.5rem; color: #F0F3FA; google fonts nexa
/* 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);
.card-text font-family: 'Nexa', sans-serif; font-weight: 400; font-size: 1.05rem; line-height: 1.5; color: #C9D1E8; // Array of solid, punchy statements using Nexa
/* ========== VARIABLE WEIGHT DEMO (solid spectrum) ========== */ .weight-spectrum background: #0F131C; border-radius: 2rem; padding: 2rem; margin: 2rem 0 3rem;
<!-- Additional solid piece: creative demonstration of the word "SOLID" rendered in extreme weight --> <div style="margin: 4rem 0 2rem; background: #00000030; border-radius: 2rem; padding: 1.8rem; text-align: center; border: 1px dashed rgba(245,197,66,0.5);"> <div style="font-family: 'Nexa', sans-serif; font-weight: 800; font-size: clamp(2rem, 8vw, 4rem); letter-spacing: 0.05em; color: #FFFFFF; text-transform: uppercase; background: linear-gradient(130deg, #F5C542 10%, #FFF3CF 90%); background-clip: text; -webkit-background-clip: text; color: transparent;"> SOLID PIECE </div> <div style="font-family: 'Nexa', sans-serif; font-weight: 400; margin-top: 1rem; font-size: 1rem; color: #A9B7E0;"> Nexa embodies the concept of a "solid piece" — monolithic, geometric, and powerful. </div> </div> // Array of solid
.quote-author font-family: 'Nexa', sans-serif; font-weight: 400; margin-top: 1.5rem; font-size: 1.2rem; color: #BCC6E0; letter-spacing: 2px;