Update Docs SEO

4 files changed, 4 insertions, 4 deletions

diff --git a/docs/src/layout/grid.pug b/docs/src/layout/grid.pug
index 4c35009..2c8b7b6 100644
--- a/docs/src/layout/grid.pug
+++ b/docs/src/layout/grid.pug
@@ -4,7 +4,7 @@ block variables
   - var slug = 'grid'
   - var parent = 'layout'
   - var title = 'Flexbox grid - Layout - Spectre.css CSS Framework'
-  - var description = 'Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.'
+  - var description = 'Layout includes flexbox based responsive grid system with 12 columns. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.'
 
 block docs-content
   +docs-heading('grid', 'Flexbox grid')
diff --git a/docs/src/layout/hero.pug b/docs/src/layout/hero.pug
index 36d765d..2e977be 100644
--- a/docs/src/layout/hero.pug
+++ b/docs/src/layout/hero.pug
@@ -4,7 +4,7 @@ block variables
   - var slug = 'hero'
   - var parent = 'layout'
   - var title = 'Hero - Layout - Spectre.css CSS Framework'
-  - var description = 'Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.'
+  - var description = 'The Hero container shows key featured content or information. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.'
 
 block docs-content
   +docs-heading('hero', 'Hero')
diff --git a/docs/src/layout/navbar.pug b/docs/src/layout/navbar.pug
index 45417aa..f3d7268 100644
--- a/docs/src/layout/navbar.pug
+++ b/docs/src/layout/navbar.pug
@@ -4,7 +4,7 @@ block variables
   - var slug = 'navbar'
   - var parent = 'layout'
   - var title = 'Navbar - Layout - Spectre.css CSS Framework'
-  - var description = 'Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.'
+  - var description = 'Navbar is a layout container that appears in the header of apps and websites. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.'
 
 block docs-content
   +docs-heading('navbar', 'Navbar')
diff --git a/docs/src/layout/responsive.pug b/docs/src/layout/responsive.pug
index 1d0109a..378bff2 100644
--- a/docs/src/layout/responsive.pug
+++ b/docs/src/layout/responsive.pug
@@ -4,7 +4,7 @@ block variables
   - var slug = 'responsive'
   - var parent = 'layout'
   - var title = 'Responsive - Layout - Spectre.css CSS Framework'
-  - var description = 'Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.'
+  - var description = 'Responsive layout grid system and responsive visibility utilities. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.'
 
 block docs-content
   +docs-heading('responsive', 'Responsive')