Nike.com

Nike.com evokes a sharp, performance-driven aesthetic, grounded in a highly contrasting black-and-white palette. The dominant use of stark black typography against pristine white surfaces creates an immediate sense of clarity and authority, amplified by a compact spacing system that keeps elements close-knit. Key elements like primary buttons and navigation items feature generous 30px radii, introducing a subtle softness that contrasts with the otherwise angular, direct visual language, hinting at the athletic curves of their products. Use Pitch Black (#111111) for all primary text, headings, and outlines to maintain high contrast and sophistication. Apply Cloud White (#ffffff) as the primary background for all page sections and card surfaces, ensuring visual spaciousness. Ensure primary action buttons feature 30px border-radius with 6px vertical and 16px horizontal padding. Implement a compact spacing system using 8px as the primary elementGap between UI elements. Utilize Nike Futura ND (or Arial as substitute) at 76px size and 1.0 lineHeight for all hero headlines to convey brand power. Divide content using subtle background shifts to Alloy Gray (#e5e5e5) for secondary sections instead of heavy borders or shadows. Avoid using drop shadows or heavy box shadows, as the system relies on background color shifts and borders for depth. Do not deviate from the monochrome palette for functional UI elements; save branded colors for marketing accents only. Do not use generic system fonts when custom fonts like Helvetica Now Text/Display or Nike Futura ND are specified, as they are crucial for brand identity. Disregard the 30px radius for buttons and nav items except for specific utility components like circular buttons. Do not introduce large gaps or excessive padding; the design favors a compact, information-dense layout. Avoid using multiple bright, saturated colors for primary UI elements; reserve these for specific brand highlights or imagery if necessary.