Example code editor content for the WordPress block editor to make your own brand page.

sitewide-sales-brand-kit-editor-view.html

<!-- wp:paragraph -->
<p>Here are some resources you are free to use when you write about Sitewide Sales.</p>
<!-- /wp:paragraph -->

<!-- wp:group {"backgroundColor":"palette-color-6"} -->
<div class="wp-block-group has-palette-color-6-background-color has-background"><!-- wp:yoast-seo/table-of-contents -->
<div class="wp-block-yoast-seo-table-of-contents yoast-table-of-contents"><h2>Table of contents</h2><ul><li><a href="#logo" data-level="3">Official Logo</a></li><li><a href="#h-brand-colors" data-level="2">Brand Colors</a></li><li><a href="#h-screenshots" data-level="2">Screenshots</a><ul><li><a href="#h-product-screenshots" data-level="3">Product Screenshots</a></li><li><a href="#h-for-woocommerce" data-level="3">For WooCommerce</a></li><li><a href="#h-for-paid-memberships-pro" data-level="3">For Paid Memberships Pro</a></li><li><a href="#h-for-easy-digital-downloads" data-level="3">For Easy Digital Downloads</a></li></ul></li><li><a href="#h-founder-headshots" data-level="2">Founder Headshots</a></li></ul></div>
<!-- /wp:yoast-seo/table-of-contents --></div>
<!-- /wp:group -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"70%"} -->
<div class="wp-block-column" style="flex-basis:70%"><!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="has-text-align-center" id="logo">Official Logo</h3>
<!-- /wp:heading -->

<!-- wp:html -->
<img class="aligncenter" src="https://sitewidesales.com/images/Sitewide-Sales.png" alt="Sitewide Sales Official Logo as PNG">
<!-- /wp:html -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><a href="https://sitewidesales.com/images/Sitewide-Sales.png">300DPI (.png)</a> | <a href="https://sitewidesales.com/images/Sitewide-Sales_72DPI.png">72DPI (.png)</a><br><a href="https://sitewidesales.com/images/Sitewide-Sales.eps">Vector (.eps)</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"30%"} -->
<div class="wp-block-column" style="flex-basis:30%"><!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="has-text-align-center">Official Icon</h3>
<!-- /wp:heading -->

<!-- wp:html -->
<img class="aligncenter" style="max-height: 120px;" src="https://sitewidesales.com/images/Sitewide-Sales_icon.png" alt="Sitewide Sales Official Icon as PNG">
<!-- /wp:html -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><a href="https://sitewidesales.com/images/Sitewide-Sales_icon.png">300DPI (.png)</a>&nbsp;|&nbsp;<a href="https://sitewidesales.com/images/Sitewide-Sales_icon_72DPI.png">72DPI (.png)</a><br><a href="https://sitewidesales.com/images/Sitewide-Sales_icon.eps">Vector (.eps)</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="has-text-align-center">Official Logo - Black</h3>
<!-- /wp:heading -->

<!-- wp:html -->
<div style="border: 1px solid #666666; margin-bottom: .9rem; padding: 15px;"><img class="aligncenter" style="box-shadow: none;" src="https://sitewidesales.com/images/Sitewide-Sales_black.png" alt="Sitewide Sales Black Logo as PNG"></div>
<!-- /wp:html -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><a href="https://sitewidesales.com/images/Sitewide-Sales_black.png">300DPI (.png)</a>&nbsp;|&nbsp;<a href="https://sitewidesales.com/images/Sitewide-Sales_black_72DPI.png">72DPI (.png)</a>&nbsp;|&nbsp;<a href="https://sitewidesales.com/images/Sitewide-Sales_black.eps">Vector (.eps)</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="has-text-align-center">Official Logo - White</h3>
<!-- /wp:heading -->

<!-- wp:html -->
<div style="background-color: #666666; margin-bottom: .9rem; padding: 15px;"><img class="aligncenter" style="box-shadow: none;" src="https://sitewidesales.com/images/Sitewide-Sales_white.png" alt="Sitewide Sales White Logo as PNG"></div>
<!-- /wp:html -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><a href="https://sitewidesales.com/images/Sitewide-Sales_white.png">300DPI (.png)</a>&nbsp;|&nbsp;<a href="https://sitewidesales.com/images/Sitewide-Sales_white_72DPI.png">72DPI (.png)</a>&nbsp;|&nbsp;<a href="https://sitewidesales.com/images/Sitewide-Sales_white.eps">Vector (.eps)</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:html -->
<br><br>
<!-- /wp:html -->

<!-- wp:heading {"textAlign":"center"} -->
<h2 class="has-text-align-center" id="h-brand-colors">Brand Colors</h2>
<!-- /wp:heading -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"overlayColor":"palette-color-1","minHeight":70} -->
<div class="wp-block-cover" style="min-height:70px"><span aria-hidden="true" class="wp-block-cover__background has-palette-color-1-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="has-text-align-center"><strong>Gray<br>#67727A</strong></h3>
<!-- /wp:heading --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"overlayColor":"palette-color-3","minHeight":70} -->
<div class="wp-block-cover" style="min-height:70px"><span aria-hidden="true" class="wp-block-cover__background has-palette-color-3-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="has-text-align-center"><strong>Blue<br>#6991AC</strong></h3>
<!-- /wp:heading --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"overlayColor":"palette-color-2","minHeight":70} -->
<div class="wp-block-cover" style="min-height:70px"><span aria-hidden="true" class="wp-block-cover__background has-palette-color-2-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="has-text-align-center"><strong>Red<br>#D75C37</strong></h3>
<!-- /wp:heading --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:html -->
<br><br>
<!-- /wp:html -->

<!-- wp:heading {"textAlign":"center"} -->
<h2 class="has-text-align-center" id="h-screenshots">Screenshots</h2>
<!-- /wp:heading -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="has-text-align-center" id="h-product-screenshots"><a href="/screenshots/">Product Screenshots</a></h3>
<!-- /wp:heading -->

<!-- wp:html -->
<p><a href="https://sitewidesales.com/screenshots/"><img class="aligncenter box-shadow" style="max-height: 200px;" src="/wp-content/uploads/2022/08/sitewide-sales-set-sale-name-start-end-date.png" alt="Settings Page Screenshot"></a></p>
<!-- /wp:html --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="has-text-align-center" id="h-for-woocommerce"><a href="/modules/woocommerce/demos/">For WooCommerce</a></h3>
<!-- /wp:heading -->

<!-- wp:html -->
<p><a href="https://sitewidesales.com/modules/woocommerce/demos/"><img class="aligncenter box-shadow" style="max-height: 200px;" src="https://sitewidesales.com/images/screenshots/photo-woocommerce_screen.jpg" alt="WooCommerce Photo Sale Screenshot"></a></p>
<!-- /wp:html --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:html -->
<br>
<!-- /wp:html -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="has-text-align-center" id="h-for-paid-memberships-pro"><a href="/modules/paid-memberships-pro/demos/">For Paid Memberships Pro</a></h3>
<!-- /wp:heading -->

<!-- wp:html -->
<p><a href="https://sitewidesales.com/modules/paid-memberships-pro/demos/"><img class="aligncenter box-shadow" style="max-height: 200px;" src="https://sitewidesales.com/images/screenshots/fancy-coupon-paid-memberships-pro_screen.jpg" alt="Paid Memberships Pro Fancy Coupon Sale Screenshot"></a></p>
<!-- /wp:html --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="has-text-align-center" id="h-for-easy-digital-downloads"><a href="/modules/easy-digital-downloads/demos/">For Easy Digital Downloads</a></h3>
<!-- /wp:heading -->

<!-- wp:html -->
<p><a href="https://sitewidesales.com/modules/easy-digital-downloads/demos/"><img class="aligncenter box-shadow" style="max-height: 200px;" src="https://sitewidesales.com/images/screenshots/gradient-easy-digital-downloads_screen.jpg" alt="EDD Gradient Sale Screenshot"></a></p>
<!-- /wp:html --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:html -->
<br><br>
<!-- /wp:html -->

<!-- wp:heading {"textAlign":"center"} -->
<h2 class="has-text-align-center" id="h-founder-headshots">Founder Headshots</h2>
<!-- /wp:heading -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"15%"} -->
<div class="wp-block-column" style="flex-basis:15%"></div>
<!-- /wp:column -->

<!-- wp:column {"width":"35%","className":"text-center"} -->
<div class="wp-block-column text-center" style="flex-basis:35%"><!-- wp:html -->
<p><img class="box-shadow" src="https://www.paidmembershipspro.com/images/Jason_Coleman-256x256.jpg" alt="Jason Coleman's headshot"></p>
<!-- /wp:html -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><strong>Jason Coleman</strong><br><a href="https://www.paidmembershipspro.com/images/Jason_Coleman.jpg">Jason's Headshot (.jpg)</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"35%","className":"text-center"} -->
<div class="wp-block-column text-center" style="flex-basis:35%"><!-- wp:html -->
<p><img class="box-shadow" src="https://www.paidmembershipspro.com/images/Kim_Coleman-256x256.jpg" alt="Kim Coleman's headshot"></p>
<!-- /wp:html -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><strong>Kim Coleman</strong><br><a href="https://www.paidmembershipspro.com/images/Kim_Coleman.jpg">Kim’s Headshot (.jpg)</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"15%"} -->
<div class="wp-block-column" style="flex-basis:15%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->