Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- White page with outlined navigation boxes and a large pink hero banner containing giant white-to-yellow shadowed display title and pixel-like blue mascot. Bright yellow and blue promotional panels sit below.
- Type
- Huge heavy outlined and shadowed display lettering; compact bold uppercase navigation.
- Color and surface
- White, pink, yellow, blue, black outlines and graphic textures.
- Components
- Boxed header controls, pink illustrated banner and unequal bright outlined panels.
What makes it work
- Thick black outlines
- oversized shadowed display type
- pink hero
- bright graphic panels
On a new subjectFor a children’s science fair, use a pink banner with giant shadowed display type and pixel-like telescope mascot above bright yellow and blue outlined panels.
Measured
Fonts loadedGoogle Sans, transducer-extended, transducer
H219.2px / 700
Body text16px
Page background#ffffff
Text color#000000
Page height6,106px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- The MrBeast Store page has a narrow black free-shipping banner above a white brand/navigation area and a row of product-category links. The main desktop content is substantially dimmed by a centered promotional modal offering 10% off, with an email field and yellow GET MY CODE control; a separate cookie-consent panel with Manage preferences, Accept and Decline overlays its lower part. The desktop-scroll frame shows the store category tiles and “The Crowd Favorites” products behind the same modal and consent panel. Tablet and phone use compact navigation and show the promotional modal and cookie panel prominently.
- Responsive
- At 1440×1000 two horizontal navigation rows sit above a multi-column store hero; a large centered promotion and lower cookie notice obscure much of the page. At 768×1024 navigation becomes a compact header with a two-tile hero, while the promotion and cookie notice occupy much of the viewport. At 390×844 the free-shipping strip and compact brand row remain visible above a tall promo panel, with the cookie notice covering the lower content. These captures do not establish breakpoint thresholds.
- Scroll
- At actual scrollY=750 in a 1440×6106 document, the frame shows category tiles and the beginning of “The Crowd Favorites” row behind the same signup promotion and cookie notice. One captured position does not establish sticky navigation behavior.
