Screenshot from Awwwards, saved 2026-10-24
How it’s built
- Layout
- Bright orange outer field around a rounded pale-cream inset. Small wordmark and pill controls top; oversized red outlined title spans nearly the inset width. A large burger cutout interrupts the title at center, with another large wordmark below it. Two compact copy blocks anchor lower corners. Dense central focal area.
- Type
- Huge condensed display capitals with white keyline; smaller chunky yellow sticker-like words; narrow condensed copy at bottom; small navigation. Exact typeface and metrics unavailable.
- Color and surface
- Orange, cream, saturated red, yellow, white, and dark text. Cream panel has large rounded corners; red/cream pill controls and thin outline. No clear shadow treatment.
- Components
- Heavy wordmark, oversized slogan, cutout burger, annotation bursts, two brief copy blocks, pill navigation/actions, hamburger glyph. Product image and title form one composite poster focal point.
What makes it work
- strong headline and product cutout interplay
- high contrast
- peripheral utility text
On a new subjectFor another product, compose its relevant cutout with a large concise headline on a saturated field, with small navigation and brief supporting copy. Change the palette and content.
Prompts
Live behavior
- Today
- In the Oct 29 desktop t0/t2 screenshots, a beige field holds a very large red, white-outlined “THE BURGER” heading, small yellow phrase labels, and an illustrated photographic burger over a large yellow CRAV wordmark; short food descriptions sit near the lower corners. A white cookie notice overlays the lower center. At 390px, the burger composition and heading are arranged in a narrower vertical stack with the same cookie notice near the bottom. Tablet shows a related scaled composition, partly covered by the larger cookie notice. These statements describe only the saved frames.
- Responsive
- At the sampled 1440x1000 desktop, 768x1024 tablet, and 390x844 mobile viewports, the measured document sizes were respectively 1440x11164, 768x14921, and 390x7804 CSS px. In the screenshots the hero artwork remains present while its scale and vertical arrangement differ across these sampled widths. The 390x844 reduced-motion fresh-load screenshot captures a mostly empty beige field with a large curved dark-maroon/red/orange region intruding at the top; this distinct frame does not establish why it differs or a complete responsive layout.
- Scroll
- The desktop-scroll measurement records actual scrollY 750 at a 1440x1000 viewport and 1440x11164 document. Its screenshot shows the lower edge of the hero wordmark at top, two food-description blocks, a centered “TOP CLASSIC / JUICY CHEESY FULLY LOADED” section, and the cookie notice still overlaid near the bottom. This is one sampled scroll position, not a complete page sequence.
