Skip to content

Style Book: Iterate on presentation and design #53431

@jameskoster

Description

@jameskoster

Brief

The main goal of this refresh is to better organize the blocks that make up your site into a representation of the book of style for your site. Organize into what could have been a design manual. This work includes:

Visual

Pages

Landing page

The landing page would be useful for the current iteration of the Site View, which does not currently feature tabs. It serves as a quick glanceable "poster view" for the site style guide:

poster-view

Finally it would serve to have deep-links to the other tabs, e.g. clicking "Headings" would take you to the Text tab:

style-book-where-areas-link-to

Reorganizing blocks

To afford this structure, the new categories, Color and Theme would benefit orientation. Here is a suggestion how we could reorganize existing blocks, as well as include all the site-specific blocks in those taxonomies:

Categories

Designs in this issue are created by @beafialho. Figma.

Sub-issues

Metadata

Metadata

Assignees

No one assigned

    Labels

    [Feature] Style Book[Status] In ProgressTracking issues with work in progress[Type] OverviewComprehensive, high level view of an area of focus often with multiple tracking issues

    Projects

    Status

    In Dev

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions