Writing room h1..h6 styling -- can they be made more distinct?

[bart (Bart Nagel)]

@samlittlefair

Perhaps the least-hacky option would be to make a tree of multiple documents using content relationships. That would force editors to follow the right structure, but it also might clutter your repo and create a cumbersome editing experience. (I generally wouldn't advise using a lot of content relationships, for that reason.)

Yeah, absolutely not. That would be a nightmare for the content editor. And for me too -- imagine the headaches when items are linked but not published, and so on. I bet querying for it would be painful too. But again, this thread is not intended to be about nesting data structures. Here's a different thread asking for the same thing; I'd add my voice to that if it weren't closed. Deeply Nested Fields - #5 by Fares

@samlittlefair

There's no built-in functionality in Prismic to make the heading styles more distinct in the writing room.

I know. I'm asking you to change the writing room stylesheet.

@samlittlefair

It's good to know that you're having trouble distinguishing them — it's likely something we'll want to improve, so I'll encourage the UX team to look into it.

Don't you find them hard to distinguish? Body size is set to 14px, and then h1, h2, h3 are all significantly larger but very very close to each other, at 26px, 24px, 22px. I haven't seen any accessibility guidelines for distinguishable size differences where they matter, but if there were any, I'd bet these sizes didn't meet them.