feat: primary styling content pages

[gentaDemnushaj]

ATTENTION! NEW DOCS STRUCTURE
FOR THE NEXT THREE WEEKS, ONLY BRANCH FROM new-docs-structure
OTHERWISE, WAIT UNTIL THE NEW STRUCTURE HAS BEEN RELEASED

• Please check the internal contributions guide for details

---

Thank you for contributing to the documentation.

Do the changes you have made apply to both Current and Previous versions?

Have you done a trial build to check all new or changed links?

Is there anything else you would like us to know?

This week's exciting advice from the style guide

• Write your headings in sentence case:

  • A good example
    This is a correct heading.
  • A Bad Example
    This is not a correct heading.

[gentaDemnushaj]

File structure and names are not final. Might still change

[matteematt]

this is good enough for the 5th, but it could still do with improving in certain sections

1. Direct Genesis component styling section I think is perfect, but happy for you to change it as needed
   2.Extending genesis components - I tweaked and fleshed out your first two pages. I wasn’t really sure what your vision was for the next three pages so for now I removed them. You can add that back in a subsequent PR but for now I pulled them out so we can merge this without merging unfinished docs
   3.Design Tokens - this is mostly just copied and tweaked from what is there on the existing docs. It was very out of date because it was using variables configured before the DSC was a think. I fixed all of those bits, but these docs are still not great quality. I think they could do with improving to match the quality of the other sections
2. All of the keywords and tags need updating, I basically copied and pasted most headers

Slightly longer term

• We need to add back our advanced concepts section and add into it how to create your own design system etc

[patrickoneill-genesis]

Suggested change

	When using the DSC on your application it configure the `rapid` design system, which is the default. It can additionally be used to configure design
	When using the DSC on your application it configures the `rapid` design system, which is the default. It can additionally be used to configure design

[patrickoneill-genesis]

Suggested change

	An additional big advantage of this approach is that it's component library agnostic - you can use this approach when using Genesis syntax, as well as libraries like React and Angular. The code examples in this section will be shown as pure `html` and `css`, and then you can apply it to whichever component library you're using.
	An additional advantage of this approach is that it's component library agnostic - you can use this approach when using Genesis syntax, as well as libraries like React and Angular. The code examples in this section will be shown as pure `html` and `css`, and then you can apply it to whichever component library you're using.

Or you could say "yuuuuge advantage" like the guy I keep seeing on the news every night

[patrickoneill-genesis]

nice, like this scenario idea.

[patrickoneill-genesis]

A few little nitpicks. Nothing "yuuuuge"