Background

Currently our article view design includes a hard line between the top navigation, and the image. The background behind the UI is a flat color. Liquid glass was designed to float on top of images, but on first load our article view doesn't have that happening. There are many different article image situations where we don't want to have UI floating on the header image (images of people, graphs, logos, etc). We saw a possible solution on Apple Podcasts that we'd like to explore.

Current article view

Apple Podcasts episode view

Requirements

• @Design explore an alternate design where we flip, blur, and overlap the image below the heading, similar to Apple Podcasts
• @Engineers implement updated article image treatment if feasible