diff --git a/content/en/docs/user-documentation/layout-builder/accordion/_index.md b/content/en/docs/user-documentation/layout-builder/accordion/_index.md index ce12951c9..94db54476 100644 --- a/content/en/docs/user-documentation/layout-builder/accordion/_index.md +++ b/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" >}} diff --git a/content/en/docs/user-documentation/layout-builder/hero-banner/_index.md b/content/en/docs/user-documentation/layout-builder/banner/_index.md similarity index 66% rename from content/en/docs/user-documentation/layout-builder/hero-banner/_index.md rename to content/en/docs/user-documentation/layout-builder/banner/_index.md index 6e40dfd16..115c5ecf2 100644 --- a/content/en/docs/user-documentation/layout-builder/hero-banner/_index.md +++ b/content/en/docs/user-documentation/layout-builder/banner/_index.md @@ -1,5 +1,5 @@ --- -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. --- @@ -7,7 +7,9 @@ description: A full-width, almost full-height display with a header, description ----- -**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" >}} diff --git a/content/en/docs/user-documentation/layout-builder/breadcrumbs/_index.md b/content/en/docs/user-documentation/layout-builder/breadcrumbs/_index.md index 194e96b29..1442db563 100644 --- a/content/en/docs/user-documentation/layout-builder/breadcrumbs/_index.md +++ b/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: diff --git a/content/en/docs/user-documentation/layout-builder/cards/_index.md b/content/en/docs/user-documentation/layout-builder/cards/_index.md index 5498b9da2..3c625e885 100644 --- a/content/en/docs/user-documentation/layout-builder/cards/_index.md +++ b/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" >}} diff --git a/content/en/docs/user-documentation/layout-builder/carousel/_index.md b/content/en/docs/user-documentation/layout-builder/carousel/_index.md index 56376a20b..ecc4e27e0 100644 --- a/content/en/docs/user-documentation/layout-builder/carousel/_index.md +++ b/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" >}} diff --git a/content/en/docs/user-documentation/layout-builder/grid-cta/_index.md b/content/en/docs/user-documentation/layout-builder/grid-cta/_index.md index 3eabcff1e..bbf4931b1 100644 --- a/content/en/docs/user-documentation/layout-builder/grid-cta/_index.md +++ b/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" >}} diff --git a/content/en/docs/user-documentation/layout-builder/modal/_index.md b/content/en/docs/user-documentation/layout-builder/modal/_index.md index b84aaaa04..8cf0b71b0 100644 --- a/content/en/docs/user-documentation/layout-builder/modal/_index.md +++ b/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" >}} diff --git a/content/en/docs/user-documentation/layout-builder/partners/_index.md b/content/en/docs/user-documentation/layout-builder/partners/_index.md index 59f3f58e9..81fd04208 100644 --- a/content/en/docs/user-documentation/layout-builder/partners/_index.md +++ b/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" >}} diff --git a/content/en/docs/user-documentation/layout-builder/ping-pong/_index.md b/content/en/docs/user-documentation/layout-builder/ping-pong/_index.md index 5ea9cdf35..646f2520a 100644 --- a/content/en/docs/user-documentation/layout-builder/ping-pong/_index.md +++ b/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" >}} diff --git a/content/en/docs/user-documentation/layout-builder/promo-card/_index.md b/content/en/docs/user-documentation/layout-builder/promo-card/_index.md index d45eae59f..56501d361 100644 --- a/content/en/docs/user-documentation/layout-builder/promo-card/_index.md +++ b/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" >}} diff --git a/content/en/docs/user-documentation/layout-builder/related-articles/_index.md b/content/en/docs/user-documentation/layout-builder/related-articles/_index.md index 7a369d5cb..369336e10 100644 --- a/content/en/docs/user-documentation/layout-builder/related-articles/_index.md +++ b/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" >}} diff --git a/content/en/docs/user-documentation/layout-builder/related-events/_index.md b/content/en/docs/user-documentation/layout-builder/related-events/_index.md index 8c6f90758..7c4120489 100644 --- a/content/en/docs/user-documentation/layout-builder/related-events/_index.md +++ b/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" >}} diff --git a/content/en/docs/user-documentation/layout-builder/simple-menu/_index.md b/content/en/docs/user-documentation/layout-builder/simple-menu/_index.md index f48855bc8..1d48f657a 100644 --- a/content/en/docs/user-documentation/layout-builder/simple-menu/_index.md +++ b/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" >}} diff --git a/content/en/docs/user-documentation/layout-builder/staff-members/_index.md b/content/en/docs/user-documentation/layout-builder/staff-members/_index.md index a6b049446..da2b5775b 100644 --- a/content/en/docs/user-documentation/layout-builder/staff-members/_index.md +++ b/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" >}} diff --git a/content/en/docs/user-documentation/layout-builder/statistics/_index.md b/content/en/docs/user-documentation/layout-builder/statistics/_index.md index de0a0e2c9..fb9835b3f 100644 --- a/content/en/docs/user-documentation/layout-builder/statistics/_index.md +++ b/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" >}} diff --git a/content/en/docs/user-documentation/layout-builder/table/_index.md b/content/en/docs/user-documentation/layout-builder/table/_index.md index a6042c47a..3ba1f6263 100644 --- a/content/en/docs/user-documentation/layout-builder/table/_index.md +++ b/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" >}} diff --git a/content/en/docs/user-documentation/layout-builder/tabs/_index.md b/content/en/docs/user-documentation/layout-builder/tabs/_index.md index dc5968639..8ceb643b1 100644 --- a/content/en/docs/user-documentation/layout-builder/tabs/_index.md +++ b/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" >}} diff --git a/content/en/docs/user-documentation/layout-builder/testimonials/_index.md b/content/en/docs/user-documentation/layout-builder/testimonials/_index.md index 4f4f7ecf1..678c28344 100644 --- a/content/en/docs/user-documentation/layout-builder/testimonials/_index.md +++ b/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" >}} diff --git a/content/en/docs/user-documentation/layout-builder/webform/_index.md b/content/en/docs/user-documentation/layout-builder/webform/_index.md index ac3aebd21..9bdc5b553 100644 --- a/content/en/docs/user-documentation/layout-builder/webform/_index.md +++ b/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" >}}