DS-506 DS-674 docs: Add Design System links to all components

content/en/docs/user-documentation/layout-builder/accordion/_index.md

@@ -7,7 +7,9 @@ description: Expandable pairs of question/answer or header/section fields.
 
 -----
 
-**Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Accordion Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Accordion Desktop.png>)
+**Designs:**
+- [Design System](../../../../../../assets/img/designs/lb-ui-kit/Accordion.jpg)
+- Pre-release: [Mobile](<../../../../../../assets/img/designs/lb/Accordion Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Accordion Desktop.png>)
 
 {{< readfile "../lb-add-block.partial" >}}
 

content/en/docs/user-documentation/layout-builder/hero-banner/_index.md → content/en/docs/user-documentation/layout-builder/banner/_index.md

@@ -1,13 +1,15 @@
 ---
-title: Hero Banner
+title: Banner
 description: A full-width, almost full-height display with a header, description, and call to action overlaid on an image.
 ---
 
 {{< youtube kerfY3EBESA >}}
 
 -----
 
-**Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Hero Banner Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Hero Banner Desktop.png>)
+**Designs:**
+- [Design System](../../../../../../assets/img/designs/lb-ui-kit/Banner.jpg)
+- Pre-release: [Mobile](<../../../../../../assets/img/designs/lb/Hero Banner Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Hero Banner Desktop.png>)
 
 {{< readfile "../lb-add-block.partial" >}}
 

content/en/docs/user-documentation/layout-builder/breadcrumbs/_index.md

@@ -14,7 +14,9 @@ description: Secondary navigation that allows users to understand where they are
 
 -----
 
-**Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Breadcrumbs Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Breadcrumbs Desktop.png>)
+**Designs:**
+- [Design System](../../../../../../assets/img/designs/lb-ui-kit/Breadcrumbs.jpg)
+- Pre-release: [Mobile](<../../../../../../assets/img/designs/lb/Breadcrumbs Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Breadcrumbs Desktop.png>)
 
 To use Breadcrumbs:
 

content/en/docs/user-documentation/layout-builder/cards/_index.md

@@ -9,7 +9,9 @@ description: Flexible card-style components that allow up to 4 cards to display
 
 The Cards block is similar to the [Grid CTA](../grid-cta) block, but has more fields and places the image behind the item content.
 
-**Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Cards Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Cards Desktop.png>)
+**Designs:**
+- [Design System](../../../../../../assets/img/designs/lb-ui-kit/Card.jpg) | [Variations](<../../../../../../assets/img/designs/lb-ui-kit/Card - Column Variations.jpg>)
+- Pre-release: [Mobile](<../../../../../../assets/img/designs/lb/Cards Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Cards Desktop.png>)
 
 {{< readfile "../lb-add-block.partial" >}}
 

content/en/docs/user-documentation/layout-builder/carousel/_index.md

@@ -7,7 +7,9 @@ description: A full-width display with multiple sets of a header, description, a
 
 -----
 
-**Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Carousels Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Carousels Desktop.png>)
+**Designs:**
+- [Design System](../../../../../../assets/img/designs/lb-ui-kit/Carousel.jpg)
+- Pre-release: [Mobile](<../../../../../../assets/img/designs/lb/Carousels Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Carousels Desktop.png>)
 
 {{< readfile "../lb-add-block.partial" >}}
 

content/en/docs/user-documentation/layout-builder/grid-cta/_index.md

@@ -9,7 +9,9 @@ description: Sets of content with a headline, description, and link displayed in
 
 The Grid CTA block is similar to the [Cards](../cards) block, but allows for more flexible items with a slightly more freeform design. 
 
-**Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Grid Content Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Grid Content Desktop.png>)
+**Designs:**
+- [Design System](<../../../../../../assets/img/designs/lb-ui-kit/Grid Content.jpg>)
+- Pre-release: [Mobile](<../../../../../../assets/img/designs/lb/Grid Content Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Grid Content Desktop.png>)
 
 {{< readfile "../lb-add-block.partial" >}}
 

content/en/docs/user-documentation/layout-builder/modal/_index.md

@@ -14,7 +14,9 @@ description: A simple pop-up dialog that is triggered when a page loads.
 
 -----
 
-**Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Modals Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Modals Desktop.png>)
+**Designs:**
+- [Design System](../../../../../../assets/img/designs/lb-ui-kit/Modal.jpg)
+- Pre-release: [Mobile](<../../../../../../assets/img/designs/lb/Modals Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Modals Desktop.png>)
 
 {{< readfile "../lb-add-block.partial" >}}
 

content/en/docs/user-documentation/layout-builder/partners/_index.md

@@ -14,7 +14,9 @@ description: Component for displaying logos / info of partners or sponsors withi
 
 -----
 
-**Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Sponsors Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Sponsors Desktop.png>)
+**Designs:**
+- [Design System](../../../../../../assets/img/designs/lb-ui-kit/Sponsors.jpg)
+- Pre-release: [Mobile](<../../../../../../assets/img/designs/lb/Sponsors Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Sponsors Desktop.png>)
 
 {{< readfile "../lb-add-block.partial" >}}
 

content/en/docs/user-documentation/layout-builder/ping-pong/_index.md

@@ -7,7 +7,9 @@ description: Usually paired sets of full-width page components that include medi
 
 -----
 
-**Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Ping Pong Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Ping Pong Desktop.png>)
+**Designs:**
+- [Design System](<../../../../../../assets/img/designs/lb-ui-kit/Ping Pong.jpg>)
+- Pre-release: [Mobile](<../../../../../../assets/img/designs/lb/Ping Pong Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Ping Pong Desktop.png>)
 
 {{< readfile "../lb-add-block.partial" >}}
 

content/en/docs/user-documentation/layout-builder/promo-card/_index.md

@@ -7,7 +7,9 @@ description: A title, headline, description, and link that usually display in th
 
 -----
 
-**Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Promo Cards Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Promo Cards Desktop.png>)
+**Designs:**
+- [Design System](<../../../../../../assets/img/designs/lb-ui-kit/Promo Cards.jpg>)
+- Pre-release: [Mobile](<../../../../../../assets/img/designs/lb/Promo Cards Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Promo Cards Desktop.png>)
 
 {{< readfile "../lb-add-block.partial" >}}
 

content/en/docs/user-documentation/layout-builder/related-articles/_index.md

@@ -14,7 +14,9 @@ description: Component for displaying related articles within an Article node pa
 
 -----
 
-**Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Related Articles Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Related Articles Desktop.png>)
+**Designs:**
+- [Design System](<../../../../../../assets/img/designs/lb-ui-kit/Article CT.jpg>)
+- Pre-release: [Mobile](<../../../../../../assets/img/designs/lb/Related Articles Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Related Articles Desktop.png>)
 
 {{< readfile "../lb-add-block.partial" >}}
 

content/en/docs/user-documentation/layout-builder/related-events/_index.md

@@ -14,7 +14,9 @@ description: Component for displaying related events within an event node page a
 
 -----
 
-**Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Related Events Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Related Events Desktop.png>)
+**Designs:**
+- [Design System](../../../../../../assets/img/designs/lb-ui-kit/Event.jpg)
+- Pre-release: [Mobile](<../../../../../../assets/img/designs/lb/Related Events Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Related Events Desktop.png>)
 
 
 {{< readfile "../lb-add-block.partial" >}}

content/en/docs/user-documentation/layout-builder/simple-menu/_index.md

@@ -7,7 +7,9 @@ description: A simple 1-level sidebar menu that can display in either the right
 
 -----
 
-**Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Simple Menu Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Simple Menu Desktop.png>)
+**Designs:**
+- [Design System](<../../../../../../assets/img/designs/lb-ui-kit/Side Menu.jpg>)
+- Pre-release: [Mobile](<../../../../../../assets/img/designs/lb/Simple Menu Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Simple Menu Desktop.png>)
 
 {{< readfile "../lb-add-block.partial" >}}
 

content/en/docs/user-documentation/layout-builder/staff-members/_index.md

@@ -14,7 +14,9 @@ description: Component for displaying simple staff member info cards (with image
 
 -----
 
-**Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Staff Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Staff Desktop.png>)
+**Designs:**
+- [Design System](../../../../../../assets/img/designs/lb-ui-kit/Staff.jpg)
+- Pre-release: [Mobile](<../../../../../../assets/img/designs/lb/Staff Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Staff Desktop.png>)
 
 {{< readfile "../lb-add-block.partial" >}}
 

content/en/docs/user-documentation/layout-builder/statistics/_index.md

@@ -7,7 +7,9 @@ description: Infographic-like display that highlights relevant statistics to use
 
 -----
 
-**Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Statistics Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Statistics Desktop.png>)
+**Designs:**
+- [Design System](../../../../../../assets/img/designs/lb-ui-kit/Statistics.jpg)
+- Pre-release: [Mobile](<../../../../../../assets/img/designs/lb/Statistics Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Statistics Desktop.png>)
 
 {{< readfile "../lb-add-block.partial" >}}
 

content/en/docs/user-documentation/layout-builder/table/_index.md

@@ -9,7 +9,9 @@ description: Allows users to be able to view responsive tables within a page.
 
 The Table block also allows users to add simple content to the Landing Page (Layout Builder) content type.
 
-**Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Tables Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Tables Desktop.png>)
+**Designs:**
+- [Design System](../../../../../../assets/img/designs/lb-ui-kit/Table.jpg)
+- Pre-release: [Mobile](<../../../../../../assets/img/designs/lb/Tables Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Tables Desktop.png>)
 
 {{< readfile "../lb-save-block.partial" >}}
 

content/en/docs/user-documentation/layout-builder/tabs/_index.md

@@ -7,7 +7,9 @@ description: Gives users the ability to switch page views by selecting in-page t
 
 -----
 
-**Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Tabs Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Tabs Desktop.png>)
+**Designs:**
+- [Design System](../../../../../../assets/img/designs/lb-ui-kit/Tabs.jpg)
+- Pre-release: [Mobile](<../../../../../../assets/img/designs/lb/Tabs Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Tabs Desktop.png>)
 
 {{< readfile "../lb-add-block.partial" >}}
 

content/en/docs/user-documentation/layout-builder/testimonials/_index.md

@@ -14,7 +14,9 @@ description: Component for displaying short testimonials or quotes from Y member
 
 -----
 
-**Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Testimonials Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Testimonials Desktop.png>)
+**Designs:**
+- [Design System](../../../../../../assets/img/designs/lb-ui-kit/Testimonials.jpg)
+- Pre-release: [Mobile](<../../../../../../assets/img/designs/lb/Testimonials Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Testimonials Desktop.png>)
 
 {{< readfile "../lb-add-block.partial" >}}
 

content/en/docs/user-documentation/layout-builder/webform/_index.md

@@ -7,7 +7,9 @@ description: Embed an existing webform on a page.
 
 -----
 
-**Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Webforms Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Webforms Desktop.png>)
+**Designs:**
+- [Design System](../../../../../../assets/img/designs/lb-ui-kit/Forms.jpg)
+- Pre-release: [Mobile](<../../../../../../assets/img/designs/lb/Webforms Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Webforms Desktop.png>)
 
 {{< readfile "../lb-add-block.partial" >}}