primer / doctocat

A Gatsby theme for building Primer documentation sites

Home Page:https://primer.style/doctocat

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Standardized examples in Doctocat

ashygee opened this issue · comments

What is this?

In it's current state, the image examples in Doctocat are not consistent. In some cases there is no background and the image feels like actual UI on the page. The images are also at various sizes.

Example of Do/Don't in button guidelines at two different zoom levels
Example image with a background
Example image without a background

We need more explicit guidelines that are flexible to a full width and smaller image size. In addition we need more flexibility for different layouts to showcase these examples.

References

Figma - Doctocat image template
Figma - Working file
Adobe Spectrum - Example of two column layout

cc @yaili @vdepizzol @colebemis

Hi! This issue has been marked as stale because it has been open with no activity for 180 days. You can comment on the issue or remove the stale label to keep it open. If you do nothing, this issue will be closed in 7 days.