diff --git a/docs/patterns/logo-wall/guidelines.md b/docs/patterns/logo-wall/guidelines.md index 8dc4a88a17..230ba4dde1 100644 --- a/docs/patterns/logo-wall/guidelines.md +++ b/docs/patterns/logo-wall/guidelines.md @@ -29,20 +29,20 @@ logos. ### Bordered - + An example of a bordered logo wall with 6 logos each inside of a bordered container. + width="1120" + height="110"> ### Borderless - + An example of a borderless logo wall with 6 logos. + width="1113" + height="110"> ## Layout @@ -79,7 +79,7 @@ identity by ensuring that their logos meet accessibility standards.
- + Examples of two Red Hat logos in dark and light themes against background colors that ensure enough color contrast. - + Examples of two Red Hat logos in dark and light themes against background colors that do not provide enough contrast. - + Examples of two Red Hat logos in dark and light themes against background colors that ensure enough color contrast. - + Examples of two Red Hat logos in dark and light themes against background colors that do not provide enough contrast.
- + Example of a borderless logo wall with similarly sized logos that represent each partner evenly. - + Example of a borderless logo wall in which the sizes of logos varies and disproportionately represents each partner.
- + Example of a borderless logo wall in which each logo is horizontally and vertically aligned in its container. - + Example of a borderless logo wall in which each logo is aligned to the bottom of the container.

Bordered

- + An example of a bordered logo wall with 6 logos each inside of a bordered container.

Borderless

- + An example of a borderless logo wall with 6 logos. + width="1113" + height="110">
diff --git a/docs/patterns/logo-wall/style.md b/docs/patterns/logo-wall/style.md index 255c162152..d69383c8f5 100644 --- a/docs/patterns/logo-wall/style.md +++ b/docs/patterns/logo-wall/style.md @@ -61,11 +61,11 @@ Logo walls define layout rules for spacing logos, and their styles. - Logos are evenly spaced. - Logos are in a container with 16px of padding on all sides and a corner radius of 3px. - + Example of a bordered logo wall with spacing values. + width="1120" + height="110"> ### Borderless @@ -73,11 +73,11 @@ Logo walls define layout rules for spacing logos, and their styles. - Logos are in a container with 16px of top and bottom padding and 8px of left and right padding. - All containers using the borderless style have the same height but will likely have different widths depending on the dimensions of the logo. - + Example of a borderless logo wall with spacing values. + width="1113" + height="110"> ## Interaction states