Skip to content

Draft: Implement new homepage design

Sarah German requested to merge 1740-homepage-redesign into main

What does this MR do and why?

Implements the new homepage design! 🎨

Figma file: https://www.figma.com/file/e6ahJYABbB1sPT1k5s8HBp/Reorganize-docs-home-technical-writing%23854?node-id=2395%3A2469&mode=dev

Just a draft. Still some things to do here:

  • Add more content to the tabbed sections (and many of these pages need descriptions, see #1741 (closed))
  • See if we need to modify anything for Lunr search versions
  • Match sizing and spacing more closely to the design
  • Mobile styling/behavior
  • Testing (browser, accessibility)

Screenshots, screen recordings, or links to review app

Still in progress, but here we are so far:

Before After
image image

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

  1. Configure a local GitLab Docs environment: https://gitlab.com/gitlab-org/gitlab-docs/-/blob/main/doc/setup.md.
  2. Compile and run the site: make view
  3. Visit the homepage: http://127.0.0.1:3000/

Merge request acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Closes #1740 (closed)

Edited by Sarah German

Merge request reports

Loading