# Visual representation of headings: an update from the team

**URL:** https://community.bear.app/t/visual-representation-of-headings-an-update-from-the-team/10709
**Category:** Announcement
**Created:** [May 26, 2023, 4:43pm UTC](https://community.bear.app/t/visual-representation-of-headings-an-update-from-the-team/10709 "2023-05-26T16:43:39Z")
**Posts on this page:** 19
**Page:** 2

<div class="post-metadata">

### Author: ![krssno](https://dub1.discourse-cdn.com/flex013/user_avatar/community.bear.app/krssno/32/1338_2.png) [@krssno](https://community.bear.app/u/krssno)
#### Post date: [May 27, 2023, 3:19pm UTC](https://community.bear.app/t/visual-representation-of-headings-an-update-from-the-team/10709/22 "2023-05-27T15:19:31Z")

</div>

Ah ok, sorry for my confusion

But to be honest, on such a narrow screen a gutter doesn‘t make sense for me

---

<div class="post-metadata">

### Author: ![bearbear](https://dub1.discourse-cdn.com/flex013/user_avatar/community.bear.app/bearbear/32/3608_2.png) [@bearbear](https://community.bear.app/u/bearbear)
#### Post date: [May 27, 2023, 6:13pm UTC](https://community.bear.app/t/visual-representation-of-headings-an-update-from-the-team/10709/23 "2023-05-27T18:13:40Z")

</div>

TBH it feels quite busy for me (obviously you can’t please everyone 😅). I see clear pros and cons in any of the current options, so I support any direction you end up taking.

I hide Markdown and this doesn’t bother me much personally (the top margin of the headings does bother me though!)

Bear 2 for me is a huge step forward from Bear 1. I for one appreciate all your hard work!

---

<div class="post-metadata">

### Author: ![Josito](https://avatars.discourse-cdn.com/v4/letter/j/90ced4/32.png) [@Josito](https://community.bear.app/u/Josito)
#### Post date: [May 27, 2023, 7:05pm UTC](https://community.bear.app/t/visual-representation-of-headings-an-update-from-the-team/10709/24 "2023-05-27T19:05:28Z")

</div>

It looks very good, thanks !!!

---

<div class="post-metadata">

### Author: ![meowzz](https://avatars.discourse-cdn.com/v4/letter/m/6f9a4e/32.png) [@meowzz](https://community.bear.app/u/meowzz)
#### Post date: [May 28, 2023, 7:09am UTC](https://community.bear.app/t/visual-representation-of-headings-an-update-from-the-team/10709/25 "2023-05-28T07:09:00Z")

</div>

Really appreciate the effort and the willingness of accepting user feedback. The new design is great!

---

<div class="post-metadata">

### Author: ![leon\_zhang](https://dub1.discourse-cdn.com/flex013/user_avatar/community.bear.app/leon_zhang/32/1611_2.png) [@leon\_zhang](https://community.bear.app/u/leon_zhang)
#### Post date: [May 28, 2023, 9:05am UTC](https://community.bear.app/t/visual-representation-of-headings-an-update-from-the-team/10709/26 "2023-05-28T09:05:41Z")

</div>

will it be better if we change the number(1,2,3) color to theme color.(like red in default theme)

---

<div class="post-metadata">

### Author: ![chrisecurtis](https://avatars.discourse-cdn.com/v4/letter/c/b5ac83/32.png) [@chrisecurtis](https://community.bear.app/u/chrisecurtis)
#### Post date: [May 28, 2023, 11:47am UTC](https://community.bear.app/t/visual-representation-of-headings-an-update-from-the-team/10709/27 "2023-05-28T11:47:56Z")

</div>

Please no. Markdown needs to be de-emphasised, not featured.

---

<div class="post-metadata">

### Author: ![bluefuzz](https://avatars.discourse-cdn.com/v4/letter/b/9e8a1a/32.png) [@bluefuzz](https://community.bear.app/u/bluefuzz)
#### Post date: [May 28, 2023, 4:12pm UTC](https://community.bear.app/t/visual-representation-of-headings-an-update-from-the-team/10709/28 "2023-05-28T16:12:06Z")

</div>

> [@matteo](#):
>
> Let us know what you think about this!

FWIW I prefer the current solution. But as long as they are hidden by default then I can live with the numbers. I still fail to see why numbers are necessary. If the typography does not clearly indicate heading level then there’s something more seriously wrong, i.e. it would be more useful to be able to manually configure the typeface/size etc. of the individual headers.

---

<div class="post-metadata">

### Author: ![MikeO](https://dub1.discourse-cdn.com/flex013/user_avatar/community.bear.app/mikeo/32/1461_2.png) [@MikeO](https://community.bear.app/u/MikeO)
#### Post date: [May 28, 2023, 6:02pm UTC](https://community.bear.app/t/visual-representation-of-headings-an-update-from-the-team/10709/29 "2023-05-28T18:02:41Z")

</div>

I think it’s a great solution for those needing the info. Not necessary though, IMHO.

---

<div class="post-metadata">

### Author: ![Monkeyboy](https://dub1.discourse-cdn.com/flex013/user_avatar/community.bear.app/monkeyboy/32/2107_2.png) [@Monkeyboy](https://community.bear.app/u/Monkeyboy)
#### Post date: [May 29, 2023, 2:30am UTC](https://community.bear.app/t/visual-representation-of-headings-an-update-from-the-team/10709/30 "2023-05-29T02:30:46Z")

</div>

To be honest, once I got used to what the lines on the icon meant, I didn’t have a problem with how they’re currently displayed. It gets a bit more confusing once you go beyond H3, but I doubt many notes need H4 onwards anyway. Least not in my experience.

---

<div class="post-metadata">

### Author: ![Prometheus](https://dub1.discourse-cdn.com/flex013/user_avatar/community.bear.app/prometheus/32/6621_2.png) [@Prometheus](https://community.bear.app/u/Prometheus)
#### Post date: [May 29, 2023, 1:06pm UTC](https://community.bear.app/t/visual-representation-of-headings-an-update-from-the-team/10709/31 "2023-05-29T13:06:03Z")

</div>

I like this better than the lines-only icon.

To confirm, these will still disappear when leaving edit mode like the other markdown characters, right?

---

<div class="post-metadata">

### Author: ![bolive](https://dub1.discourse-cdn.com/flex013/user_avatar/community.bear.app/bolive/32/3160_2.png) [@bolive](https://community.bear.app/u/bolive)
#### Post date: [May 30, 2023, 1:13pm UTC](https://community.bear.app/t/visual-representation-of-headings-an-update-from-the-team/10709/32 "2023-05-30T13:13:26Z")

</div>

Just saw them in the latest update and I think they look great

---

<div class="post-metadata">

### Author: ![Readmore](https://avatars.discourse-cdn.com/v4/letter/r/ccd318/32.png) [@Readmore](https://community.bear.app/u/Readmore)
#### Post date: [May 30, 2023, 1:54pm UTC](https://community.bear.app/t/visual-representation-of-headings-an-update-from-the-team/10709/33 "2023-05-30T13:54:58Z")

</div>

I think this looks fantastic! What a clever solution. Now I know which header I selected before and make consistent header selections for the rest of the writing, because I often use all 6 header types in my notes. Thank you!

---

<div class="post-metadata">

### Author: ![cipher](https://dub1.discourse-cdn.com/flex013/user_avatar/community.bear.app/cipher/32/1544_2.png) [@cipher](https://community.bear.app/u/cipher)
#### Post date: [May 30, 2023, 2:38pm UTC](https://community.bear.app/t/visual-representation-of-headings-an-update-from-the-team/10709/34 "2023-05-30T14:38:22Z")

</div>

Same here, just noticed this in the update. Absolutely love this. I find it to be the small clean indicator I was looking for. Thank you bear team for being freaking awesome! (as usual!)

---

<div class="post-metadata">

### Author: ![obadiahcruz](https://avatars.discourse-cdn.com/v4/letter/o/a587f6/32.png) [@obadiahcruz](https://community.bear.app/u/obadiahcruz)
#### Post date: [June 6, 2023, 1:10am UTC](https://community.bear.app/t/visual-representation-of-headings-an-update-from-the-team/10709/35 "2023-06-06T01:10:53Z")

</div>

would like the option to have it always on and not just on the active line for the headers. its what made bear different for me

---

<div class="post-metadata">

### Author: ![Eleanor](https://avatars.discourse-cdn.com/v4/letter/e/c37758/32.png) [@Eleanor](https://community.bear.app/u/Eleanor)
#### Post date: [June 6, 2023, 9:14am UTC](https://community.bear.app/t/visual-representation-of-headings-an-update-from-the-team/10709/36 "2023-06-06T09:14:59Z")

</div>

Check the editor settings pane

 ![Screenshot 2023-06-06 at 7.14.20 pm](https://europe1.discourse-cdn.com/flex013/uploads/bear/original/2X/b/bdd210c21497eab42fa883e0059afd1f33e741c5.png)

---

<div class="post-metadata">

### Author: ![m360](https://avatars.discourse-cdn.com/v4/letter/m/d07c76/32.png) [@m360](https://community.bear.app/u/m360)
#### Post date: [June 6, 2023, 9:32am UTC](https://community.bear.app/t/visual-representation-of-headings-an-update-from-the-team/10709/37 "2023-06-06T09:32:40Z")

</div>

I think the numbered icons add too much noise. I love Bear for its simplicity and clean UI. And when I’m reading my notes, I don’t care if it is an H4 or H5 header. And if I really do, I could just click into the header line and would know. But I rather have a cleaner UI.

---

<div class="post-metadata">

### Author: ![obadiahcruz](https://avatars.discourse-cdn.com/v4/letter/o/a587f6/32.png) [@obadiahcruz](https://community.bear.app/u/obadiahcruz)
#### Post date: [June 6, 2023, 7:02pm UTC](https://community.bear.app/t/visual-representation-of-headings-an-update-from-the-team/10709/38 "2023-06-06T19:02:56Z")

</div>

I appreciate it although doesn’t that show all markdown? im talking specifically about just the header icons in the gutter

---

<div class="post-metadata">

### Author: ![Prometheus](https://dub1.discourse-cdn.com/flex013/user_avatar/community.bear.app/prometheus/32/6621_2.png) [@Prometheus](https://community.bear.app/u/Prometheus)
#### Post date: [June 8, 2023, 2:46am UTC](https://community.bear.app/t/visual-representation-of-headings-an-update-from-the-team/10709/39 "2023-06-08T02:46:31Z")

</div>

That’s how it works with “hide markdown” enabled; the markdown symbols would not be visible unless you’re in edit mode on the header line.

---

<div class="post-metadata">

### Author: ![Eleanor](https://avatars.discourse-cdn.com/v4/letter/e/c37758/32.png) [@Eleanor](https://community.bear.app/u/Eleanor)
#### Post date: [June 8, 2023, 3:40am UTC](https://community.bear.app/t/visual-representation-of-headings-an-update-from-the-team/10709/40 "2023-06-08T03:40:52Z")

</div>

It is either hide all or show all although as Prometheus said it shows the markdown when editing that specific line.

[Previous page](https://community.bear.app/t/visual-representation-of-headings-an-update-from-the-team/10709.md?page=1)
