# Beautiful Design App

**URL:** <https://community.glideapps.com/t/beautiful-design-app/16191>\
**Category:** Project Showcase\
**Created:** [September 22, 2020, 12:23pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191 "2020-09-22T12:23:59Z")\
**Posts on this page:** 1\
**Showing post:** 607

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 6, 2021, 8:27am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/607 "2021-06-06T08:27:09Z")

</div>

Releasing this beast thanks to @Lucas_Pires’ code for having custom tab icons.

The tab icon here has 4 states:

- Not chosen (not the notifications tab), no unread notifications: Grey bell
- Chosen (viewing notifications tab), no unread notifications: Violet bell
- Not chosen, at least 1 unread: Grey bell with red dot
- Chosen, at least 1 unread: Violet bell with red dot

Pros: Look cool, can use this idea as a base to notify people of something that needs their attention.

Cons: Have to put this code (wrapped behind 2 If Then Else columns) in every damn single details view for it to work correctly, and configure the correct flow + user journey for it to work. I imagine it would be easier if I don’t want a dynamic icon, but knowing if the user is viewing the notifications tab or not is already hard.

Cloudinary links for these images:

```auto
https://res.cloudinary.com/[yourusername]/image/fetch/e_colorize,co_rgb:999999/https://i.imgur.com/hiZuvbA.png

```

```auto
https://res.cloudinary.com/[yourusername]/image/fetch/e_colorize,co_rgb:2E3192/https://i.imgur.com/hiZuvbA.png

```

```auto
https://res.cloudinary.com/[yourusername]/image/fetch/l_fetch:aHR0cHM6Ly9pLmltZ3VyLmNvbS8ycXhHNjhZLnBuZw==,w_150,h_150,x_100,y_-100/https://i.imgur.com/EE9kLeN.png

```

```auto
https://res.cloudinary.com/[yourusername]/image/fetch/l_fetch:aHR0cHM6Ly9pLmltZ3VyLmNvbS8ycXhHNjhZLnBuZw==,w_150,h_150,x_100,y_-100/https://i.imgur.com/rIPOE9q.png

```

This was documented in our Notion:

> **[Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.](https://www.notion.so/glidecommunity/Tab-Profile-Icon-db21d15bae4b4e11a7f825c54f2e0f2e)**
>
> A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team

Hope this helps @Robert_Petitto @Jeff_Hager @Darren_Murphy and all others.

---

_[View the full topic](https://community.glideapps.com/t/beautiful-design-app/16191)._