Set headings to Semibold for better information architecture

[jancborchardt]

See for yourself @nextcloud/designers – much better to distinguish and see what is in focus:

Before & after in files:

Before and after in admin settings:

[jancborchardt]

Also cc @karlitschek @jospoortvliet – it's something we should also consider for the website and other materials.

[skjnldsv]

I have to disagree about the headings on the personal settings :) They feel out of place. 😕
It looks like you've changed the font family. Maybe try regular? Or something like that?
It looks like we've gone too far here.

I agree with the concept, but this looks worst than before 😉

[jancborchardt]

@skjnldsv maybe you'd prefer if in the settings it stays h2? Just cherry-pick only the first commit.

And no, the fon-family isn't changed as you can see from the code. It's simply semibild, what we use for highlights and buttons already.

[MorrisJobke]

EDIT: precision: I'm talking about the headings on the personal settings :)

We also noticed that and were thinking about making it not a heading there but normal text. But all the other settings look far better

[skjnldsv]

@skjnldsv maybe you'd prefer if in the settings it stays h2? Just cherry-pick only the first commit.

And no, the fon-family isn't changed as you can see from the code. It's simply semibild, what we use for highlights and buttons already.

No, actually I think I prefere without the bold, only going back to the original weight.
BUT without the lightness, so font-weight: 300 (inherit)

What do you think? It doesn't draw that much attention, but is still perfectly readable (far better than the previous light) 😁

[pixelipo]

Or perhaps try with bold, but leave opacity at .57?

I agree about the visibility - something definitely needs to be done here, but bold&black stands out too much. We seem to lose this light, airy feeling that NC interface has.

@jancborchardt - I think you tagged screenshots incorrectly -> personal are described as admin and vice versa.

@MorrisJobke - related to ⬆️ which headings are you referring to?

[jancborchardt]

No, actually I think I prefere without the bold, only going back to the original weight.
BUT without the lightness, so font-weight: 300 (inherit)

@skjnldsv done, check it out! :) And yes, it did look off with the bolding there, just because there are soo many headings on the personal page. So it’s a good exception.

Or perhaps try with bold, but leave opacity at .57?

@pixelipo that looked quite out of place. Just leaving the font-weight at 300 (Light) is good. What do you think?

I agree about the visibility - something definitely needs to be done here, but bold&black stands out too much. We seem to lose this light, airy feeling that NC interface has.

Yeah – remember though it’s Semibold, so not that much anyway. And it can also be light and airy even with Regular & Bold as you can see from Apple for example. After all, if stuff is not readable it doesn’t matter which feel it has. ;)

I think you tagged screenshots incorrectly -> personal are described as admin and vice versa.

@pixelipo thanks, fixed it. :)

[ChristophWurst]

Yesssssss

[rullzer]

👍

[MorrisJobke]

I like this a lot 👍 Especially on settings pages with a lot of a text between the sections it makes the layout more readable and easier to scan quickly.