A single-product food landing page that turns the sauce jar into the navigation device for the story. The package rotates through bold claims, ingredient explanations, cultural context, and recipes, making the product feel tactile and energetic before asking for a purchase.
1. Compact pill navigation and oversized Bold Flavor hero. 2. Central product jar with direct purchase action. 3. Scroll-linked rotations around new-angle and adventure messages. 4. Pour transition into the ingredient chapter. 5. Tradition-and-creation story with cooking photography. 6. Ingredient and process proof. 7. Large product close-up, purchase prompt, and recipe-card grid.
A narrow palette of chili brown, turmeric yellow, black, and hot pink gives the page an unmistakable shelf identity. Keeping the jar present across multiple chapters makes the scroll feel continuous, while abrupt scale shifts preserve energy. The cost is a motion-heavy product object that must remain readable, performant, and controllable across viewport sizes and reduced-motion settings.
- [Refero style page](https://styles.refero.design/style/47f15da7-8905-45b3-bcab-06a4277c6168) and its [recorded MP4](https://images.refero.design/styles/refero.design/video/6cd45311-6e5a-4da7-ac71-6cca8096c141.mp4) supply the full rotating-jar choreography, typographic wipes, pour transition, and ingredient handoff. - The live capture at https://www.eathungrytiger.com/ supplies current product copy, recipe content, responsive screenshots, and measured layout. - The sources agree closely. Trust the recording for smooth motion continuity and the live capture for current content and final section details.