feat: improve header level visual distinction

[kshitjj]

Description

Changed H1 from (2.25 > 2.50 rem)
Changed H2 weights from (500 to 600)
Increased H3 font size (1.5 > 1.75)rem
Decreased H4 font-weight (500 > 400)

Issue

Before:

After:

Closes: #55119

[linux-foundation-easycla]

The committers listed above are authorized under a signed CLA.

• ✅ login: kshitjj / name: Kshitij Rajgude (e3e1409)

[k8s-ci-robot]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by:
Once this PR has been reviewed and has the lgtm label, please assign sayakmukhopadhyay for approval. For more information see the Code Review Process.

The full list of commands accepted by this bot can be found here.

Details

Needs approval from an approver in each of these files:

• OWNERS

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[k8s-ci-robot]

Welcome @kshitjj!

It looks like this is your first PR to kubernetes/website 🎉. Please refer to our pull request process documentation to help your PR have a smooth ride to approval.

You will be prompted by a bot to use commands during the review process. Do not be afraid to follow the prompts! It is okay to experiment. Here is the bot commands documentation.

You can also check if kubernetes/website has its own contribution guidelines.

You may want to refer to our testing guide if you run into trouble with your tests not passing.

If you are having difficulty getting your pull request seen, please follow the recommended escalation practices. Also, for tips and tricks in the contribution process you may want to read the Kubernetes contributor cheat sheet. We want to make sure your contribution gets all the attention it needs!

Thank you, and welcome to Kubernetes. 😃

[kshitjj]

/check-cla

[netlify]

✅ Pull request preview available for checking

Built without sensitive environment variables

Name	Link
🔨 Latest commit	e3e1409
🔍 Latest deploy log	https://app.netlify.com/projects/kubernetes-io-main-staging/deploys/69d2b80a936b1c0008b17bf9
😎 Deploy Preview	https://deploy-preview-55262--kubernetes-io-main-staging.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[kfess]

Personally, I think the H2 change is a clear improvement and makes the overall
readability better, but the H1 (2.50 rem) feels a bit too large to me.

It would be helpful for reviewers if you could provide a side-by-side comparison with links to the current page and the preview, showing examples
of H1 through H4. For example:

• H1
  • website link: https://kubernetes.io/***
  • preview link: https://deploy-preview-55262--kubernetes-io-main-staging.netlify.app/***
• H2
  • website link: https://kubernetes.io/***
  • preview link: https://deploy-preview-55262--kubernetes-io-main-staging.netlify.app/***