Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A dark product-detail panel sits over a food photograph backdrop. A large bottle and pineapple composition fills the left; the right column holds a flavor headline, tasting/pairing boxes, dietary badges, quantity and add-to-cart controls. Rounded dark panel and visible food surroundings may be gallery composition; the pictured controls are not tested.
- Type
- Large expressive flavor headline, compact product labels, and small uppercase badges. Exact type family and metrics unknown.
- Color and surface
- Dark charcoal interface, warm orange/yellow sauce and fruit, pale labels and outlined information boxes; backdrop details beyond the panel are uncertain framing.
- Components
- Large product/ingredient image, right-side flavor description, paired detail boxes, dietary markers and visible purchase controls.
What makes it work
- Side-by-side product imagery and structured details
- Strong flavor title
- Compact factual boxes and visible purchase controls
On a new subjectFor a municipal theater season page, pair a large production image or poster with a detail column containing the performance title, concise synopsis, accessibility facts, dates and ticket selection/action. Replace food claims, ingredients and package imagery with verified performance information.
Measured
Fonts loadedInter Tight, PeperoncinoSansCustom
H199.9994px / 400 / -1.99999px
Body text16px
Page background#100b06
Text color#f5e4c7
Page height11,774px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Near-black product hero with cream condensed headline, bottle, orange disc and fruit character; announcement and navigation above.
- Responsive
- Tablet and phone compress header into action, basket and menu; headline wraps more tightly and product stays central.
- Scroll
- At y750 bottle and action appear above a large cream statement.
