2020 Design update for API site

[Krinkle]

Now that the new homepage is live (ref qunitjs/qunitjs.com#151 at https://qunitjs.com), I think we should do a few design touches on the API site (at https://api.qunitjs.com) as well – before we announce the new site publicly as a whole!

/cc @trentmwillis

[Krinkle]

Old homepage	Current draft

I've prepared a rough draft at https://github.com/qunitjs/qunit/tree/draft-api-design. This is still a work in progress, but ideas and feedback welcome :)

Old API site	Current draft	Draft; 7 July 2020	Draft; 9 July 2020	Draft; 11 July 2020

I'm fairly satisfied with the above draft (11 July), but the one thing that still stands out to me is the overall "too plain white"-ness. In particular, the suble uses of purple are lost in my opinion due to the stark contrast (they might as well be black). The reason I removed most uses of color from the earlier drafts was to create consistency with the new main site. Its less of an issue there given the hero on each page and the overall shorter content and more headings.

I tried to some some of the color back through the sidebar and link highlights, which are unique to the API site.

Maybe that's good enough for now, but.. I figured I'd experiment with an alternate design that could retain more of the original branding strength. This also in context of last week's jQuery Infra Meeting where the topic of branding was discussed, and how the QUnit work here could be a starting point for other jQuery-family projects looking to adopt a static site. They could use the above draft as starting point, but I feel that one is too plain to still look familiar once the color scheme is changed. Perhaps the below would work better?

Alternate draft: homepage	Alternate draft: page	Alternate draft: doc entry

(TODO: search field styling)

Inspiration:

• QUnit main site (original)
• QUnit API site (original)
• jQuery API site (current)
• Prometheus site

[Krinkle]

Before and after of the version that launched this week:

Old homepage	New homepage

Old API site	New API site

Tickets:

• Redesign homepage: Tasks for launch of Jekyll site qunitjs.com#151.
• Redesign API site: 2020 Design update for API site #1458 (this ticket).
• Build and integrate multi-site search: Add search to API site #1460.

The design was created by @trentmwillis with some minor adjustments by myself (see previous comments for iterations).