---
title: "Design update: a brand new template for the podcast detail page of your app"
description: "Following the release of your new Podcast List template, which allowed you to create a podcast section that not only showcases your audio content but also leave"
canonical_url: "https://www.goodbarber.com/blog/design-update-a-brand-new-template-for-the-podcast-detail-page-of-your-app-a1268/"
lang: en
date: 2023-07-12
last_updated: 2024-02-09
---

# Design update: a brand new template for the podcast detail page of your app

![](https://blog.goodbarber.com/_public/profile/27/27d5454df9b59bdd3445adaa050cf2316d143af4-default.jpg)

[Marie Pireddu](https://www.goodbarber.com/blog/author/marie-pireddu/)Employee at GoodBarber

Jul 12, 2023 · Updated Feb 9, 2024 · 2 min read

![](https://cmsphoto.ww-cdn.com/superstatic/41269/art/grande/73755608-51305911.jpg?v=1687962159.7703469)

Following the release of your new [Podcast List template](https://www.goodbarber.com/blog/design-update-a-new-podcast-template-a1251/) , which allowed you to create a podcast section that not only showcases your audio content but also leaves a lasting visual impression, we now released a new template for the details page of the podcast episode: ToolBar Slide Cover

## What's new?

With this template, it's all about the design, to give a look similar to Spotify. We've added a few cool little features:

- You can customize the style of your image: sharp or rounded
- You can choose to have a thumbnail or not to display one.
- The thumbnail can be automatically as a blurred background for a really cool effect.
- You can add the author and its avatar :)
- You can really customize the info displayed under the image using tokens> for example you can display a summary of the content of your podcast episode. You can find the most common token in this [online help.](https://www.goodbarber.com/help/add-and-manage-your-app-content-r4/tokens-a262/)
- A new modern toolbar on the side to enhance the actions possible directly from this page ( Comment, share, favorite).

*Pro tip:
For the more advanced users out here :), using our [advanced edition extension](https://www.goodbarber.com/extensions/advanced-edition/) , you can manage the shadow component. You can find out more about the shadow atom in our [Design System](https://www.goodbarber.com/uxdesign/atom-shadow/)
Once you've installed the JSON extension, you will need to add the shadow object. Here’s the JSON format of this object :*

![](https://cmsphoto.ww-cdn.com/superstatic/41269/art/grande/73755608-51463980.jpg?v=1689086499.5995815)

![](https://blog.goodbarber.com/_public/profile/27/27d5454df9b59bdd3445adaa050cf2316d143af4-default.jpg)

About the author

Marie Pireddu

Employee at GoodBarber

[More from Marie](https://www.goodbarber.com/blog/author/marie-pireddu/)