Skip to content

[Docs] Visual re-align #9728

@joecritch

Description

@joecritch

Hi folks.

I'm having a shot at a visual re-align for the React docs.

Goals

  • Create a conservative re-align, that isn't controversial; but still opens up opportunity for future expansion and features (heading towards more of a design system)
  • Avoid major architectural changes, which are best handled as separate PR's in the future

Inspiration

  • GraphQL.org
  • Other gridded sites :)

Process

  • Just mockups at the minute, before I receive the go ahead
  • I would then work on the rest of the elements & viewport sizes
  • Then write the CSS (from scratch? thoughts?)

Other notes

  • Moved sidebar to right hand side to improve readability
  • Collapsed non-current docs nav categories
  • Add an 'intro' paragraph (the first para) to each docs page
  • 5px baseline grid
  • 4 column grid
  • Proxima Nova (same as current site)
  • The footer layout would be tightened up (it's just a screenshot of the current one, atm)

Fire away with your comments.

react-docs-3

react-docs-home-2

cc @gaearon

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions