BRAND Nike 2026 · Overview

HEADER brand: Nike; domain: nike.com; industry: sportswear and footwear e-commerce; design_date: 2026-09 captured: live https://www.nike.com (United States, English; region chosen in the site's location selector, cookies CONSUMERCHOICE=us/en_us and NIKE_COMMERCE_COUNTRY=US), /w/mens-shoes-nik1zy7ok, /t/pegasus-42-mens-road-running-shoes-S1bYkOza/IQ0454-001, 2026-09-25; evidence: measured from the Podium CDS custom properties in ncss 5.0 (www.nike.com/static/ncss/5.0/dotcom/desktop/css/ncss.en-us.min.css), the emotion stylesheets of header, home, listing and product apps, and computed styles unless marked note: visitors from other countries are redirected by IP (/jp/, /gb/ ...); the US site is the root path and needs the region cookie or ?geoselection=true style_tags: athletic editorial, monochrome commerce, poster typography viewports: desktop 1440, mobile 390; breakpoints (podium): xs 320, s 600, m 960, l 1440, xl 1920; the main layout switch is 960px (header, listing sidebar, product page columns); 600px switches margins and carousel arrows pages: BRAND Nike 2026 · Page: home; BRAND Nike 2026 · Page: category-listing; BRAND Nike 2026 · Page: product-detail recipes: BRAND Nike 2026 · Recipe: nav-mega-menu; BRAND Nike 2026 · Recipe: filmstrip-carousel rebuild check: passed 2026-09-25 (home first screen + filmstrip + text card at 1440 and 390; fixes applied: display font substitute, module-to-filmstrip gap, carousel scroll-padding) RECOGNITION KEYS 1 Campaign headlines are huge condensed extra-bold capitals (Nike Futura ND) set tight at line-height 0.9, 76px on desktop and 40px on mobile, white on photos or #111111 on white, left aligned on media and centered in text blocks. 2 Everything else is Helvetica Now in two weights: Text 400 for body, Text Medium 500 for labels, links, prices and buttons; product names and section titles are sentence case at 16-24px. 3 The palette is almost only #111111, #FFFFFF and greys (#F5F5F5 surfaces, #E5E5E5 hairlines, #CACACB borders, #707072 secondary text); color comes from photography. The only UI color is orange-red #D33918 for product badges ("Just In", "Coming Soon") and blue #1151FF for focus rings. 4 Buttons are full pills (radius 30px): small 36px pills on campaigns (black on white, white on photos), 60px full-width pills on the product page; hover changes the fill to grey #707072 instantly, no transition. 5 Full-bleed photos and videos with no radius, no shadow, no overlay gradient box: text sits directly on the image in the lower left corner, 48px from the edges. 6 Pages are strips of edge-to-edge media and 48px-margin blocks separated by generous white space (48 / 84 / 120px); campaign chapters open with a pale grey-to-white fade band and a small sub-brand logo mark. 7 Product imagery: cut-out product shots on light grey (#F5F5F5 gradient) squares, never rounded on listings. 8 Two-tier white header (36px grey utility bar + 60px bar) that hides on scroll and drops a flat mega-menu with small grey links. GUARDRAILS no drop shadows on cards, images or buttons (the only shadow token is for floating panels and is rarely used); no rounded images on listings or home (4px radius only on product-page thumbnails, colorway chips and size boxes); no gradients in UI (the brand orange gradient token exists but is not used on these pages); no brand color fills on buttons; no bold serif; no italic; no sentence-case display headlines (display is always caps Futura); no Futura for body or UI; no letter-spacing tweaks; no hover transitions on buttons (instant); no borders thicker than 2px (1.5px secondary pill ring, 2px focus and nav underline); no icons inside campaign CTAs; no carousel dots or autoplay; older Nike.com elements not in this design: the 2019-2023 black announcement bar with rotating promos on home, the "Trade" and "TG" typefaces for headlines, square buttons TOKENS /* color: Podium CDS base */ --color-black: #111111; --color-white: #FFFFFF; --grey-50: #FAFAFA; --grey-100: #F5F5F5; --grey-200: #E5E5E5; --grey-300: #CACACB; --grey-400: #9E9EA0; --grey-500: #707072; --grey-600: #4B4B4D; --grey-700: #39393B; --grey-800: #28282A; --grey-900: #1F1F21; --orange-400: #FF5000; --orange-500: #D33918; --red-500: #EE0005; --red-600: #D30005; --green-500: #1EAA52; --green-600: #007D48; --blue-400: #1190FF; --blue-500: #1151FF; --yellow-200: #FEDF35; /* full scales also exist for blue, green, orange, pink #FC5DBB, purple #8755FF, red, teal #1CB2B6, yellow (50-900), used only in campaigns and badges */ /* color roles */ --color-primary: #111111; --color-primary-hover: #707072; --color-on-primary: #FFFFFF; --color-primary-on-dark: #FFFFFF; --color-primary-hover-on-dark: #CACACB; --color-on-primary-on-dark: #111111; --color-ink: #111111; --color-text: #111111; --color-text-muted: #707072; --color-text-hover: #707072; --color-text-disabled: #CACACB; /* #9E9EA0 in newer stylesheet */ --color-surface: #FFFFFF; --color-surface-alt: #F5F5F5; --color-surface-hover: #E5E5E5; --color-surface-dark: #111111; --color-on-dark: #FFFFFF; --color-image-bg: #F5F5F5; --color-loading: #F5F5F5; --color-border: #E5E5E5; --color-border-secondary: #CACACB; --color-border-strong: #707072; --color-border-active: #111111; --color-link: #111111; /* inline text links are underlined; --podium-cds-color-text-link #1151FF exists for rare body links */ --color-badge: #D33918; --color-brand-orange: #FF5000; --color-brand-red: #EE0005; --color-focus: #1151FF; --color-box-focus-ring: #275DC5; --color-success: #007D48; --color-error: #D30005; --color-warning: #FEDF35; --scrim: rgba(17,17,17,0.36); --scrim-strong: rgba(17,17,17,0.80); --gradient-brand-orange: linear-gradient(113.7deg, #FF0015 3.64%, #fe5000 50.92%, #FF6A00 97.26%); /* token only, not seen on these pages */ /* font */ --font-display: "Nike Futura ND", "Helvetica Now Text Medium", Helvetica, Arial, sans-serif; --font-text: "Helvetica Now Text", Helvetica, Arial, sans-serif; --font-text-medium: "Helvetica Now Text Medium", Helvetica, Arial, sans-serif; --font-title: "Helvetica Now Display Medium", Helvetica, Arial, sans-serif; --font-conversation: "Palatino LT Pro Light", Helvetica, Arial, sans-serif; /* editorial quotes only */ /* type scale: size/line-height/weight; desktop 960-1919 | mobile 320-959 | 1920+ */ --type-display1: 96px/0.9/500 caps Futura; /* 48px | 120px */ --type-display2: 76px/0.9/500 caps Futura; /* 40px | 96px */ hero and campaign headlines --type-display3: 60px/0.9/500 caps Futura; /* 32px | 76px */ --type-display4: 48px/0.9/500 caps Futura; /* 24px | 60px */ smaller text-card headlines (mobile uses 40px in practice) --type-oversize1: 120px/1/500 Helvetica Now Display Medium; /* 96px/1.1 | 186px */ --type-oversize2: 96px/1.1/500; --type-oversize3: 76px/1.1/500; /* not seen on these pages */ --type-title1: 40px/1.2/500 Helvetica Now Display Medium; /* same below 1920 | 48px */ --type-title2: 32px/1.2/500; /* 40px at 1920+ */ --type-title3: 24px/1.2/500; /* section headlines, "Rep Your Team", mobile menu items */ --type-title4: 20px/1.2/500; /* product page title, accordion heads */ --type-editorial-body1: 20px/1.5/400 Helvetica Now Text; /* 16px/1.5 below 960 */ --type-body1: 16px/1.5/400; --type-body1-strong: 16px/1.5/500 (Text Medium); --type-body2: 14px/1.5/400; --type-body2-strong: 14px/1.5/500; --type-body3: 12px/1.5/400; --type-body3-strong: 12px/1.5/500; --type-body4: 10px/1.5/400; --type-conversation1: 48px/1.1/300 Palatino LT Pro Light; /* 32px/1.35 | 60px */ /* not seen on these pages */ --type-button: 16px/24px/500 Text Medium; --type-nav: 16px/28px/500; --type-legal: 14px/1.5/400; /* space */ --space: 4 8 12 24 36 60 84 120; /* xs s m l xl xxl xxxl xxxxl */ plus 16 and 48 from grid tokens --container: fluid, max 1920px (inf); --margin-desktop: 48px; --margin-mobile: 24px; --gutter: 12px (content cards) / 16px (grid token); --section-gap: 48px default between modules; 84px before chapter changes; 120px between major campaigns; module to its filmstrip: 16px margin + ~26px internal top space = images 42px below (34px on mobile) /* shape */ --radius-button: 30px; --radius-pill: 30px; --radius-input: 8px (est); --radius-card: 0; --radius-image: 0; --radius-thumb: 4px; --radius-select-box: 4px; --radius-panel-bottom: 0 0 8px 8px; --radius-l: 12px; --radius-xl: 24px; --border-width-s: 1px; --border-width-m: 1.5px; --border-width-l: 2px; --border: 1px solid #E5E5E5; /* depth */ --shadow-1: 0px 4px 8px 0px rgba(17,17,17,0.06), 0px 0px 24px 4px rgba(17,17,17,0.03); /* floating panels only */ --shadow-1-strong: 0px 4px 8px 0px rgba(17,17,17,0.18), 0px 0px 24px 4px rgba(17,17,17,0.09); --blur-dialog: 4px; /* motion */ --ease-standard: cubic-bezier(.25,.1,.25,1); --ease-functional: cubic-bezier(0.4,0,0.2,1); --ease-expressive: cubic-bezier(0.6,0,0.1,1); --ease-filter-chevron: cubic-bezier(0.86,0,0.07,1); --dur-fast: 150ms; --dur-base: 250ms; --dur-300: 300ms; --dur-350: 350ms; --dur-slow: 400ms; --delay: 50 100 150 200 250ms; /* focus */ --focus-ring: box-shadow 0 0 0 2px #1151FF (links, buttons, icon buttons); inputs: 0 0 0 12px rgba(17,17,17,0.12) glow (form-shadow-focus) /* sizes */ --button-height-s: 34px (renders 36px); --button-height-m: 46px; --button-height-l: 58px (renders 60px); --button-padding-s: 6px 16px; --button-padding-m: 12px 24px; --button-padding-l: 18px 24px; --input-height: 56px; --input-container: 86px; --icon-s: 16px; --icon-m: 24px; --icon-l: 48px; dark_mode: none (no prefers-color-scheme rules); dark areas are photos and videos, with on-dark button variants FONTS display: Nike Futura ND (proprietary Nike cut of Futura Condensed Extra Bold, file Nike-Futura-ot-300; self-hosted woff2, declared weight 400, rendered via weight-medium class), caps only via text-transform uppercase, line-height 0.9, no tracking change. Alternative (tested in the rebuild): Archivo variable (OFL) at weight 800 with font-stretch 66% (wdth axis), same size and line-height 0.9; the line width matches ("EVERYTHING" 365px at 76px), capitals are about 8% shorter. Do not use weight 900 (it widens the glyphs). Second choice: Anton at the same size (about 17% narrower). Bebas Neue is too light. text: Helvetica Now Text 400 and Helvetica Now Text Medium (Monotype, commercial), separate families per weight, self-hosted. Alternative: Inter (OFL) 400 and 500 (rebuild matches line lengths within 1%); Helvetica/Arial is the declared fallback. titles: Helvetica Now Display Medium (Monotype, commercial) for 20-48px titles. Alternative: Inter Tight 500 or Inter Display 500. conversation: Palatino LT Pro Light (Linotype, commercial), declared for editorial quotes, not seen on the described pages. Alternative: EB Garamond 400. other declared families: Nike TG, Nike Futura (older display faces, not used here). figures: default proportional; prices in Text Medium 500. TYPOGRAPHY RULES Display Futura only for campaign headlines (hero, video cards, text cards), 1-4 words per line, max ~12 words, always caps, often ending with a period ("EVERY. DAY. SPEED."). Under a display headline: one line of body1 (16px/24px, or editorial-body1 20px/30px on video cards) 8px below, then CTA pills about 30px below the body text (pill row 24px + 6px pill margin). Section headlines in commerce modules: title3 24px/28.8px Helvetica Now Display Medium, sentence case, left aligned ("Rep Your Team", "You Might Also Like"). Product names: body1-strong 16px/24px; subtitles body1 #707072; prices body1-strong #111111; sale price: current price #111111 plus struck original #9E9EA0 (line-through), discount "% off" in #007D48 (est). Links in body text: #111111, underline (1px, offset 2px on store names); CTA text links have a 1px bottom border. Small print and footer: 12-14px Text Medium #707072. No text-wrap balance; headings wrap naturally. COLOR RULES UI is monochrome: white page, #111111 text and primary buttons, greys for secondary text, surfaces and hairlines; photography supplies all color. White buttons only on photos and video (on-dark variant); black buttons on white. Orange-red #D33918 only for product messaging text ("Just In", "Coming Soon", "Sustainable Materials"), never as a fill. Campaign sub-brand logos (RUN, ACG in orange #FF5000-like, NikeSKIMS, NFL) appear as small centered marks at chapter starts (assets, not type). Chapter fade band: a 208px tall image strip with a vertical gradient from #F5F5F5 (top) to #FFFFFF (bottom) (est from screenshot), full bleed. No dark bands except full-bleed videos and photos; the footer is white. LAYOUT container: fluid; content width = viewport minus 2 x 48px (1329px of content at 1440 with a 15px scrollbar); 24px margins below 600px grid: 12 columns (ncss-col-lg/md), gutter 12px between cards (desktop), 8-12px on mobile; two layout modes: fluid (full-bleed, edge to edge) and fixed-fluid (inside 48px margins) section rhythm: modules are stacked with margins of 16px (module to its filmstrip; the filmstrip adds ~26px of its own, so images start 42px below), 48px (default), 84px and 120px (chapter breaks); no background alternation; no dividers except the listing and product hairlines #E5E5E5 density: airy on home, dense on listing and product pages; alignment: left for media text, centered for text cards and section chapter logos typical composition: full-bleed hero photo with lower-left text -> filmstrip of 3 -> chapter fade + logo -> inset video card with lower-left text -> filmstrip -> 2-up image cards -> centered text card with display headline and 2 pills SHAPE AND DEPTH radius: buttons and search field 30px (pills); icon buttons 30px (circles); PDP thumbnails, colorway chips, size and fit boxes 4px; mega-menu user popover 0 0 8px 8px; everything else 0 borders: 1px #E5E5E5 (listing filter groups, accordions via inset box-shadow 0 -1px 0 #E5E5E5, footer top rule); 1px #CACACB size boxes; secondary pills 1.5px #CACACB ring shadows: none in normal use; --shadow-1 on floating panels (est) materials: none; no blur except dialog backdrop blur 4px textures: none COMPONENTS button-primary (dark, on white): bg #111111, text #FFFFFF 16px/24px Text Medium, radius 30px, padding 6px 16px, height 36px (small, campaigns); large: padding 18px 24px, height 60px, full width (product page); medium 46px padding 12px 24px hover: bg #707072, instant (no transition; only (hover:hover) devices) focus-visible: box-shadow 0 0 0 2px #1151FF active: bg #707072 plus a ripple (white rgba(255,255,255,0.7) circle scaling from 10 to 0, opacity 0.5; transform 0.8s, opacity 1s) disabled: bg #E5E5E5, text #CACACB (#9E9EA0 newer), cursor default button-primary-on-dark (white, on photos): bg #FFFFFF, text #111111; hover bg #CACACB instant; disabled bg #4B4B4D, text #39393B; focus as above button-secondary: transparent bg, text #111111, 1.5px ring #CACACB (drawn as an inset border on a ::before), radius 30px; hover ring #111111 instant; on dark: ring #9E9EA0, hover #FFFFFF; disabled ring #CACACB text #CACACB button-tertiary / cta link: text only 16px 500 #111111 (12px on some modules), hover #707072; underline variant: 1px bottom border #111111 (hover #707072) icon button: 36px circle (48px for carousel arrows), padding 6px (12px), icon 24px; primary tertiary: transparent, hover bg #E5E5E5; secondary: bg #F5F5F5, hover #CACACB; focus 0 0 0 2px #1151FF text link: #111111 500, no underline in navigation; underline in body; hover #707072 (footer and small links) card (product): no border, no radius, no shadow; image square on #F5F5F5; see Page: category-listing card (campaign image/video): full-bleed or inset media with text overlay bottom-left (padding 48px desktop, 24px mobile), no radius input (search pill): 36px, bg #F5F5F5, radius 30px, 24px icon, placeholder 16px #707072; hover bg #E5E5E5 input (form field): height 56px, radius 8px (est), 1px #707072 border, focus border #111111 plus 0 0 0 12px rgba(17,17,17,0.12) (inf from tokens) select / dropdown (Sort By): text button 16px/24px 400 + 24px chevron, opens a white panel with shadow-1 (est) toggle: 42x24 track radius 24px, off #CACACB, on #111111 (est); knob white 20px checkbox (filters): 20px square radius 4px (est), 1px #707072 border; checked #111111 fill with white check choice box (fit, size): 48px tall, radius 4px, 1px #E5E5E5 (fit) / #CACACB (size) border, text 16px #111111 centered; selected 1px #111111 border (fit uses inset box-shadow); sold out: bg #F5F5F5, text #CACACB with line-through; hover border #111111 (inf) badge / messaging: text only, 16px 500 #D33918 accordion: summary 20px/24px Helvetica Now Display Medium, padding 30px 0, chevron 24px right; rows separated by inset box-shadow 0 -1px 0 #E5E5E5 filter group (listing): see Page: category-listing skeleton: #F5F5F5 image boxes; images fade in 500ms after 300ms (home) or 280ms (listing) toast / alert: not seen modal: white panel, backdrop rgba(17,17,17,0.36) with 4px blur (token), radius 0 (est); location selector shows as a full white overlay with centered title "Select your Location" and a grid of 1px-bordered country pills (radius 8px est) tooltip: not seen GLOBAL CHROME header: Recipe nav-mega-menu. 96px total on desktop (36px #F5F5F5 utility bar + 60px white bar), fixed, hides on scroll down, 60px bar returns on scroll up; swoosh left at 48px, 7 category links centered 16px 500, search pill + favorites + bag right. Mobile (below 960): 60px bar (page content starts at 60px), swoosh left, search, profile, bag and menu icon buttons right; 320px drawer from the right promo bar (listing and product pages, below header): 60px, bg #F5F5F5, one centered underlined 12px 500 link ("Send a Gift Card", "Members: Free Shipping on Orders $50+"), 24px chevron buttons left and right at the content edges to rotate messages (x 256 and 1168 at 1440), bottom 1px #E5E5E5 (est) footer (desktop): white, padding 48px, top rule 1px #E5E5E5 across the content width home only: a pre-footer block with centered swoosh, then utility links Find a Store, Help, Join Us, Sign In (16px 500), then "Featured / Shoes / Clothing / Kids" link columns (16px 500 titles, 14px 500 #707072 links, 4 columns centered, ~200px wide) all pages: 4 columns Resources, Help, Company, Promotions & Discounts at x 48 / 316 / 584 / 852 (268px pitch); titles 14px/21px 500 #111111; links 14px/21px 500 #707072, ~28px pitch; right edge: globe icon + "United States" 12px 500 #707072 bottom row (84px below): "© 2026 Nike, Inc. All Rights Reserved.", Guides (with chevron dropdown), Terms of Sale, Terms of Use, Nike Privacy Policy, "Your Privacy Choices" with the toggle pill icon, CA Supply Chains Act; 12-14px 500 #707072, 24-48px apart mobile: padding 48px 24px; columns become collapsible rows (accordion, est) then the legal links stack; height ~1000px other: app promo banner on mobile (bottom, "Only in the Nike App", third party Singular, not part of the design); no cookie banner in the US (privacy toggle in the footer) IMAGERY AND ICONS hero media: full-bleed photography or looping video, 693px tall at 1440 (roughly 2:1), 584px on mobile (2:3 crop); athletes in action or product macro shots, strong directional light, rich color, often a textured or colored studio background; a vertical 12px 500 white credit ("Ronald Acuña Jr., Outfielder") rotated 90 degrees at the top right edge product imagery: cut-out product on a #F5F5F5 background with a very light top-to-bottom grey gradient, product centered, side profile facing left for footwear, square 1:1 on listings, 4:5 on the product page campaign photography: editorial, high contrast, real athletes; filmstrip images square or 3:4 video: inline autoplay muted loop for campaign cards with a small white "Watch ▶" pill (36px) bottom left or under the copy to play with sound; controls from the Nike video player (Video.js) illustrations: none; sub-brand logo marks as images icons: Nike glyph set (glyphs 2.6), 24px, 1.5px strokes, rounded caps (heart, bag, search with sparkle, chevrons, globe, size ruler) image radius: 0 (4px on product page thumbnails) MOTION intensity: functional hover policy: instant color changes on buttons and links; nav underline instant; no card hover effect (no zoom, no lift); listing cards swap the image on colorway thumbnail hover (inf) scroll reveal: none (images fade in when loaded: opacity 500ms, 300ms delay) signature motion: header hide/show on scroll and hover mega-menu (Recipe nav-mega-menu); snap-scrolling filmstrips bleeding off the right edge (Recipe filmstrip-carousel); autoplay muted campaign videos page transitions: hard loads; skeleton #F5F5F5 image boxes reduced motion: header and drawer transitions 0.01s; videos show a poster with a play button (inf) RESPONSIVE below 1920: display1 96px (120px above), titles smaller below 1440: layout unchanged, content shrinks fluidly below 960: header becomes 60px with icon buttons and drawer; display type drops to mobile sizes (display2 76 -> 40px); listing filters move into a sheet behind a "Filter" button and the category list becomes a horizontal scroll row; product page stacks (title first, then gallery, then options) and adds a fixed bottom Add to Bag bar; editorial body 20 -> 16px below 600: page margin 48 -> 24px; carousel arrows hidden; 2-up image cards stack; campaign text sits over the image lower third, 24px from the edges home height: ~12560px at 1440 (29 modules), ~10640px at 390 CONTENT AND VOICE headline style: short imperative or declarative slogans in caps, 2-5 words, punchy punctuation ("EVERYTHING LED HERE", "EVERY. DAY. SPEED.", "BODY OBSESSED", "NOTHING SPECIAL TO SEE HERE*") body: one sentence, 8-20 words, confident and athletic ("Lock in for October baseball with fan gear built for prime time.") CTA labels: short verbs: "Shop", "Shop MLB", "Shop Kids'", "Get Notified", "Watch", "Explore More", "Add to Bag", "Favorite" commerce copy: plain nouns ("Men's Shoes & Sneakers (738)", "Select Size", "Size Guide", "Pick Up Today") SUBSTITUTIONS Nike Futura ND -> Archivo 800, font-stretch 66%, line-height 0.9 (or Anton); Helvetica Now Text/Medium -> Inter 400/500; Helvetica Now Display Medium -> Inter Tight 500; swoosh and sub-brand marks -> a neutral wordmark placeholder; athlete and product photos -> own photography or neutral placeholders (#F5F5F5 boxes for products, dark or warm gradient boxes for campaign media); Nike glyph icons -> Lucide or Phosphor at 24px, 1.5px stroke. TECH Next.js apps per experience (home "ciclp", browse "dotcom-browse", product "dotcom-pdp") under www.nike.com/assets/experience/...; emotion CSS-in-JS (css-*, nav-css-* classes) over the global NCSS framework (ncss 5.0 and 4.3, ncss-col-* 12-column grid, nds-* components) with Podium CDS custom properties on :root; Video.js based "nike-one-video-player"; Akamai bot management (curl works with a browser UA) SCREENSHOTS - file: nike_2026_home_d1440_top.jpg shows: US home first screen at 1440x900, live https://www.nike.com 2026-09-25, scroll 0 key values: utility bar 36px #F5F5F5; main bar 60px white; hero photo full bleed 693px; H1 Nike Futura 76px/68.4px caps white; body 16px/24px; white pill "Shop MLB" 36px radius 30px at x 48; vertical credit 12px top right do not copy: swoosh, athlete photo; use placeholders - file: nike_2026_home_m390_top.jpg shows: US home first screen at 390x844 @2x: 60px header with 4 icon buttons, hero 584px, H1 40px/36px caps, body 16px, pill; bottom app banner is third party - file: nike_2026_overview_d1440_states.png shows: product page controls: Add to Bag (black 60px pill) and Favorite (secondary pill, #CACACB ring) default; Add to Bag hover #707072; Add to Bag focus-visible 2px #1151FF ring (with hover); size grid with M 9 / W 10.5 selected (1px #111111) and sold-out sizes (#F5F5F5, struck) - file: nike_2026_overview_m390_menu-open.jpg shows: mobile drawer 320px from the right with 24px items, Jordan / Converse rows, member block, Join Us / Sign In pills; focus ring on the close button