Apply typography suggestions

[bedroesb]

H1 updates

• Default colour

H2 updates

• Keep Exo 2
• margin-top: 2.5 rem
• margin-bottom: 0.5 rem
• Font weight: 500 600
• Font-szie: 2.2 rem

H3

• font-weight : 600
• Font-size: 1.5 rem

[bedroesb]

These are discussed changes from our monthly UX meetings

[martin-nc]

@bedroesb was there a preview of these changes? Perhaps they been applied to the toolkit theme: https://elixir-belgium.github.io/elixir-toolkit-theme/?

[bedroesb]

definitely possible, the problem is a bit that we use font weights that are not always available with the fonts used by people...

[bedroesb]

@martin-nc for example with the IDTk for me the jump is to big:

But this is just my opinion...

[bedroesb]

Maybe I just have to get used to it :)

[martin-nc]

Hmmm - I hadn't thought about people choosing different fonts for the toolkit theme. If that's the case, you might want to stick to 400 and 700 for that theme, and keep it simple. Each font should definitely have those! Unless it's a display or monospace font, of course, but you can't account for that.

So then the questions is: do we stick to the same rules for the RDMkit? I don't think that's necessary. Once the theme is out there it's a free-for-all, and you can't enforce a law about how people should use fonts in it. For the RDMkit, I'd maybe make the h2 600, on reflection. It's not such a big change but it's more in keeping with the new h3 rules, and it looks less clunky than the current 700. What do you think?

[bedroesb]

@martin-nc I agree, I changed them to 600! I was thinking of merging these changes for now and doing rethinking the theme on its own another time 🤔

[martin-nc]

Looks good to me!