diff --git a/pages/about/branding.md b/pages/about/branding.md
index 7e3539d8..0e806278 100644
--- a/pages/about/branding.md
+++ b/pages/about/branding.md
@@ -19,16 +19,18 @@ Please use the **logo with text** whenever possible. The logo should be placed o
### Horizontal logo
+
+
| Light backgrounds | Dark backgrounds |
| :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
-|  |  |
+|  |
 |
| [svg](https://github.com/openjs-foundation/artwork/blob/main/projects/webpack/webpack-logo-horizontal-color.svg) \| [png](https://github.com/openjs-foundation/artwork/blob/main/projects/webpack/webpack-logo-horizontal-color.png) | [svg](https://github.com/openjs-foundation/artwork/blob/main/projects/webpack/webpack-logo-horizontal-color-dark_background.svg) \| [png](https://github.com/openjs-foundation/artwork/blob/main/projects/webpack/webpack-logo-horizontal-color-dark_background.png) |
### Stacked logo
| Light backgrounds | Dark backgrounds |
| :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
-|  |  |
+|  |
 |
| [svg](https://github.com/openjs-foundation/artwork/blob/main/projects/webpack/webpack-logo-stacked-color.svg) \| [png](https://github.com/openjs-foundation/artwork/blob/main/projects/webpack/webpack-logo-stacked-color.png) | [svg](https://github.com/openjs-foundation/artwork/blob/main/projects/webpack/webpack-logo-stacked-color-dark_background.svg) \| [png](https://github.com/openjs-foundation/artwork/blob/main/projects/webpack/webpack-logo-stacked-color-dark_background.png) |
## webpack Icons
@@ -37,9 +39,11 @@ The icon is designed to be used in **layout-constrained areas only**. As previou
| Icon (avatars, profile pictures, favicons) | Hex sticker |
| :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
-|  |  |
+|  |

|
| [svg](https://github.com/openjs-foundation/artwork/blob/main/projects/webpack/webpack-icon-color.svg) \| [png](https://github.com/openjs-foundation/artwork/blob/main/projects/webpack/webpack-icon-color.png) | [svg](https://github.com/openjs-foundation/artwork/blob/main/projects/webpack/webpack-hex-sticker.svg) \| [png](https://github.com/openjs-foundation/artwork/blob/main/projects/webpack/webpack-hex-sticker.png) |
+
+
## Color Palette
The following colors are used throughout the site in various combinations and on our fancy clothing line launched with the help of [Open Collective](https://opencollective.com/) and [Threadless](https://medium.com/u/840563ee2a56) over at the [official webpack store](https://webpack.threadless.com/collections/the-final-release-collection/)!
diff --git a/styles/index.css b/styles/index.css
index 3fd6fb05..0ccde2c0 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -21,3 +21,24 @@
--color-brand-900: var(--color-blue-900);
--color-brand-950: var(--color-blue-950);
}
+
+.darkBg {
+ background-color: var(--color-neutral-950);
+ display: inline-block;
+ padding: 20px;
+}
+
+.halfWidthTable table {
+ table-layout: fixed;
+ width: 100%;
+}
+
+.halfWidthTable td,
+.halfWidthTable th {
+ width: 50%;
+}
+
+.centerItem img {
+ display: block;
+ margin: 0 auto;
+}