RedHat-UX · zeroedin · Jul 17, 2023 · Jul 17, 2023 · Jul 17, 2023
diff --git a/public/assets/images/favicon.ico b/public/assets/images/favicon.ico
diff --git a/website/404.webc b/website/404.webc
@@ -1,6 +1,7 @@
 ---
 layout: layouts/backpage.webc
 title: Not Found
+description: Page Not Found
 permalink: 404.html
 ---
 

diff --git a/website/_data/site.json b/website/_data/site.json
@@ -1,5 +1,5 @@
 {
 	"title": "Red Hat Brand",
-	"description": "Insert description here",
+	"description": "Brand standards govern how we look and sound in all types of media. They’re the codification of our rules and are always growing, improving, and adapting.",
 	"url": "brand.redhat.com"
 }
diff --git a/website/_includes/components/meta-description.webc b/website/_includes/components/meta-description.webc
@@ -0,0 +1,4 @@
+<script webc:type="js">
+  const description = $data.description ?? $data.site.description;
+	`<meta name="description" content="${description}"/>`;
+</script>
diff --git a/website/_includes/components/meta-social.webc b/website/_includes/components/meta-social.webc
@@ -1,11 +1,12 @@
 <script webc:type="js">
-	const description = $data.description ?? $data.site.description;
-	const title = $data.title ?? $data.site.title;
-	`<meta property="og:title" content="${title}">
-		<meta property="og:name" content="${title}">
-		<meta property="og:url" content="${$data.site.url}">
-		<meta name="description" property="og:description" content="${description}">
-		<meta property="og:type" content="website">
-		<meta property="og:image" content="https://www.redhat.com/themes/custom/rhdc/img/red-hat-social-share.jpg">
-	`;
+  const description = $data.description ?? $data.site.description;
+  const title = $data.title ?? $data.site.title;
+  const url = $data.url ?? $data.site.url;
+  `<meta property="og:type" content="website">
+  <meta property="og:url" content="${url}">
+  <meta property="og:title" content="${title}">
+  <meta property="og:description" content="${description}">
+  <meta property="og:image" content="https://www.redhat.com/themes/custom/rhdc/img/red-hat-social-share.jpg">
+  <meta name="twitter:card" content="summary" />
+  <meta name="twitter:title" content="${title}" />`;
 </script>
diff --git a/website/_includes/layouts/base.webc b/website/_includes/layouts/base.webc
@@ -2,13 +2,19 @@
 <html lang="en">
   <head>
   <meta webc:keep charset="utf-8">
-  <meta webc:keep http-equiv="x-ua-compatible" content="ie=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link webc:keep rel="shortcut icon" href="https://www.redhat.com/misc/favicon.ico" type="image/x-icon">
+  <link webc:nokeep webc:is="link-canonical">
+
+  <meta http-equiv="content-language" content="en" />
 
   <title webc:nokeep webc:is="meta-title"></title>
+  <meta name="description" webc:is="meta-description" />
   <meta webc:nokeep webc:is="meta-social">
-  <link webc:nokeep webc:is="link-canonical">
+
+  <meta name="MobileOptimized" content="width" />
+  <meta webc:keep http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <link rel="icon" href="/assets/images/favicon.ico" type="image/vnd.microsoft.icon" webc:keep />
 
   <link webc:keep rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@300;500;700&amp;family=Noto+Sans+JP:wght@300;500;700&amp;family=Noto+Sans+KR:wght@300;500;700&amp;family=Noto+Sans+Malayalam:wght@300;500;700&amp;family=Noto+Sans+SC:wght@300;500;700&amp;family=Noto+Sans+TC:wght@300;500;700&amp;family=Noto+Sans+Tamil:wght@300;500;700&amp;family=Noto+Sans+Thai:wght@300;500;700&amp;display=swap">
   <link webc:keep rel="stylesheet" href="https://ga.jspm.io/npm:@rhds/[email protected]/elements/rh-navigation-secondary/rh-navigation-secondary-lightdom.css">

diff --git a/website/design-language/color.webc b/website/design-language/color.webc
@@ -1,6 +1,7 @@
 ---
 layout: layouts/backpage.webc
 title: Color
+description: Use these guidelines for details on how and when to incorporate Red Hat’s most recognizable asset, color, into your own branding and messaging.
 order: 0
 tags:
   - design-language

diff --git a/website/design-language/icons.webc b/website/design-language/icons.webc
@@ -1,6 +1,7 @@
 ---
 layout: layouts/backpage.webc
 title: Icons
+description: Learn about Red Hat&#039;s icon types and read more about how and when to use them in your own branding and messaging.
 order: 70
 tags:
   - design-language

diff --git a/website/design-language/illustration.webc b/website/design-language/illustration.webc
@@ -1,6 +1,7 @@
 ---
 layout: layouts/backpage.webc
 title: Illustration
+description: Red Hat illustrations showcase nuanced ideas in authentic, compelling ways. Learn when and how to use them with this guide.
 order: 30
 tags:
   - design-language

diff --git a/website/design-language/photography.webc b/website/design-language/photography.webc
@@ -1,6 +1,7 @@
 ---
 layout: layouts/backpage.webc
 title: Photography
+description: Discover how Red Hat photography shows subjects in their real environments in an effort to capture their spirit in meaningful, authentic ways.
 order: 20
 tags:
   - design-language

diff --git a/website/design-language/typography.webc b/website/design-language/typography.webc
@@ -1,6 +1,7 @@
 ---
 layout: layouts/backpage.webc
 title: Fonts and typography
+description: Use this Red Hat typography guide to explore how and when to incorporate the various fonts available within the Red Hat font family.
 order: 10
 tags:
   - design-language

diff --git a/website/foundations/history.webc b/website/foundations/history.webc
@@ -1,6 +1,7 @@
 ---
 layout: layouts/backpage.webc
 title: History
+description: Red Hat was born 1995 when Bob Young and Marc Ewing joined forces to sell Ewing’s distribution of Linux® on CDs.
 order: 0
 tags:
   - foundations

diff --git a/website/foundations/personality.webc b/website/foundations/personality.webc
@@ -1,6 +1,8 @@
 ---
 layout: layouts/backpage.webc
 title: Personality
+description: |
+  Red Hat’s brand personality is encompassed by four main traits: open, authentic, helpful, and brave.
 order: 20
 tags:
   - foundations

diff --git a/website/foundations/red-hat-and-ibm-logos.webc b/website/foundations/red-hat-and-ibm-logos.webc
@@ -1,6 +1,7 @@
 ---
 layout: layouts/backpage.webc
 title: Red Hat and IBM
+descriptions: Use these guidelines for details on how and when to incorporate Red Hat and IBM logos into your own branding and messaging.
 order: 40
 tags: 
   - foundations

diff --git a/website/foundations/strategy.webc b/website/foundations/strategy.webc
@@ -1,6 +1,7 @@
 ---
 layout: layouts/backpage.webc
 title: Strategy
+description: Our brand strategy is to promote openness, which is reflected in our personality and platform, and in how we name our offerings.
 order: 10
 tags:
   - foundations

diff --git a/website/index.webc b/website/index.webc
@@ -1,5 +1,7 @@
 ---
 layout: layouts/homepage.webc
+title: Red Hat brand standards
+description: Brand standards govern how we look and sound in all types of media. They’re the codification of our rules and are always growing, improving, and adapting.
 ---
 
 <rhb-band>

diff --git a/website/logos/certification-logos.webc b/website/logos/certification-logos.webc
@@ -1,6 +1,7 @@
 ---
 layout: layouts/backpage.webc
 title: Certification logos
+description: Use these guidelines for details on how and when to use a digital badge issued by the Red Hat Digital Credentialing program.
 order: 90
 tags: 
   - logos

diff --git a/website/logos/co-brand-logos.webc b/website/logos/co-brand-logos.webc
@@ -1,6 +1,7 @@
 ---
 layout: layouts/backpage.webc
 title: Co-brand logos
+description: Use these guidelines for details on how and when to incorporate Red Hat co-branding logos into your own branding and messaging.
 order: 40
 tags: 
   - logos

diff --git a/website/logos/dei-community-logos.webc b/website/logos/dei-community-logos.webc
@@ -1,6 +1,7 @@
 ---
 layout: layouts/backpage.webc
 title: DEI Community Logos
+description: Use these guidelines for details on how and when to incorporate Red Hat’s Diversity, Equity, and Inclusion community logos into your own branding and messaging.
 order: 100
 tags: 
   - logos

diff --git a/website/logos/endorsement-logos.webc b/website/logos/endorsement-logos.webc
@@ -1,6 +1,7 @@
 ---
 layout: layouts/backpage.webc
 title: Endorsement logos
+description: Use these guidelines for details on how and when to incorporate Red Hat endorsement logos into your own branding and messaging.
 order: 30
 tags: 
   - logos

diff --git a/website/logos/initiative-logos.webc b/website/logos/initiative-logos.webc
@@ -1,6 +1,7 @@
 ---
 layout: layouts/backpage.webc
 title: Initiative logos
+description: Use these guidelines for details on how and when to incorporate Red Hat’s initiative logos into your own branding and messaging.
 order: 80
 tags: 
   - logos

diff --git a/website/logos/logo.webc b/website/logos/logo.webc
@@ -1,6 +1,7 @@
 ---
 layout: layouts/backpage.webc
 title: Red Hat logo
+description: The red hat in our logo symbolizes software freedom. Find out the story behind our iconic logo and how to work with it.
 order: 0
 tags: 
   - logos

diff --git a/website/logos/partner-logos.webc b/website/logos/partner-logos.webc
@@ -1,6 +1,7 @@
 ---
 layout: layouts/backpage.webc
 title: Partner logos
+description: Use these guidelines for details on how and when to incorporate Red Hat partner logos into your own branding and messaging.
 order: 50
 tags: 
   - logos

diff --git a/website/logos/product-logos.webc b/website/logos/product-logos.webc
@@ -1,6 +1,7 @@
 ---
 layout: layouts/backpage.webc
 title: Product logos
+description: Use these guidelines for details on how and when to incorporate Red Hat product logos into your own messaging.
 order: 60
 tags: 
   - logos

diff --git a/website/logos/summit-logos.webc b/website/logos/summit-logos.webc
@@ -1,6 +1,7 @@
 ---
 layout: layouts/backpage.webc
 title: Red Hat Summit logo
+description: Use these guidelines for details on how and when to incorporate the Red Hat Summit logo into your own branding and messaging.
 order: 110
 tags: 
   - logos

diff --git a/website/logos/the-hat.webc b/website/logos/the-hat.webc
@@ -1,6 +1,7 @@
 ---
 layout: layouts/backpage.webc
 title: The hat
+description: Learn more about the hat in the Red Hat logo and how to use it in your own branding and messaging.
 order: 10
 tags: 
   - logos

diff --git a/website/logos/universal-logos.webc b/website/logos/universal-logos.webc
@@ -1,6 +1,7 @@
 ---
 layout: layouts/backpage.webc
 title: Universal logos
+description: Use these guidelines to learn how and when to incorporate Red Hat universal logos for teams, programs, and interfaces into your own branding and messaging.
 order: 70
 tags: 
   - logos

diff --git a/website/templates-and-resources/applications.webc b/website/templates-and-resources/applications.webc
@@ -1,6 +1,7 @@
 ---
 layout: layouts/backpage.webc
 title: Additional resources
+description: Applications
 order: 10
 tags:
   - templates-and-resources

diff --git a/website/templates-and-resources/templates.webc b/website/templates-and-resources/templates.webc
@@ -1,6 +1,7 @@
 ---
 layout: layouts/backpage.webc
 title: Templates
+description: Combine Red Hat&#039;s brand elements for a crisp, consistent look.
 order: 0
 tags:
   - templates-and-resources