{
  "generatedAt": "2026-05-21T13:36:07.872Z",
  "revampRange": "c1–c17",
  "tailwindRange": "c18–c674",
  "total": 674,
  "components": [
    {
      "code": "c1",
      "slug": "navigation",
      "title": "Navigation",
      "source": "revamp",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc1?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c1",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#navigation"
    },
    {
      "code": "c2",
      "slug": "hero-portrait-split",
      "title": "Hero — portrait split",
      "source": "revamp",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc2?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c2",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#hero-portrait-split"
    },
    {
      "code": "c3",
      "slug": "segmenter",
      "title": "Segmenter",
      "source": "revamp",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc3?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c3",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#segmenter"
    },
    {
      "code": "c4",
      "slug": "thesis-band",
      "title": "Thesis band",
      "source": "revamp",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc4?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c4",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#thesis-band"
    },
    {
      "code": "c5",
      "slug": "social-proof-strip",
      "title": "Social proof strip",
      "source": "revamp",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc5?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c5",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#social-proof-strip"
    },
    {
      "code": "c6",
      "slug": "sound-familiar",
      "title": "Sound familiar",
      "source": "revamp",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc6?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c6",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sound-familiar"
    },
    {
      "code": "c7",
      "slug": "coaching-summary",
      "title": "Coaching summary",
      "source": "revamp",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc7?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c7",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#coaching-summary"
    },
    {
      "code": "c8",
      "slug": "toni-block",
      "title": "Toni block",
      "source": "revamp",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc8?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c8",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#toni-block"
    },
    {
      "code": "c9",
      "slug": "book-block",
      "title": "Book block",
      "source": "revamp",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc9?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c9",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#book-block"
    },
    {
      "code": "c10",
      "slug": "latest-writing",
      "title": "Latest writing",
      "source": "revamp",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc10?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c10",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#latest-writing"
    },
    {
      "code": "c11",
      "slug": "start-here",
      "title": "Start here",
      "source": "revamp",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc11?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c11",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#start-here"
    },
    {
      "code": "c12",
      "slug": "school-block",
      "title": "School block",
      "source": "revamp",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc12?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c12",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#school-block"
    },
    {
      "code": "c13",
      "slug": "playbooks-band",
      "title": "Playbooks band",
      "source": "revamp",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc13?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c13",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#playbooks-band"
    },
    {
      "code": "c14",
      "slug": "newsletter-band",
      "title": "Newsletter band",
      "source": "revamp",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc14?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c14",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#newsletter-band"
    },
    {
      "code": "c15",
      "slug": "elsewhere-strip",
      "title": "Elsewhere strip",
      "source": "revamp",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc15?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c15",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elsewhere-strip"
    },
    {
      "code": "c16",
      "slug": "footer-rev",
      "title": "Footer",
      "source": "revamp",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc16?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c16",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#footer-rev"
    },
    {
      "code": "c17",
      "slug": "toni-bubble",
      "title": "Toni bubble (floating)",
      "source": "revamp",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc17?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c17",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#toni-bubble"
    },
    {
      "code": "c18",
      "slug": "elements-banners-01-with-button",
      "title": "01 with button",
      "source": "tailwind",
      "category": "elements / banners",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc18?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c18",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-banners-01-with-button"
    },
    {
      "code": "c19",
      "slug": "elements-banners-02-on-dark",
      "title": "02 on dark",
      "source": "tailwind",
      "category": "elements / banners",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc19?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c19",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-banners-02-on-dark"
    },
    {
      "code": "c20",
      "slug": "elements-banners-03-on-brand",
      "title": "03 on brand",
      "source": "tailwind",
      "category": "elements / banners",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc20?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c20",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-banners-03-on-brand"
    },
    {
      "code": "c21",
      "slug": "elements-banners-04-with-background-glow",
      "title": "04 with background glow",
      "source": "tailwind",
      "category": "elements / banners",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc21?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c21",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-banners-04-with-background-glow"
    },
    {
      "code": "c22",
      "slug": "elements-banners-05-with-link",
      "title": "05 with link",
      "source": "tailwind",
      "category": "elements / banners",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc22?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c22",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-banners-05-with-link"
    },
    {
      "code": "c23",
      "slug": "elements-banners-06-left-aligned",
      "title": "06 left aligned",
      "source": "tailwind",
      "category": "elements / banners",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc23?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c23",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-banners-06-left-aligned"
    },
    {
      "code": "c24",
      "slug": "elements-banners-07-bottom-aligned",
      "title": "07 bottom aligned",
      "source": "tailwind",
      "category": "elements / banners",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc24?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c24",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-banners-07-bottom-aligned"
    },
    {
      "code": "c25",
      "slug": "elements-banners-08-floating-at-bottom",
      "title": "08 floating at bottom",
      "source": "tailwind",
      "category": "elements / banners",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc25?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c25",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-banners-08-floating-at-bottom"
    },
    {
      "code": "c26",
      "slug": "elements-banners-09-floating-at-bottom-centered",
      "title": "09 floating at bottom centered",
      "source": "tailwind",
      "category": "elements / banners",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc26?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c26",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-banners-09-floating-at-bottom-centered"
    },
    {
      "code": "c27",
      "slug": "elements-banners-10-privacy-notice-right-aligned",
      "title": "10 privacy notice right aligned",
      "source": "tailwind",
      "category": "elements / banners",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc27?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c27",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-banners-10-privacy-notice-right-aligned"
    },
    {
      "code": "c28",
      "slug": "elements-banners-11-privacy-notice-centered",
      "title": "11 privacy notice centered",
      "source": "tailwind",
      "category": "elements / banners",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc28?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c28",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-banners-11-privacy-notice-centered"
    },
    {
      "code": "c29",
      "slug": "elements-banners-12-privacy-notice-left-aligned",
      "title": "12 privacy notice left aligned",
      "source": "tailwind",
      "category": "elements / banners",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc29?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c29",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-banners-12-privacy-notice-left-aligned"
    },
    {
      "code": "c30",
      "slug": "elements-banners-13-privacy-notice-full-width",
      "title": "13 privacy notice full width",
      "source": "tailwind",
      "category": "elements / banners",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc30?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c30",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-banners-13-privacy-notice-full-width"
    },
    {
      "code": "c31",
      "slug": "elements-flyout-menus-01-stacked-with-footer-actions",
      "title": "01 stacked with footer actions",
      "source": "tailwind",
      "category": "elements / flyout-menus",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc31?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c31",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-flyout-menus-01-stacked-with-footer-actions"
    },
    {
      "code": "c32",
      "slug": "elements-flyout-menus-02-full-width-two-columns",
      "title": "02 full width two columns",
      "source": "tailwind",
      "category": "elements / flyout-menus",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc32?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c32",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-flyout-menus-02-full-width-two-columns"
    },
    {
      "code": "c33",
      "slug": "elements-flyout-menus-03-stacked-with-footer-list",
      "title": "03 stacked with footer list",
      "source": "tailwind",
      "category": "elements / flyout-menus",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc33?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c33",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-flyout-menus-03-stacked-with-footer-list"
    },
    {
      "code": "c34",
      "slug": "elements-flyout-menus-04-full-width",
      "title": "04 full width",
      "source": "tailwind",
      "category": "elements / flyout-menus",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc34?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c34",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-flyout-menus-04-full-width"
    },
    {
      "code": "c35",
      "slug": "elements-flyout-menus-05-simple-with-descriptions",
      "title": "05 simple with descriptions",
      "source": "tailwind",
      "category": "elements / flyout-menus",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc35?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c35",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-flyout-menus-05-simple-with-descriptions"
    },
    {
      "code": "c36",
      "slug": "elements-flyout-menus-06-two-column",
      "title": "06 two column",
      "source": "tailwind",
      "category": "elements / flyout-menus",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc36?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c36",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-flyout-menus-06-two-column"
    },
    {
      "code": "c37",
      "slug": "elements-flyout-menus-07-simple",
      "title": "07 simple",
      "source": "tailwind",
      "category": "elements / flyout-menus",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc37?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c37",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-flyout-menus-07-simple"
    },
    {
      "code": "c38",
      "slug": "elements-headers-01-with-stacked-flyout-menu",
      "title": "01 with stacked flyout menu",
      "source": "tailwind",
      "category": "elements / headers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc38?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c38",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-headers-01-with-stacked-flyout-menu"
    },
    {
      "code": "c39",
      "slug": "elements-headers-02-constrained",
      "title": "02 constrained",
      "source": "tailwind",
      "category": "elements / headers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc39?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c39",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-headers-02-constrained"
    },
    {
      "code": "c40",
      "slug": "elements-headers-04-on-brand-background",
      "title": "04 on brand background",
      "source": "tailwind",
      "category": "elements / headers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc40?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c40",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-headers-04-on-brand-background"
    },
    {
      "code": "c41",
      "slug": "elements-headers-05-with-full-width-flyout-menu",
      "title": "05 with full width flyout menu",
      "source": "tailwind",
      "category": "elements / headers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc41?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c41",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-headers-05-with-full-width-flyout-menu"
    },
    {
      "code": "c42",
      "slug": "elements-headers-06-full-width",
      "title": "06 full width",
      "source": "tailwind",
      "category": "elements / headers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc42?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c42",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-headers-06-full-width"
    },
    {
      "code": "c43",
      "slug": "elements-headers-07-with-call-to-action",
      "title": "07 with call to action",
      "source": "tailwind",
      "category": "elements / headers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc43?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c43",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-headers-07-with-call-to-action"
    },
    {
      "code": "c44",
      "slug": "elements-headers-08-with-multiple-flyout-menus",
      "title": "08 with multiple flyout menus",
      "source": "tailwind",
      "category": "elements / headers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc44?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c44",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-headers-08-with-multiple-flyout-menus"
    },
    {
      "code": "c45",
      "slug": "elements-headers-09-with-icons-in-mobile-menu",
      "title": "09 with icons in mobile menu",
      "source": "tailwind",
      "category": "elements / headers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc45?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c45",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-headers-09-with-icons-in-mobile-menu"
    },
    {
      "code": "c46",
      "slug": "elements-headers-10-with-left-aligned-nav",
      "title": "10 with left aligned nav",
      "source": "tailwind",
      "category": "elements / headers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc46?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c46",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-headers-10-with-left-aligned-nav"
    },
    {
      "code": "c47",
      "slug": "elements-headers-11-with-right-aligned-nav",
      "title": "11 with right aligned nav",
      "source": "tailwind",
      "category": "elements / headers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc47?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c47",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-headers-11-with-right-aligned-nav"
    },
    {
      "code": "c48",
      "slug": "elements-headers-12-with-centered-logo",
      "title": "12 with centered logo",
      "source": "tailwind",
      "category": "elements / headers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc48?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c48",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#elements-headers-12-with-centered-logo"
    },
    {
      "code": "c49",
      "slug": "feedback-404-pages-01-simple",
      "title": "01 simple",
      "source": "tailwind",
      "category": "feedback / 404-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc49?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c49",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#feedback-404-pages-01-simple"
    },
    {
      "code": "c50",
      "slug": "feedback-404-pages-02-split-with-image",
      "title": "02 split with image",
      "source": "tailwind",
      "category": "feedback / 404-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc50?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c50",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#feedback-404-pages-02-split-with-image"
    },
    {
      "code": "c51",
      "slug": "feedback-404-pages-03-with-popular-pages",
      "title": "03 with popular pages",
      "source": "tailwind",
      "category": "feedback / 404-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc51?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c51",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#feedback-404-pages-03-with-popular-pages"
    },
    {
      "code": "c52",
      "slug": "feedback-404-pages-05-with-background-image",
      "title": "05 with background image",
      "source": "tailwind",
      "category": "feedback / 404-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc52?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c52",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#feedback-404-pages-05-with-background-image"
    },
    {
      "code": "c53",
      "slug": "feedback-404-pages-06-with-navbar-and-footer",
      "title": "06 with navbar and footer",
      "source": "tailwind",
      "category": "feedback / 404-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc53?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c53",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#feedback-404-pages-06-with-navbar-and-footer"
    },
    {
      "code": "c54",
      "slug": "page-examples-about-pages-01-with-image-tiles",
      "title": "01 with image tiles",
      "source": "tailwind",
      "category": "page-examples / about-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc54?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c54",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#page-examples-about-pages-01-with-image-tiles"
    },
    {
      "code": "c55",
      "slug": "page-examples-about-pages-02-with-timeline-and-stats",
      "title": "02 with timeline and stats",
      "source": "tailwind",
      "category": "page-examples / about-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc55?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c55",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#page-examples-about-pages-02-with-timeline-and-stats"
    },
    {
      "code": "c56",
      "slug": "page-examples-about-pages-03-with-two-column-description",
      "title": "03 with two column description",
      "source": "tailwind",
      "category": "page-examples / about-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc56?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c56",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#page-examples-about-pages-03-with-two-column-description"
    },
    {
      "code": "c57",
      "slug": "page-examples-landing-pages-01-with-screenshots-and-stats",
      "title": "01 with screenshots and stats",
      "source": "tailwind",
      "category": "page-examples / landing-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc57?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c57",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#page-examples-landing-pages-01-with-screenshots-and-stats"
    },
    {
      "code": "c58",
      "slug": "page-examples-landing-pages-02-with-large-screenshot-and-testimonial",
      "title": "02 with large screenshot and testimonial",
      "source": "tailwind",
      "category": "page-examples / landing-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc58?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c58",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#page-examples-landing-pages-02-with-large-screenshot-and-testimonial"
    },
    {
      "code": "c59",
      "slug": "page-examples-landing-pages-03-with-background-image-hero-and-pricing-section",
      "title": "03 with background image hero and pricing section",
      "source": "tailwind",
      "category": "page-examples / landing-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc59?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c59",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#page-examples-landing-pages-03-with-background-image-hero-and-pricing-section"
    },
    {
      "code": "c60",
      "slug": "page-examples-landing-pages-04-with-mobile-screenshot-and-testimonials-grid",
      "title": "04 with mobile screenshot and testimonials grid",
      "source": "tailwind",
      "category": "page-examples / landing-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc60?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c60",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#page-examples-landing-pages-04-with-mobile-screenshot-and-testimonials-grid"
    },
    {
      "code": "c61",
      "slug": "page-examples-pricing-pages-01-with-four-tiers",
      "title": "01 with four tiers",
      "source": "tailwind",
      "category": "page-examples / pricing-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc61?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c61",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#page-examples-pricing-pages-01-with-four-tiers"
    },
    {
      "code": "c62",
      "slug": "page-examples-pricing-pages-02-with-comparison-table",
      "title": "02 with comparison table",
      "source": "tailwind",
      "category": "page-examples / pricing-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc62?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c62",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#page-examples-pricing-pages-02-with-comparison-table"
    },
    {
      "code": "c63",
      "slug": "page-examples-pricing-pages-03-with-three-tiers-and-testimonials",
      "title": "03 with three tiers and testimonials",
      "source": "tailwind",
      "category": "page-examples / pricing-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc63?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c63",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#page-examples-pricing-pages-03-with-three-tiers-and-testimonials"
    },
    {
      "code": "c64",
      "slug": "sections-bento-grids-01-three-column-bento-grid",
      "title": "01 three column bento grid",
      "source": "tailwind",
      "category": "sections / bento-grids",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc64?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c64",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-bento-grids-01-three-column-bento-grid"
    },
    {
      "code": "c65",
      "slug": "sections-bento-grids-02-two-row-bento-grid",
      "title": "02 two row bento grid",
      "source": "tailwind",
      "category": "sections / bento-grids",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc65?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c65",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-bento-grids-02-two-row-bento-grid"
    },
    {
      "code": "c66",
      "slug": "sections-bento-grids-03-two-row-bento-grid-with-three-column-second-row",
      "title": "03 two row bento grid with three column second row",
      "source": "tailwind",
      "category": "sections / bento-grids",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc66?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c66",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-bento-grids-03-two-row-bento-grid-with-three-column-second-row"
    },
    {
      "code": "c67",
      "slug": "sections-blog-sections-01-three-column",
      "title": "01 three column",
      "source": "tailwind",
      "category": "sections / blog-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc67?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c67",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-blog-sections-01-three-column"
    },
    {
      "code": "c68",
      "slug": "sections-blog-sections-02-three-column-with-images",
      "title": "02 three column with images",
      "source": "tailwind",
      "category": "sections / blog-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc68?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c68",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-blog-sections-02-three-column-with-images"
    },
    {
      "code": "c69",
      "slug": "sections-blog-sections-03-three-column-with-background-images",
      "title": "03 three column with background images",
      "source": "tailwind",
      "category": "sections / blog-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc69?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c69",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-blog-sections-03-three-column-with-background-images"
    },
    {
      "code": "c70",
      "slug": "sections-blog-sections-04-single-column",
      "title": "04 single column",
      "source": "tailwind",
      "category": "sections / blog-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc70?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c70",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-blog-sections-04-single-column"
    },
    {
      "code": "c71",
      "slug": "sections-blog-sections-05-single-column-with-images",
      "title": "05 single column with images",
      "source": "tailwind",
      "category": "sections / blog-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc71?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c71",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-blog-sections-05-single-column-with-images"
    },
    {
      "code": "c72",
      "slug": "sections-blog-sections-06-with-featured-post",
      "title": "06 with featured post",
      "source": "tailwind",
      "category": "sections / blog-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc72?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c72",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-blog-sections-06-with-featured-post"
    },
    {
      "code": "c73",
      "slug": "sections-blog-sections-07-with-photo-and-list",
      "title": "07 with photo and list",
      "source": "tailwind",
      "category": "sections / blog-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc73?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c73",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-blog-sections-07-with-photo-and-list"
    },
    {
      "code": "c74",
      "slug": "sections-contact-sections-01-centered",
      "title": "01 centered",
      "source": "tailwind",
      "category": "sections / contact-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc74?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c74",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-contact-sections-01-centered"
    },
    {
      "code": "c75",
      "slug": "sections-contact-sections-02-side-by-side-grid",
      "title": "02 side by side grid",
      "source": "tailwind",
      "category": "sections / contact-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc75?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c75",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-contact-sections-02-side-by-side-grid"
    },
    {
      "code": "c76",
      "slug": "sections-contact-sections-03-split-with-pattern",
      "title": "03 split with pattern",
      "source": "tailwind",
      "category": "sections / contact-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc76?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c76",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-contact-sections-03-split-with-pattern"
    },
    {
      "code": "c77",
      "slug": "sections-contact-sections-05-simple-four-column",
      "title": "05 simple four column",
      "source": "tailwind",
      "category": "sections / contact-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc77?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c77",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-contact-sections-05-simple-four-column"
    },
    {
      "code": "c78",
      "slug": "sections-contact-sections-06-simple-centered",
      "title": "06 simple centered",
      "source": "tailwind",
      "category": "sections / contact-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc78?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c78",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-contact-sections-06-simple-centered"
    },
    {
      "code": "c79",
      "slug": "sections-contact-sections-07-with-testimonial",
      "title": "07 with testimonial",
      "source": "tailwind",
      "category": "sections / contact-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc79?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c79",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-contact-sections-07-with-testimonial"
    },
    {
      "code": "c80",
      "slug": "sections-contact-sections-08-split-with-image",
      "title": "08 split with image",
      "source": "tailwind",
      "category": "sections / contact-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc80?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c80",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-contact-sections-08-split-with-image"
    },
    {
      "code": "c81",
      "slug": "sections-content-sections-01-with-sticky-product-screenshot",
      "title": "01 with sticky product screenshot",
      "source": "tailwind",
      "category": "sections / content-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc81?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c81",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-content-sections-01-with-sticky-product-screenshot"
    },
    {
      "code": "c82",
      "slug": "sections-content-sections-02-with-testimonial",
      "title": "02 with testimonial",
      "source": "tailwind",
      "category": "sections / content-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc82?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c82",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-content-sections-02-with-testimonial"
    },
    {
      "code": "c83",
      "slug": "sections-content-sections-03-with-image-tiles",
      "title": "03 with image tiles",
      "source": "tailwind",
      "category": "sections / content-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc83?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c83",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-content-sections-03-with-image-tiles"
    },
    {
      "code": "c84",
      "slug": "sections-content-sections-04-two-columns-with-screenshot",
      "title": "04 two columns with screenshot",
      "source": "tailwind",
      "category": "sections / content-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc84?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c84",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-content-sections-04-two-columns-with-screenshot"
    },
    {
      "code": "c85",
      "slug": "sections-content-sections-05-with-testimonial-and-stats",
      "title": "05 with testimonial and stats",
      "source": "tailwind",
      "category": "sections / content-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc85?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c85",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-content-sections-05-with-testimonial-and-stats"
    },
    {
      "code": "c86",
      "slug": "sections-content-sections-06-split-with-image",
      "title": "06 split with image",
      "source": "tailwind",
      "category": "sections / content-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc86?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c86",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-content-sections-06-split-with-image"
    },
    {
      "code": "c87",
      "slug": "sections-content-sections-07-centered",
      "title": "07 centered",
      "source": "tailwind",
      "category": "sections / content-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc87?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c87",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-content-sections-07-centered"
    },
    {
      "code": "c88",
      "slug": "sections-cta-sections-01-dark-panel-with-app-screenshot",
      "title": "01 dark panel with app screenshot",
      "source": "tailwind",
      "category": "sections / cta-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc88?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c88",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-cta-sections-01-dark-panel-with-app-screenshot"
    },
    {
      "code": "c89",
      "slug": "sections-cta-sections-02-simple-stacked",
      "title": "02 simple stacked",
      "source": "tailwind",
      "category": "sections / cta-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc89?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c89",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-cta-sections-02-simple-stacked"
    },
    {
      "code": "c90",
      "slug": "sections-cta-sections-03-centered-on-dark-panel",
      "title": "03 centered on dark panel",
      "source": "tailwind",
      "category": "sections / cta-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc90?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c90",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-cta-sections-03-centered-on-dark-panel"
    },
    {
      "code": "c91",
      "slug": "sections-cta-sections-04-simple-centered",
      "title": "04 simple centered",
      "source": "tailwind",
      "category": "sections / cta-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc91?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c91",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-cta-sections-04-simple-centered"
    },
    {
      "code": "c92",
      "slug": "sections-cta-sections-05-simple-centered-with-gradient",
      "title": "05 simple centered with gradient",
      "source": "tailwind",
      "category": "sections / cta-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc92?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c92",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-cta-sections-05-simple-centered-with-gradient"
    },
    {
      "code": "c93",
      "slug": "sections-cta-sections-06-simple-centered-on-brand",
      "title": "06 simple centered on brand",
      "source": "tailwind",
      "category": "sections / cta-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc93?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c93",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-cta-sections-06-simple-centered-on-brand"
    },
    {
      "code": "c94",
      "slug": "sections-cta-sections-07-simple-justified",
      "title": "07 simple justified",
      "source": "tailwind",
      "category": "sections / cta-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc94?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c94",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-cta-sections-07-simple-justified"
    },
    {
      "code": "c95",
      "slug": "sections-cta-sections-08-simple-justified-on-subtle-brand",
      "title": "08 simple justified on subtle brand",
      "source": "tailwind",
      "category": "sections / cta-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc95?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c95",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-cta-sections-08-simple-justified-on-subtle-brand"
    },
    {
      "code": "c96",
      "slug": "sections-cta-sections-09-split-with-image",
      "title": "09 split with image",
      "source": "tailwind",
      "category": "sections / cta-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc96?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c96",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-cta-sections-09-split-with-image"
    },
    {
      "code": "c97",
      "slug": "sections-cta-sections-10-two-columns-with-photo",
      "title": "10 two columns with photo",
      "source": "tailwind",
      "category": "sections / cta-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc97?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c97",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-cta-sections-10-two-columns-with-photo"
    },
    {
      "code": "c98",
      "slug": "sections-cta-sections-11-with-image-tiles",
      "title": "11 with image tiles",
      "source": "tailwind",
      "category": "sections / cta-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc98?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c98",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-cta-sections-11-with-image-tiles"
    },
    {
      "code": "c99",
      "slug": "sections-faq-sections-01-offset-with-supporting-text",
      "title": "01 offset with supporting text",
      "source": "tailwind",
      "category": "sections / faq-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc99?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c99",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-faq-sections-01-offset-with-supporting-text"
    },
    {
      "code": "c100",
      "slug": "sections-faq-sections-02-centered-accordion",
      "title": "02 centered accordion",
      "source": "tailwind",
      "category": "sections / faq-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc100?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c100",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-faq-sections-02-centered-accordion"
    },
    {
      "code": "c101",
      "slug": "sections-faq-sections-04-side-by-side",
      "title": "04 side by side",
      "source": "tailwind",
      "category": "sections / faq-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc101?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c101",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-faq-sections-04-side-by-side"
    },
    {
      "code": "c102",
      "slug": "sections-faq-sections-05-three-columns",
      "title": "05 three columns",
      "source": "tailwind",
      "category": "sections / faq-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc102?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c102",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-faq-sections-05-three-columns"
    },
    {
      "code": "c103",
      "slug": "sections-faq-sections-07-three-columns-with-centered-introduction",
      "title": "07 three columns with centered introduction",
      "source": "tailwind",
      "category": "sections / faq-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc103?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c103",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-faq-sections-07-three-columns-with-centered-introduction"
    },
    {
      "code": "c104",
      "slug": "sections-faq-sections-08-two-columns",
      "title": "08 two columns",
      "source": "tailwind",
      "category": "sections / faq-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc104?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c104",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-faq-sections-08-two-columns"
    },
    {
      "code": "c105",
      "slug": "sections-faq-sections-10-two-columns-with-centered-introduction",
      "title": "10 two columns with centered introduction",
      "source": "tailwind",
      "category": "sections / faq-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc105?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c105",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-faq-sections-10-two-columns-with-centered-introduction"
    },
    {
      "code": "c106",
      "slug": "sections-feature-sections-01.with-product-screenshot",
      "title": "01.with product screenshot",
      "source": "tailwind",
      "category": "sections / feature-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc106?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c106",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-feature-sections-01.with-product-screenshot"
    },
    {
      "code": "c107",
      "slug": "sections-feature-sections-03.with-large-screenshot",
      "title": "03.with large screenshot",
      "source": "tailwind",
      "category": "sections / feature-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc107?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c107",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-feature-sections-03.with-large-screenshot"
    },
    {
      "code": "c108",
      "slug": "sections-feature-sections-05.with-large-bordered-screenshot",
      "title": "05.with large bordered screenshot",
      "source": "tailwind",
      "category": "sections / feature-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc108?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c108",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-feature-sections-05.with-large-bordered-screenshot"
    },
    {
      "code": "c109",
      "slug": "sections-feature-sections-07.simple-three-column-with-small-icons",
      "title": "07.simple three column with small icons",
      "source": "tailwind",
      "category": "sections / feature-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc109?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c109",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-feature-sections-07.simple-three-column-with-small-icons"
    },
    {
      "code": "c110",
      "slug": "sections-feature-sections-09.with-product-screenshot-on-left",
      "title": "09.with product screenshot on left",
      "source": "tailwind",
      "category": "sections / feature-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc110?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c110",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-feature-sections-09.with-product-screenshot-on-left"
    },
    {
      "code": "c111",
      "slug": "sections-feature-sections-10.simple-three-column-with-large-icons",
      "title": "10.simple three column with large icons",
      "source": "tailwind",
      "category": "sections / feature-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc111?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c111",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-feature-sections-10.simple-three-column-with-large-icons"
    },
    {
      "code": "c112",
      "slug": "sections-feature-sections-12.contained-in-panel",
      "title": "12.contained in panel",
      "source": "tailwind",
      "category": "sections / feature-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc112?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c112",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-feature-sections-12.contained-in-panel"
    },
    {
      "code": "c113",
      "slug": "sections-feature-sections-13.with-product-screenshot-panel",
      "title": "13.with product screenshot panel",
      "source": "tailwind",
      "category": "sections / feature-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc113?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c113",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-feature-sections-13.with-product-screenshot-panel"
    },
    {
      "code": "c114",
      "slug": "sections-feature-sections-14.with-testimonial",
      "title": "14.with testimonial",
      "source": "tailwind",
      "category": "sections / feature-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc114?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c114",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-feature-sections-14.with-testimonial"
    },
    {
      "code": "c115",
      "slug": "sections-feature-sections-15.offset-2x2-grid",
      "title": "15.offset 2x2 grid",
      "source": "tailwind",
      "category": "sections / feature-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc115?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c115",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-feature-sections-15.offset-2x2-grid"
    },
    {
      "code": "c116",
      "slug": "sections-feature-sections-16.with-code-example-panel",
      "title": "16.with code example panel",
      "source": "tailwind",
      "category": "sections / feature-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc116?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c116",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-feature-sections-16.with-code-example-panel"
    },
    {
      "code": "c117",
      "slug": "sections-feature-sections-17.offset-with-feature-list",
      "title": "17.offset with feature list",
      "source": "tailwind",
      "category": "sections / feature-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc117?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c117",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-feature-sections-17.offset-with-feature-list"
    },
    {
      "code": "c118",
      "slug": "sections-feature-sections-18.simple",
      "title": "18.simple",
      "source": "tailwind",
      "category": "sections / feature-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc118?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c118",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-feature-sections-18.simple"
    },
    {
      "code": "c119",
      "slug": "sections-feature-sections-19.centered-2x2-grid",
      "title": "19.centered 2x2 grid",
      "source": "tailwind",
      "category": "sections / feature-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc119?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c119",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-feature-sections-19.centered-2x2-grid"
    },
    {
      "code": "c120",
      "slug": "sections-feature-sections-20.simple-3x2-grid",
      "title": "20.simple 3x2 grid",
      "source": "tailwind",
      "category": "sections / feature-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc120?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c120",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-feature-sections-20.simple-3x2-grid"
    },
    {
      "code": "c121",
      "slug": "sections-footers-02-4-column-with-company-mission",
      "title": "02 4 column with company mission",
      "source": "tailwind",
      "category": "sections / footers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc121?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c121",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-footers-02-4-column-with-company-mission"
    },
    {
      "code": "c122",
      "slug": "sections-footers-04-4-column-with-call-to-action",
      "title": "04 4 column with call to action",
      "source": "tailwind",
      "category": "sections / footers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc122?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c122",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-footers-04-4-column-with-call-to-action"
    },
    {
      "code": "c123",
      "slug": "sections-footers-06-4-column-simple",
      "title": "06 4 column simple",
      "source": "tailwind",
      "category": "sections / footers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc123?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c123",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-footers-06-4-column-simple"
    },
    {
      "code": "c124",
      "slug": "sections-footers-08-4-column-with-newsletter",
      "title": "08 4 column with newsletter",
      "source": "tailwind",
      "category": "sections / footers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc124?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c124",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-footers-08-4-column-with-newsletter"
    },
    {
      "code": "c125",
      "slug": "sections-footers-10-4-column-with-newsletter-below",
      "title": "10 4 column with newsletter below",
      "source": "tailwind",
      "category": "sections / footers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc125?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c125",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-footers-10-4-column-with-newsletter-below"
    },
    {
      "code": "c126",
      "slug": "sections-footers-12-simple-centered",
      "title": "12 simple centered",
      "source": "tailwind",
      "category": "sections / footers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc126?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c126",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-footers-12-simple-centered"
    },
    {
      "code": "c127",
      "slug": "sections-footers-14-simple-with-social-links",
      "title": "14 simple with social links",
      "source": "tailwind",
      "category": "sections / footers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc127?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c127",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-footers-14-simple-with-social-links"
    },
    {
      "code": "c128",
      "slug": "sections-header-01-with-stats",
      "title": "01 with stats",
      "source": "tailwind",
      "category": "sections / header",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc128?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c128",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-header-01-with-stats"
    },
    {
      "code": "c129",
      "slug": "sections-header-02-centered",
      "title": "02 centered",
      "source": "tailwind",
      "category": "sections / header",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc129?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c129",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-header-02-centered"
    },
    {
      "code": "c130",
      "slug": "sections-header-03-centered-with-eyebrow",
      "title": "03 centered with eyebrow",
      "source": "tailwind",
      "category": "sections / header",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc130?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c130",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-header-03-centered-with-eyebrow"
    },
    {
      "code": "c131",
      "slug": "sections-header-04-with-cards",
      "title": "04 with cards",
      "source": "tailwind",
      "category": "sections / header",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc131?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c131",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-header-04-with-cards"
    },
    {
      "code": "c132",
      "slug": "sections-header-05-simple",
      "title": "05 simple",
      "source": "tailwind",
      "category": "sections / header",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc132?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c132",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-header-05-simple"
    },
    {
      "code": "c133",
      "slug": "sections-header-06-simple-with-eyebrow",
      "title": "06 simple with eyebrow",
      "source": "tailwind",
      "category": "sections / header",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc133?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c133",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-header-06-simple-with-eyebrow"
    },
    {
      "code": "c134",
      "slug": "sections-header-07-simple-with-background-image",
      "title": "07 simple with background image",
      "source": "tailwind",
      "category": "sections / header",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc134?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c134",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-header-07-simple-with-background-image"
    },
    {
      "code": "c135",
      "slug": "sections-header-08-centered-with-background-image",
      "title": "08 centered with background image",
      "source": "tailwind",
      "category": "sections / header",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc135?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c135",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-header-08-centered-with-background-image"
    },
    {
      "code": "c136",
      "slug": "sections-heroes-01-simple-centered",
      "title": "01 simple centered",
      "source": "tailwind",
      "category": "sections / heroes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc136?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c136",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-heroes-01-simple-centered"
    },
    {
      "code": "c137",
      "slug": "sections-heroes-02-split-with-screenshot",
      "title": "02 split with screenshot",
      "source": "tailwind",
      "category": "sections / heroes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc137?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c137",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-heroes-02-split-with-screenshot"
    },
    {
      "code": "c138",
      "slug": "sections-heroes-03-split-with-bordered-screenshot",
      "title": "03 split with bordered screenshot",
      "source": "tailwind",
      "category": "sections / heroes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc138?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c138",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-heroes-03-split-with-bordered-screenshot"
    },
    {
      "code": "c139",
      "slug": "sections-heroes-04-split-with-code-example",
      "title": "04 split with code example",
      "source": "tailwind",
      "category": "sections / heroes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc139?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c139",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-heroes-04-split-with-code-example"
    },
    {
      "code": "c140",
      "slug": "sections-heroes-05-simple-centered-with-background-image",
      "title": "05 simple centered with background image",
      "source": "tailwind",
      "category": "sections / heroes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc140?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c140",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-heroes-05-simple-centered-with-background-image"
    },
    {
      "code": "c141",
      "slug": "sections-heroes-06-with-bordered-app-screenshot",
      "title": "06 with bordered app screenshot",
      "source": "tailwind",
      "category": "sections / heroes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc141?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c141",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-heroes-06-with-bordered-app-screenshot"
    },
    {
      "code": "c142",
      "slug": "sections-heroes-07-with-app-screenshot",
      "title": "07 with app screenshot",
      "source": "tailwind",
      "category": "sections / heroes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc142?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c142",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-heroes-07-with-app-screenshot"
    },
    {
      "code": "c143",
      "slug": "sections-heroes-08-with-phone-mockup",
      "title": "08 with phone mockup",
      "source": "tailwind",
      "category": "sections / heroes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc143?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c143",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-heroes-08-with-phone-mockup"
    },
    {
      "code": "c144",
      "slug": "sections-heroes-09-split-with-image",
      "title": "09 split with image",
      "source": "tailwind",
      "category": "sections / heroes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc144?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c144",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-heroes-09-split-with-image"
    },
    {
      "code": "c145",
      "slug": "sections-heroes-10-with-angled-image-on-right",
      "title": "10 with angled image on right",
      "source": "tailwind",
      "category": "sections / heroes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc145?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c145",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-heroes-10-with-angled-image-on-right"
    },
    {
      "code": "c146",
      "slug": "sections-heroes-11-with-image-tiles",
      "title": "11 with image tiles",
      "source": "tailwind",
      "category": "sections / heroes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc146?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c146",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-heroes-11-with-image-tiles"
    },
    {
      "code": "c147",
      "slug": "sections-heroes-12-with-offset-image",
      "title": "12 with offset image",
      "source": "tailwind",
      "category": "sections / heroes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc147?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c147",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-heroes-12-with-offset-image"
    },
    {
      "code": "c148",
      "slug": "sections-logo-clouds-01-simple-with-heading",
      "title": "01 simple with heading",
      "source": "tailwind",
      "category": "sections / logo-clouds",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc148?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c148",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-logo-clouds-01-simple-with-heading"
    },
    {
      "code": "c149",
      "slug": "sections-logo-clouds-03-simple-with-call-to-action",
      "title": "03 simple with call to action",
      "source": "tailwind",
      "category": "sections / logo-clouds",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc149?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c149",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-logo-clouds-03-simple-with-call-to-action"
    },
    {
      "code": "c150",
      "slug": "sections-logo-clouds-05-simple-left-aligned",
      "title": "05 simple left aligned",
      "source": "tailwind",
      "category": "sections / logo-clouds",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc150?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c150",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-logo-clouds-05-simple-left-aligned"
    },
    {
      "code": "c151",
      "slug": "sections-logo-clouds-07-split-with-logos-on-right",
      "title": "07 split with logos on right",
      "source": "tailwind",
      "category": "sections / logo-clouds",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc151?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c151",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-logo-clouds-07-split-with-logos-on-right"
    },
    {
      "code": "c152",
      "slug": "sections-logo-clouds-09-simple",
      "title": "09 simple",
      "source": "tailwind",
      "category": "sections / logo-clouds",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc152?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c152",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-logo-clouds-09-simple"
    },
    {
      "code": "c153",
      "slug": "sections-logo-clouds-11-grid",
      "title": "11 grid",
      "source": "tailwind",
      "category": "sections / logo-clouds",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc153?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c153",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-logo-clouds-11-grid"
    },
    {
      "code": "c154",
      "slug": "sections-newsletter-sections-01-side-by-side-with-details",
      "title": "01 side by side with details",
      "source": "tailwind",
      "category": "sections / newsletter-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc154?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c154",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-newsletter-sections-01-side-by-side-with-details"
    },
    {
      "code": "c155",
      "slug": "sections-newsletter-sections-02-simple-side-by-side",
      "title": "02 simple side by side",
      "source": "tailwind",
      "category": "sections / newsletter-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc155?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c155",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-newsletter-sections-02-simple-side-by-side"
    },
    {
      "code": "c156",
      "slug": "sections-newsletter-sections-04-simple-side-by-side-on-brand",
      "title": "04 simple side by side on brand",
      "source": "tailwind",
      "category": "sections / newsletter-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc156?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c156",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-newsletter-sections-04-simple-side-by-side-on-brand"
    },
    {
      "code": "c157",
      "slug": "sections-newsletter-sections-05-simple-stacked",
      "title": "05 simple stacked",
      "source": "tailwind",
      "category": "sections / newsletter-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc157?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c157",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-newsletter-sections-05-simple-stacked"
    },
    {
      "code": "c158",
      "slug": "sections-newsletter-sections-06-centered-card",
      "title": "06 centered card",
      "source": "tailwind",
      "category": "sections / newsletter-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc158?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c158",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-newsletter-sections-06-centered-card"
    },
    {
      "code": "c159",
      "slug": "sections-newsletter-sections-07-side-by-side-on-card",
      "title": "07 side by side on card",
      "source": "tailwind",
      "category": "sections / newsletter-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc159?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c159",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-newsletter-sections-07-side-by-side-on-card"
    },
    {
      "code": "c160",
      "slug": "sections-pricing-01-two-tiers-with-emphasized-right-tier",
      "title": "01 two tiers with emphasized right tier",
      "source": "tailwind",
      "category": "sections / pricing",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc160?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c160",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-pricing-01-two-tiers-with-emphasized-right-tier"
    },
    {
      "code": "c161",
      "slug": "sections-pricing-02-two-tiers-with-emphasized-left-tier",
      "title": "02 two tiers with emphasized left tier",
      "source": "tailwind",
      "category": "sections / pricing",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc161?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c161",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-pricing-02-two-tiers-with-emphasized-left-tier"
    },
    {
      "code": "c162",
      "slug": "sections-pricing-03-three-tiers-with-logos-and-feature-comparison",
      "title": "03 three tiers with logos and feature comparison",
      "source": "tailwind",
      "category": "sections / pricing",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc162?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c162",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-pricing-03-three-tiers-with-logos-and-feature-comparison"
    },
    {
      "code": "c163",
      "slug": "sections-pricing-04-two-tiers-with-extra-tier",
      "title": "04 two tiers with extra tier",
      "source": "tailwind",
      "category": "sections / pricing",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc163?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c163",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-pricing-04-two-tiers-with-extra-tier"
    },
    {
      "code": "c164",
      "slug": "sections-pricing-05-single-price-with-details",
      "title": "05 single price with details",
      "source": "tailwind",
      "category": "sections / pricing",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc164?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c164",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-pricing-05-single-price-with-details"
    },
    {
      "code": "c165",
      "slug": "sections-pricing-06-three-tiers",
      "title": "06 three tiers",
      "source": "tailwind",
      "category": "sections / pricing",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc165?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c165",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-pricing-06-three-tiers"
    },
    {
      "code": "c166",
      "slug": "sections-pricing-07-three-tiers-with-dividers",
      "title": "07 three tiers with dividers",
      "source": "tailwind",
      "category": "sections / pricing",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc166?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c166",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-pricing-07-three-tiers-with-dividers"
    },
    {
      "code": "c167",
      "slug": "sections-pricing-08-three-tiers-with-emphasized-tier",
      "title": "08 three tiers with emphasized tier",
      "source": "tailwind",
      "category": "sections / pricing",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc167?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c167",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-pricing-08-three-tiers-with-emphasized-tier"
    },
    {
      "code": "c168",
      "slug": "sections-pricing-09-three-tiers-with-toggle",
      "title": "09 three tiers with toggle",
      "source": "tailwind",
      "category": "sections / pricing",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc168?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c168",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-pricing-09-three-tiers-with-toggle"
    },
    {
      "code": "c169",
      "slug": "sections-pricing-11-four-tiers-with-toggle",
      "title": "11 four tiers with toggle",
      "source": "tailwind",
      "category": "sections / pricing",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc169?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c169",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-pricing-11-four-tiers-with-toggle"
    },
    {
      "code": "c170",
      "slug": "sections-pricing-12-with-comparison-table",
      "title": "12 with comparison table",
      "source": "tailwind",
      "category": "sections / pricing",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc170?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c170",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-pricing-12-with-comparison-table"
    },
    {
      "code": "c171",
      "slug": "sections-pricing-14-three-tiers-with-feature-comparison",
      "title": "14 three tiers with feature comparison",
      "source": "tailwind",
      "category": "sections / pricing",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc171?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c171",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-pricing-14-three-tiers-with-feature-comparison"
    },
    {
      "code": "c172",
      "slug": "sections-stats-sections-01-simple",
      "title": "01 simple",
      "source": "tailwind",
      "category": "sections / stats-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc172?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c172",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-stats-sections-01-simple"
    },
    {
      "code": "c173",
      "slug": "sections-stats-sections-03-simple-grid",
      "title": "03 simple grid",
      "source": "tailwind",
      "category": "sections / stats-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc173?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c173",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-stats-sections-03-simple-grid"
    },
    {
      "code": "c174",
      "slug": "sections-stats-sections-05-with-background-image",
      "title": "05 with background image",
      "source": "tailwind",
      "category": "sections / stats-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc174?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c174",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-stats-sections-05-with-background-image"
    },
    {
      "code": "c175",
      "slug": "sections-stats-sections-06-split-with-image",
      "title": "06 split with image",
      "source": "tailwind",
      "category": "sections / stats-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc175?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c175",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-stats-sections-06-split-with-image"
    },
    {
      "code": "c176",
      "slug": "sections-stats-sections-07-timeline",
      "title": "07 timeline",
      "source": "tailwind",
      "category": "sections / stats-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc176?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c176",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-stats-sections-07-timeline"
    },
    {
      "code": "c177",
      "slug": "sections-stats-sections-08-stepped",
      "title": "08 stepped",
      "source": "tailwind",
      "category": "sections / stats-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc177?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c177",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-stats-sections-08-stepped"
    },
    {
      "code": "c178",
      "slug": "sections-stats-sections-09-two-column-description",
      "title": "09 two column description",
      "source": "tailwind",
      "category": "sections / stats-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc178?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c178",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-stats-sections-09-two-column-description"
    },
    {
      "code": "c179",
      "slug": "sections-stats-sections-10-with-description",
      "title": "10 with description",
      "source": "tailwind",
      "category": "sections / stats-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc179?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c179",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-stats-sections-10-with-description"
    },
    {
      "code": "c180",
      "slug": "sections-team-sections-01-small-images",
      "title": "01 small images",
      "source": "tailwind",
      "category": "sections / team-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc180?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c180",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-team-sections-01-small-images"
    },
    {
      "code": "c181",
      "slug": "sections-team-sections-02-large-images",
      "title": "02 large images",
      "source": "tailwind",
      "category": "sections / team-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc181?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c181",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-team-sections-02-large-images"
    },
    {
      "code": "c182",
      "slug": "sections-team-sections-03-grid-with-round-images",
      "title": "03 grid with round images",
      "source": "tailwind",
      "category": "sections / team-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc182?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c182",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-team-sections-03-grid-with-round-images"
    },
    {
      "code": "c183",
      "slug": "sections-team-sections-04-large-grid-with-cards",
      "title": "04 large grid with cards",
      "source": "tailwind",
      "category": "sections / team-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc183?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c183",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-team-sections-04-large-grid-with-cards"
    },
    {
      "code": "c184",
      "slug": "sections-team-sections-05-with-image-and-short-paragraph",
      "title": "05 with image and short paragraph",
      "source": "tailwind",
      "category": "sections / team-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc184?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c184",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-team-sections-05-with-image-and-short-paragraph"
    },
    {
      "code": "c185",
      "slug": "sections-team-sections-06-with-vertical-images",
      "title": "06 with vertical images",
      "source": "tailwind",
      "category": "sections / team-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc185?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c185",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-team-sections-06-with-vertical-images"
    },
    {
      "code": "c186",
      "slug": "sections-team-sections-07-with-vertical-images-full-width",
      "title": "07 with vertical images full width",
      "source": "tailwind",
      "category": "sections / team-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc186?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c186",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-team-sections-07-with-vertical-images-full-width"
    },
    {
      "code": "c187",
      "slug": "sections-team-sections-08-grid-with-large-round-images",
      "title": "08 grid with large round images",
      "source": "tailwind",
      "category": "sections / team-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc187?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c187",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-team-sections-08-grid-with-large-round-images"
    },
    {
      "code": "c188",
      "slug": "sections-team-sections-09-medium-images",
      "title": "09 medium images",
      "source": "tailwind",
      "category": "sections / team-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc188?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c188",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-team-sections-09-medium-images"
    },
    {
      "code": "c189",
      "slug": "sections-testimonials-02-simple-centered",
      "title": "02 simple centered",
      "source": "tailwind",
      "category": "sections / testimonials",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc189?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c189",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-testimonials-02-simple-centered"
    },
    {
      "code": "c190",
      "slug": "sections-testimonials-03-with-large-avatar",
      "title": "03 with large avatar",
      "source": "tailwind",
      "category": "sections / testimonials",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc190?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c190",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-testimonials-03-with-large-avatar"
    },
    {
      "code": "c191",
      "slug": "sections-testimonials-04-with-overlapping-image",
      "title": "04 with overlapping image",
      "source": "tailwind",
      "category": "sections / testimonials",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc191?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c191",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-testimonials-04-with-overlapping-image"
    },
    {
      "code": "c192",
      "slug": "sections-testimonials-05-with-background-image",
      "title": "05 with background image",
      "source": "tailwind",
      "category": "sections / testimonials",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc192?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c192",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-testimonials-05-with-background-image"
    },
    {
      "code": "c193",
      "slug": "sections-testimonials-06-side-by-side",
      "title": "06 side by side",
      "source": "tailwind",
      "category": "sections / testimonials",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc193?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c193",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-testimonials-06-side-by-side"
    },
    {
      "code": "c194",
      "slug": "sections-testimonials-08-with-star-rating",
      "title": "08 with star rating",
      "source": "tailwind",
      "category": "sections / testimonials",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc194?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c194",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-testimonials-08-with-star-rating"
    },
    {
      "code": "c195",
      "slug": "sections-testimonials-09-grid",
      "title": "09 grid",
      "source": "tailwind",
      "category": "sections / testimonials",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc195?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c195",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-testimonials-09-grid"
    },
    {
      "code": "c196",
      "slug": "sections-testimonials-10-subtle-grid",
      "title": "10 subtle grid",
      "source": "tailwind",
      "category": "sections / testimonials",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc196?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c196",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#sections-testimonials-10-subtle-grid"
    },
    {
      "code": "c197",
      "slug": "application-ui-application-shells-multi-column-01-full-width-three-column",
      "title": "01 full width three column",
      "source": "tailwind",
      "category": "application-ui / application-shells / multi-column",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc197?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c197",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-application-shells-multi-column-01-full-width-three-column"
    },
    {
      "code": "c198",
      "slug": "application-ui-application-shells-multi-column-02-full-width-secondary-column-on-right",
      "title": "02 full width secondary column on right",
      "source": "tailwind",
      "category": "application-ui / application-shells / multi-column",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc198?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c198",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-application-shells-multi-column-02-full-width-secondary-column-on-right"
    },
    {
      "code": "c199",
      "slug": "application-ui-application-shells-multi-column-03-constrained-three-column",
      "title": "03 constrained three column",
      "source": "tailwind",
      "category": "application-ui / application-shells / multi-column",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc199?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c199",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-application-shells-multi-column-03-constrained-three-column"
    },
    {
      "code": "c200",
      "slug": "application-ui-application-shells-multi-column-04-constrained-with-sticky-columns",
      "title": "04 constrained with sticky columns",
      "source": "tailwind",
      "category": "application-ui / application-shells / multi-column",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc200?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c200",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-application-shells-multi-column-04-constrained-with-sticky-columns"
    },
    {
      "code": "c201",
      "slug": "application-ui-application-shells-multi-column-05-full-width-with-narrow-sidebar",
      "title": "05 full width with narrow sidebar",
      "source": "tailwind",
      "category": "application-ui / application-shells / multi-column",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc201?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c201",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-application-shells-multi-column-05-full-width-with-narrow-sidebar"
    },
    {
      "code": "c202",
      "slug": "application-ui-application-shells-multi-column-06-full-width-with-narrow-sidebar-and-header",
      "title": "06 full width with narrow sidebar and header",
      "source": "tailwind",
      "category": "application-ui / application-shells / multi-column",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc202?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c202",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-application-shells-multi-column-06-full-width-with-narrow-sidebar-and-header"
    },
    {
      "code": "c203",
      "slug": "application-ui-application-shells-sidebar-01-simple-sidebar",
      "title": "01 simple sidebar",
      "source": "tailwind",
      "category": "application-ui / application-shells / sidebar",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc203?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c203",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-application-shells-sidebar-01-simple-sidebar"
    },
    {
      "code": "c204",
      "slug": "application-ui-application-shells-sidebar-02-simple-dark-sidebar",
      "title": "02 simple dark sidebar",
      "source": "tailwind",
      "category": "application-ui / application-shells / sidebar",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc204?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c204",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-application-shells-sidebar-02-simple-dark-sidebar"
    },
    {
      "code": "c205",
      "slug": "application-ui-application-shells-sidebar-03-sidebar-with-header",
      "title": "03 sidebar with header",
      "source": "tailwind",
      "category": "application-ui / application-shells / sidebar",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc205?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c205",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-application-shells-sidebar-03-sidebar-with-header"
    },
    {
      "code": "c206",
      "slug": "application-ui-application-shells-sidebar-04-dark-sidebar-with-header",
      "title": "04 dark sidebar with header",
      "source": "tailwind",
      "category": "application-ui / application-shells / sidebar",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc206?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c206",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-application-shells-sidebar-04-dark-sidebar-with-header"
    },
    {
      "code": "c207",
      "slug": "application-ui-application-shells-sidebar-05-with-constrained-content-area",
      "title": "05 with constrained content area",
      "source": "tailwind",
      "category": "application-ui / application-shells / sidebar",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc207?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c207",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-application-shells-sidebar-05-with-constrained-content-area"
    },
    {
      "code": "c208",
      "slug": "application-ui-application-shells-sidebar-06-with-off-white-background",
      "title": "06 with off white background",
      "source": "tailwind",
      "category": "application-ui / application-shells / sidebar",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc208?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c208",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-application-shells-sidebar-06-with-off-white-background"
    },
    {
      "code": "c209",
      "slug": "application-ui-application-shells-sidebar-07-simple-brand-sidebar",
      "title": "07 simple brand sidebar",
      "source": "tailwind",
      "category": "application-ui / application-shells / sidebar",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc209?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c209",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-application-shells-sidebar-07-simple-brand-sidebar"
    },
    {
      "code": "c210",
      "slug": "application-ui-application-shells-sidebar-08-brand-sidebar-with-header",
      "title": "08 brand sidebar with header",
      "source": "tailwind",
      "category": "application-ui / application-shells / sidebar",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc210?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c210",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-application-shells-sidebar-08-brand-sidebar-with-header"
    },
    {
      "code": "c211",
      "slug": "application-ui-application-shells-stacked-01-with-bottom-border",
      "title": "01 with bottom border",
      "source": "tailwind",
      "category": "application-ui / application-shells / stacked",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc211?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c211",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-application-shells-stacked-01-with-bottom-border"
    },
    {
      "code": "c212",
      "slug": "application-ui-application-shells-stacked-02-on-subtle-background",
      "title": "02 on subtle background",
      "source": "tailwind",
      "category": "application-ui / application-shells / stacked",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc212?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c212",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-application-shells-stacked-02-on-subtle-background"
    },
    {
      "code": "c213",
      "slug": "application-ui-application-shells-stacked-03-with-lighter-page-header",
      "title": "03 with lighter page header",
      "source": "tailwind",
      "category": "application-ui / application-shells / stacked",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc213?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c213",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-application-shells-stacked-03-with-lighter-page-header"
    },
    {
      "code": "c214",
      "slug": "application-ui-application-shells-stacked-04-branded-nav-with-compact-lighter-page-header",
      "title": "04 branded nav with compact lighter page header",
      "source": "tailwind",
      "category": "application-ui / application-shells / stacked",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc214?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c214",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-application-shells-stacked-04-branded-nav-with-compact-lighter-page-header"
    },
    {
      "code": "c215",
      "slug": "application-ui-application-shells-stacked-05-with-overlap",
      "title": "05 with overlap",
      "source": "tailwind",
      "category": "application-ui / application-shells / stacked",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc215?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c215",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-application-shells-stacked-05-with-overlap"
    },
    {
      "code": "c216",
      "slug": "application-ui-application-shells-stacked-06-brand-nav-with-overlap",
      "title": "06 brand nav with overlap",
      "source": "tailwind",
      "category": "application-ui / application-shells / stacked",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc216?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c216",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-application-shells-stacked-06-brand-nav-with-overlap"
    },
    {
      "code": "c217",
      "slug": "application-ui-application-shells-stacked-07-branded-nav-with-lighter-page-header",
      "title": "07 branded nav with lighter page header",
      "source": "tailwind",
      "category": "application-ui / application-shells / stacked",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc217?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c217",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-application-shells-stacked-07-branded-nav-with-lighter-page-header"
    },
    {
      "code": "c218",
      "slug": "application-ui-application-shells-stacked-08-with-compact-lighter-page-header",
      "title": "08 with compact lighter page header",
      "source": "tailwind",
      "category": "application-ui / application-shells / stacked",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc218?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c218",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-application-shells-stacked-08-with-compact-lighter-page-header"
    },
    {
      "code": "c219",
      "slug": "application-ui-application-shells-stacked-09-two-row-navigation-with-overlap",
      "title": "09 two row navigation with overlap",
      "source": "tailwind",
      "category": "application-ui / application-shells / stacked",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc219?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c219",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-application-shells-stacked-09-two-row-navigation-with-overlap"
    },
    {
      "code": "c220",
      "slug": "application-ui-data-display-calendars-01-small-with-meetings",
      "title": "01 small with meetings",
      "source": "tailwind",
      "category": "application-ui / data-display / calendars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc220?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c220",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-data-display-calendars-01-small-with-meetings"
    },
    {
      "code": "c221",
      "slug": "application-ui-data-display-calendars-02-month-view",
      "title": "02 month view",
      "source": "tailwind",
      "category": "application-ui / data-display / calendars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc221?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c221",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-data-display-calendars-02-month-view"
    },
    {
      "code": "c222",
      "slug": "application-ui-data-display-calendars-03-week-view",
      "title": "03 week view",
      "source": "tailwind",
      "category": "application-ui / data-display / calendars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc222?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c222",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-data-display-calendars-03-week-view"
    },
    {
      "code": "c223",
      "slug": "application-ui-data-display-calendars-04-day-view",
      "title": "04 day view",
      "source": "tailwind",
      "category": "application-ui / data-display / calendars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc223?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c223",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-data-display-calendars-04-day-view"
    },
    {
      "code": "c224",
      "slug": "application-ui-data-display-calendars-05-year-view",
      "title": "05 year view",
      "source": "tailwind",
      "category": "application-ui / data-display / calendars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc224?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c224",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-data-display-calendars-05-year-view"
    },
    {
      "code": "c225",
      "slug": "application-ui-data-display-calendars-06-double",
      "title": "06 double",
      "source": "tailwind",
      "category": "application-ui / data-display / calendars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc225?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c225",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-data-display-calendars-06-double"
    },
    {
      "code": "c226",
      "slug": "application-ui-data-display-calendars-07-borderless-stacked",
      "title": "07 borderless stacked",
      "source": "tailwind",
      "category": "application-ui / data-display / calendars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc226?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c226",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-data-display-calendars-07-borderless-stacked"
    },
    {
      "code": "c227",
      "slug": "application-ui-data-display-calendars-08-borderless-side-by-side",
      "title": "08 borderless side by side",
      "source": "tailwind",
      "category": "application-ui / data-display / calendars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc227?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c227",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-data-display-calendars-08-borderless-side-by-side"
    },
    {
      "code": "c228",
      "slug": "application-ui-data-display-description-lists-01-left-aligned",
      "title": "01 left aligned",
      "source": "tailwind",
      "category": "application-ui / data-display / description-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc228?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c228",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-data-display-description-lists-01-left-aligned"
    },
    {
      "code": "c229",
      "slug": "application-ui-data-display-description-lists-03-left-aligned-in-card",
      "title": "03 left aligned in card",
      "source": "tailwind",
      "category": "application-ui / data-display / description-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc229?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c229",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-data-display-description-lists-03-left-aligned-in-card"
    },
    {
      "code": "c230",
      "slug": "application-ui-data-display-description-lists-04-left-aligned-striped",
      "title": "04 left aligned striped",
      "source": "tailwind",
      "category": "application-ui / data-display / description-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc230?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c230",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-data-display-description-lists-04-left-aligned-striped"
    },
    {
      "code": "c231",
      "slug": "application-ui-data-display-description-lists-05-two-column",
      "title": "05 two column",
      "source": "tailwind",
      "category": "application-ui / data-display / description-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc231?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c231",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-data-display-description-lists-05-two-column"
    },
    {
      "code": "c232",
      "slug": "application-ui-data-display-description-lists-06-left-aligned-with-inline-actions",
      "title": "06 left aligned with inline actions",
      "source": "tailwind",
      "category": "application-ui / data-display / description-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc232?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c232",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-data-display-description-lists-06-left-aligned-with-inline-actions"
    },
    {
      "code": "c233",
      "slug": "application-ui-data-display-description-lists-06-narrow-with-hidden-labels",
      "title": "06 narrow with hidden labels",
      "source": "tailwind",
      "category": "application-ui / data-display / description-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc233?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c233",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-data-display-description-lists-06-narrow-with-hidden-labels"
    },
    {
      "code": "c234",
      "slug": "application-ui-data-display-stats-01-with-trending",
      "title": "01 with trending",
      "source": "tailwind",
      "category": "application-ui / data-display / stats",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc234?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c234",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-data-display-stats-01-with-trending"
    },
    {
      "code": "c235",
      "slug": "application-ui-data-display-stats-02-simple",
      "title": "02 simple",
      "source": "tailwind",
      "category": "application-ui / data-display / stats",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc235?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c235",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-data-display-stats-02-simple"
    },
    {
      "code": "c236",
      "slug": "application-ui-data-display-stats-03-simple-in-cards",
      "title": "03 simple in cards",
      "source": "tailwind",
      "category": "application-ui / data-display / stats",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc236?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c236",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-data-display-stats-03-simple-in-cards"
    },
    {
      "code": "c237",
      "slug": "application-ui-data-display-stats-04-with-brand-icon",
      "title": "04 with brand icon",
      "source": "tailwind",
      "category": "application-ui / data-display / stats",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc237?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c237",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-data-display-stats-04-with-brand-icon"
    },
    {
      "code": "c238",
      "slug": "application-ui-data-display-stats-05-with-shared-borders",
      "title": "05 with shared borders",
      "source": "tailwind",
      "category": "application-ui / data-display / stats",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc238?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c238",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-data-display-stats-05-with-shared-borders"
    },
    {
      "code": "c239",
      "slug": "application-ui-elements-avatars-01-circular-avatars",
      "title": "01 circular avatars",
      "source": "tailwind",
      "category": "application-ui / elements / avatars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc239?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c239",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-avatars-01-circular-avatars"
    },
    {
      "code": "c240",
      "slug": "application-ui-elements-avatars-02-rounded-avatars",
      "title": "02 rounded avatars",
      "source": "tailwind",
      "category": "application-ui / elements / avatars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc240?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c240",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-avatars-02-rounded-avatars"
    },
    {
      "code": "c241",
      "slug": "application-ui-elements-avatars-03-circular-avatars-with-top-notification",
      "title": "03 circular avatars with top notification",
      "source": "tailwind",
      "category": "application-ui / elements / avatars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc241?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c241",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-avatars-03-circular-avatars-with-top-notification"
    },
    {
      "code": "c242",
      "slug": "application-ui-elements-avatars-04-rounded-avatars-with-top-notification",
      "title": "04 rounded avatars with top notification",
      "source": "tailwind",
      "category": "application-ui / elements / avatars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc242?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c242",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-avatars-04-rounded-avatars-with-top-notification"
    },
    {
      "code": "c243",
      "slug": "application-ui-elements-avatars-05-circular-avatars-with-bottom-notification",
      "title": "05 circular avatars with bottom notification",
      "source": "tailwind",
      "category": "application-ui / elements / avatars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc243?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c243",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-avatars-05-circular-avatars-with-bottom-notification"
    },
    {
      "code": "c244",
      "slug": "application-ui-elements-avatars-06-rounded-avatars-with-bottom-notification",
      "title": "06 rounded avatars with bottom notification",
      "source": "tailwind",
      "category": "application-ui / elements / avatars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc244?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c244",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-avatars-06-rounded-avatars-with-bottom-notification"
    },
    {
      "code": "c245",
      "slug": "application-ui-elements-avatars-07-circular-avatars-with-placeholder-icon",
      "title": "07 circular avatars with placeholder icon",
      "source": "tailwind",
      "category": "application-ui / elements / avatars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc245?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c245",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-avatars-07-circular-avatars-with-placeholder-icon"
    },
    {
      "code": "c246",
      "slug": "application-ui-elements-avatars-08-circular-avatars-with-placeholder-initials",
      "title": "08 circular avatars with placeholder initials",
      "source": "tailwind",
      "category": "application-ui / elements / avatars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc246?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c246",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-avatars-08-circular-avatars-with-placeholder-initials"
    },
    {
      "code": "c247",
      "slug": "application-ui-elements-avatars-09-avatar-group-stacked-bottom-to-top",
      "title": "09 avatar group stacked bottom to top",
      "source": "tailwind",
      "category": "application-ui / elements / avatars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc247?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c247",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-avatars-09-avatar-group-stacked-bottom-to-top"
    },
    {
      "code": "c248",
      "slug": "application-ui-elements-avatars-10-avatar-group-stacked-top-to-bottom",
      "title": "10 avatar group stacked top to bottom",
      "source": "tailwind",
      "category": "application-ui / elements / avatars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc248?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c248",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-avatars-10-avatar-group-stacked-top-to-bottom"
    },
    {
      "code": "c249",
      "slug": "application-ui-elements-avatars-11-with-text",
      "title": "11 with text",
      "source": "tailwind",
      "category": "application-ui / elements / avatars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc249?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c249",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-avatars-11-with-text"
    },
    {
      "code": "c250",
      "slug": "application-ui-elements-badges-01-with-border",
      "title": "01 with border",
      "source": "tailwind",
      "category": "application-ui / elements / badges",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc250?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c250",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-badges-01-with-border"
    },
    {
      "code": "c251",
      "slug": "application-ui-elements-badges-03-with-border-and-dot",
      "title": "03 with border and dot",
      "source": "tailwind",
      "category": "application-ui / elements / badges",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc251?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c251",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-badges-03-with-border-and-dot"
    },
    {
      "code": "c252",
      "slug": "application-ui-elements-badges-05-pill-with-border",
      "title": "05 pill with border",
      "source": "tailwind",
      "category": "application-ui / elements / badges",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc252?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c252",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-badges-05-pill-with-border"
    },
    {
      "code": "c253",
      "slug": "application-ui-elements-badges-06-pill-with-border-and-dot",
      "title": "06 pill with border and dot",
      "source": "tailwind",
      "category": "application-ui / elements / badges",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc253?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c253",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-badges-06-pill-with-border-and-dot"
    },
    {
      "code": "c254",
      "slug": "application-ui-elements-badges-07-with-border-remove-button",
      "title": "07 with border remove button",
      "source": "tailwind",
      "category": "application-ui / elements / badges",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc254?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c254",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-badges-07-with-border-remove-button"
    },
    {
      "code": "c255",
      "slug": "application-ui-elements-badges-08-flat",
      "title": "08 flat",
      "source": "tailwind",
      "category": "application-ui / elements / badges",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc255?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c255",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-badges-08-flat"
    },
    {
      "code": "c256",
      "slug": "application-ui-elements-badges-09-flat-pill",
      "title": "09 flat pill",
      "source": "tailwind",
      "category": "application-ui / elements / badges",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc256?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c256",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-badges-09-flat-pill"
    },
    {
      "code": "c257",
      "slug": "application-ui-elements-badges-10-flat-with-dot",
      "title": "10 flat with dot",
      "source": "tailwind",
      "category": "application-ui / elements / badges",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc257?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c257",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-badges-10-flat-with-dot"
    },
    {
      "code": "c258",
      "slug": "application-ui-elements-badges-11-flat-pill-with-dot",
      "title": "11 flat pill with dot",
      "source": "tailwind",
      "category": "application-ui / elements / badges",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc258?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c258",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-badges-11-flat-pill-with-dot"
    },
    {
      "code": "c259",
      "slug": "application-ui-elements-badges-12-flat-with-remove-button",
      "title": "12 flat with remove button",
      "source": "tailwind",
      "category": "application-ui / elements / badges",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc259?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c259",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-badges-12-flat-with-remove-button"
    },
    {
      "code": "c260",
      "slug": "application-ui-elements-badges-13-small-with-border",
      "title": "13 small with border",
      "source": "tailwind",
      "category": "application-ui / elements / badges",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc260?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c260",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-badges-13-small-with-border"
    },
    {
      "code": "c261",
      "slug": "application-ui-elements-badges-14-small-flat",
      "title": "14 small flat",
      "source": "tailwind",
      "category": "application-ui / elements / badges",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc261?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c261",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-badges-14-small-flat"
    },
    {
      "code": "c262",
      "slug": "application-ui-elements-badges-15-small-pill-with-border",
      "title": "15 small pill with border",
      "source": "tailwind",
      "category": "application-ui / elements / badges",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc262?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c262",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-badges-15-small-pill-with-border"
    },
    {
      "code": "c263",
      "slug": "application-ui-elements-badges-16-small-flat-pill",
      "title": "16 small flat pill",
      "source": "tailwind",
      "category": "application-ui / elements / badges",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc263?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c263",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-badges-16-small-flat-pill"
    },
    {
      "code": "c264",
      "slug": "application-ui-elements-badges-17-small-flat-with-dot",
      "title": "17 small flat with dot",
      "source": "tailwind",
      "category": "application-ui / elements / badges",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc264?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c264",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-badges-17-small-flat-with-dot"
    },
    {
      "code": "c265",
      "slug": "application-ui-elements-badges-18-small-flat-pill-with-dot",
      "title": "18 small flat pill with dot",
      "source": "tailwind",
      "category": "application-ui / elements / badges",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc265?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c265",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-badges-18-small-flat-pill-with-dot"
    },
    {
      "code": "c266",
      "slug": "application-ui-elements-button-groups-01-basic",
      "title": "01 basic",
      "source": "tailwind",
      "category": "application-ui / elements / button-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc266?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c266",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-button-groups-01-basic"
    },
    {
      "code": "c267",
      "slug": "application-ui-elements-button-groups-02-icon-only",
      "title": "02 icon only",
      "source": "tailwind",
      "category": "application-ui / elements / button-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc267?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c267",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-button-groups-02-icon-only"
    },
    {
      "code": "c268",
      "slug": "application-ui-elements-button-groups-03-with-stat",
      "title": "03 with stat",
      "source": "tailwind",
      "category": "application-ui / elements / button-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc268?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c268",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-button-groups-03-with-stat"
    },
    {
      "code": "c269",
      "slug": "application-ui-elements-button-groups-04-with-dropdown",
      "title": "04 with dropdown",
      "source": "tailwind",
      "category": "application-ui / elements / button-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc269?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c269",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-button-groups-04-with-dropdown"
    },
    {
      "code": "c270",
      "slug": "application-ui-elements-button-groups-05-with-checkbox-and-dropdown",
      "title": "05 with checkbox and dropdown",
      "source": "tailwind",
      "category": "application-ui / elements / button-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc270?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c270",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-button-groups-05-with-checkbox-and-dropdown"
    },
    {
      "code": "c271",
      "slug": "application-ui-elements-buttons-01-primary-buttons",
      "title": "01 primary buttons",
      "source": "tailwind",
      "category": "application-ui / elements / buttons",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc271?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c271",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-buttons-01-primary-buttons"
    },
    {
      "code": "c272",
      "slug": "application-ui-elements-buttons-02-secondary-buttons",
      "title": "02 secondary buttons",
      "source": "tailwind",
      "category": "application-ui / elements / buttons",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc272?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c272",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-buttons-02-secondary-buttons"
    },
    {
      "code": "c273",
      "slug": "application-ui-elements-buttons-05-soft-buttons",
      "title": "05 soft buttons",
      "source": "tailwind",
      "category": "application-ui / elements / buttons",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc273?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c273",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-buttons-05-soft-buttons"
    },
    {
      "code": "c274",
      "slug": "application-ui-elements-buttons-06-buttons-with-leading-icon",
      "title": "06 buttons with leading icon",
      "source": "tailwind",
      "category": "application-ui / elements / buttons",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc274?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c274",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-buttons-06-buttons-with-leading-icon"
    },
    {
      "code": "c275",
      "slug": "application-ui-elements-buttons-07-buttons-with-trailing-icon",
      "title": "07 buttons with trailing icon",
      "source": "tailwind",
      "category": "application-ui / elements / buttons",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc275?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c275",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-buttons-07-buttons-with-trailing-icon"
    },
    {
      "code": "c276",
      "slug": "application-ui-elements-buttons-08-rounded-primary-buttons",
      "title": "08 rounded primary buttons",
      "source": "tailwind",
      "category": "application-ui / elements / buttons",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc276?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c276",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-buttons-08-rounded-primary-buttons"
    },
    {
      "code": "c277",
      "slug": "application-ui-elements-buttons-09-rounded-secondary-buttons",
      "title": "09 rounded secondary buttons",
      "source": "tailwind",
      "category": "application-ui / elements / buttons",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc277?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c277",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-buttons-09-rounded-secondary-buttons"
    },
    {
      "code": "c278",
      "slug": "application-ui-elements-buttons-10-circular-buttons",
      "title": "10 circular buttons",
      "source": "tailwind",
      "category": "application-ui / elements / buttons",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc278?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c278",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-buttons-10-circular-buttons"
    },
    {
      "code": "c279",
      "slug": "application-ui-elements-dropdowns-01-simple",
      "title": "01 simple",
      "source": "tailwind",
      "category": "application-ui / elements / dropdowns",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc279?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c279",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-dropdowns-01-simple"
    },
    {
      "code": "c280",
      "slug": "application-ui-elements-dropdowns-02-with-dividers",
      "title": "02 with dividers",
      "source": "tailwind",
      "category": "application-ui / elements / dropdowns",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc280?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c280",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-dropdowns-02-with-dividers"
    },
    {
      "code": "c281",
      "slug": "application-ui-elements-dropdowns-03-with-icons",
      "title": "03 with icons",
      "source": "tailwind",
      "category": "application-ui / elements / dropdowns",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc281?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c281",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-dropdowns-03-with-icons"
    },
    {
      "code": "c282",
      "slug": "application-ui-elements-dropdowns-04-with-minimal-menu-icon",
      "title": "04 with minimal menu icon",
      "source": "tailwind",
      "category": "application-ui / elements / dropdowns",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc282?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c282",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-dropdowns-04-with-minimal-menu-icon"
    },
    {
      "code": "c283",
      "slug": "application-ui-elements-dropdowns-05-with-simple-header",
      "title": "05 with simple header",
      "source": "tailwind",
      "category": "application-ui / elements / dropdowns",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc283?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c283",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-elements-dropdowns-05-with-simple-header"
    },
    {
      "code": "c284",
      "slug": "application-ui-feedback-alerts-01-with-description",
      "title": "01 with description",
      "source": "tailwind",
      "category": "application-ui / feedback / alerts",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc284?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c284",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-feedback-alerts-01-with-description"
    },
    {
      "code": "c285",
      "slug": "application-ui-feedback-alerts-02-with-list",
      "title": "02 with list",
      "source": "tailwind",
      "category": "application-ui / feedback / alerts",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc285?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c285",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-feedback-alerts-02-with-list"
    },
    {
      "code": "c286",
      "slug": "application-ui-feedback-alerts-03-with-actions",
      "title": "03 with actions",
      "source": "tailwind",
      "category": "application-ui / feedback / alerts",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc286?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c286",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-feedback-alerts-03-with-actions"
    },
    {
      "code": "c287",
      "slug": "application-ui-feedback-alerts-04-with-link-on-right",
      "title": "04 with link on right",
      "source": "tailwind",
      "category": "application-ui / feedback / alerts",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc287?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c287",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-feedback-alerts-04-with-link-on-right"
    },
    {
      "code": "c288",
      "slug": "application-ui-feedback-alerts-05-with-accent-border",
      "title": "05 with accent border",
      "source": "tailwind",
      "category": "application-ui / feedback / alerts",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc288?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c288",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-feedback-alerts-05-with-accent-border"
    },
    {
      "code": "c289",
      "slug": "application-ui-feedback-alerts-06-with-dismiss-button",
      "title": "06 with dismiss button",
      "source": "tailwind",
      "category": "application-ui / feedback / alerts",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc289?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c289",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-feedback-alerts-06-with-dismiss-button"
    },
    {
      "code": "c290",
      "slug": "application-ui-feedback-empty-states-01-simple",
      "title": "01 simple",
      "source": "tailwind",
      "category": "application-ui / feedback / empty-states",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc290?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c290",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-feedback-empty-states-01-simple"
    },
    {
      "code": "c291",
      "slug": "application-ui-feedback-empty-states-02-with-dashed-border",
      "title": "02 with dashed border",
      "source": "tailwind",
      "category": "application-ui / feedback / empty-states",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc291?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c291",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-feedback-empty-states-02-with-dashed-border"
    },
    {
      "code": "c292",
      "slug": "application-ui-feedback-empty-states-03-with-starting-points",
      "title": "03 with starting points",
      "source": "tailwind",
      "category": "application-ui / feedback / empty-states",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc292?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c292",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-feedback-empty-states-03-with-starting-points"
    },
    {
      "code": "c293",
      "slug": "application-ui-feedback-empty-states-04-with-recommendations",
      "title": "04 with recommendations",
      "source": "tailwind",
      "category": "application-ui / feedback / empty-states",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc293?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c293",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-feedback-empty-states-04-with-recommendations"
    },
    {
      "code": "c294",
      "slug": "application-ui-feedback-empty-states-05-with-templates",
      "title": "05 with templates",
      "source": "tailwind",
      "category": "application-ui / feedback / empty-states",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc294?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c294",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-feedback-empty-states-05-with-templates"
    },
    {
      "code": "c295",
      "slug": "application-ui-feedback-empty-states-06-with-recommendations-grid",
      "title": "06 with recommendations grid",
      "source": "tailwind",
      "category": "application-ui / feedback / empty-states",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc295?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c295",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-feedback-empty-states-06-with-recommendations-grid"
    },
    {
      "code": "c296",
      "slug": "application-ui-forms-action-panels-01-simple",
      "title": "01 simple",
      "source": "tailwind",
      "category": "application-ui / forms / action-panels",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc296?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c296",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-action-panels-01-simple"
    },
    {
      "code": "c297",
      "slug": "application-ui-forms-action-panels-02-with-link",
      "title": "02 with link",
      "source": "tailwind",
      "category": "application-ui / forms / action-panels",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc297?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c297",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-action-panels-02-with-link"
    },
    {
      "code": "c298",
      "slug": "application-ui-forms-action-panels-03-with-button-on-right",
      "title": "03 with button on right",
      "source": "tailwind",
      "category": "application-ui / forms / action-panels",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc298?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c298",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-action-panels-03-with-button-on-right"
    },
    {
      "code": "c299",
      "slug": "application-ui-forms-action-panels-04-with-button-at-top-right",
      "title": "04 with button at top right",
      "source": "tailwind",
      "category": "application-ui / forms / action-panels",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc299?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c299",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-action-panels-04-with-button-at-top-right"
    },
    {
      "code": "c300",
      "slug": "application-ui-forms-action-panels-05-with-toggle",
      "title": "05 with toggle",
      "source": "tailwind",
      "category": "application-ui / forms / action-panels",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc300?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c300",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-action-panels-05-with-toggle"
    },
    {
      "code": "c301",
      "slug": "application-ui-forms-action-panels-06-with-input",
      "title": "06 with input",
      "source": "tailwind",
      "category": "application-ui / forms / action-panels",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc301?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c301",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-action-panels-06-with-input"
    },
    {
      "code": "c302",
      "slug": "application-ui-forms-action-panels-07-simple-well",
      "title": "07 simple well",
      "source": "tailwind",
      "category": "application-ui / forms / action-panels",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc302?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c302",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-action-panels-07-simple-well"
    },
    {
      "code": "c303",
      "slug": "application-ui-forms-action-panels-08-with-well",
      "title": "08 with well",
      "source": "tailwind",
      "category": "application-ui / forms / action-panels",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc303?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c303",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-action-panels-08-with-well"
    },
    {
      "code": "c304",
      "slug": "application-ui-forms-checkboxes-01-list-with-description",
      "title": "01 list with description",
      "source": "tailwind",
      "category": "application-ui / forms / checkboxes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc304?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c304",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-checkboxes-01-list-with-description"
    },
    {
      "code": "c305",
      "slug": "application-ui-forms-checkboxes-02-list-with-inline-description",
      "title": "02 list with inline description",
      "source": "tailwind",
      "category": "application-ui / forms / checkboxes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc305?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c305",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-checkboxes-02-list-with-inline-description"
    },
    {
      "code": "c306",
      "slug": "application-ui-forms-checkboxes-03-list-with-checkbox-on-right",
      "title": "03 list with checkbox on right",
      "source": "tailwind",
      "category": "application-ui / forms / checkboxes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc306?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c306",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-checkboxes-03-list-with-checkbox-on-right"
    },
    {
      "code": "c307",
      "slug": "application-ui-forms-checkboxes-04-simple-list-with-heading",
      "title": "04 simple list with heading",
      "source": "tailwind",
      "category": "application-ui / forms / checkboxes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc307?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c307",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-checkboxes-04-simple-list-with-heading"
    },
    {
      "code": "c308",
      "slug": "application-ui-forms-comboboxes-01-simple",
      "title": "01 simple",
      "source": "tailwind",
      "category": "application-ui / forms / comboboxes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc308?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c308",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-comboboxes-01-simple"
    },
    {
      "code": "c309",
      "slug": "application-ui-forms-comboboxes-03-with-status-indicator",
      "title": "03 with status indicator",
      "source": "tailwind",
      "category": "application-ui / forms / comboboxes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc309?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c309",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-comboboxes-03-with-status-indicator"
    },
    {
      "code": "c310",
      "slug": "application-ui-forms-comboboxes-04-with-avatar",
      "title": "04 with avatar",
      "source": "tailwind",
      "category": "application-ui / forms / comboboxes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc310?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c310",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-comboboxes-04-with-avatar"
    },
    {
      "code": "c311",
      "slug": "application-ui-forms-comboboxes-05-with-secondary-text",
      "title": "05 with secondary text",
      "source": "tailwind",
      "category": "application-ui / forms / comboboxes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc311?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c311",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-comboboxes-05-with-secondary-text"
    },
    {
      "code": "c312",
      "slug": "application-ui-forms-form-layouts-01-stacked",
      "title": "01 stacked",
      "source": "tailwind",
      "category": "application-ui / forms / form-layouts",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc312?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c312",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-form-layouts-01-stacked"
    },
    {
      "code": "c313",
      "slug": "application-ui-forms-form-layouts-03-two-column",
      "title": "03 two column",
      "source": "tailwind",
      "category": "application-ui / forms / form-layouts",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc313?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c313",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-form-layouts-03-two-column"
    },
    {
      "code": "c314",
      "slug": "application-ui-forms-form-layouts-04-two-column-with-cards",
      "title": "04 two column with cards",
      "source": "tailwind",
      "category": "application-ui / forms / form-layouts",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc314?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c314",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-form-layouts-04-two-column-with-cards"
    },
    {
      "code": "c315",
      "slug": "application-ui-forms-form-layouts-05-labels-on-left",
      "title": "05 labels on left",
      "source": "tailwind",
      "category": "application-ui / forms / form-layouts",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc315?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c315",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-form-layouts-05-labels-on-left"
    },
    {
      "code": "c316",
      "slug": "application-ui-forms-input-groups-01-input-with-label",
      "title": "01 input with label",
      "source": "tailwind",
      "category": "application-ui / forms / input-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc316?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c316",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-input-groups-01-input-with-label"
    },
    {
      "code": "c317",
      "slug": "application-ui-forms-input-groups-02-input-with-label-and-help-text",
      "title": "02 input with label and help text",
      "source": "tailwind",
      "category": "application-ui / forms / input-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc317?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c317",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-input-groups-02-input-with-label-and-help-text"
    },
    {
      "code": "c318",
      "slug": "application-ui-forms-input-groups-03-input-with-validation-error",
      "title": "03 input with validation error",
      "source": "tailwind",
      "category": "application-ui / forms / input-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc318?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c318",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-input-groups-03-input-with-validation-error"
    },
    {
      "code": "c319",
      "slug": "application-ui-forms-input-groups-04-input-with-disabled-state",
      "title": "04 input with disabled state",
      "source": "tailwind",
      "category": "application-ui / forms / input-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc319?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c319",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-input-groups-04-input-with-disabled-state"
    },
    {
      "code": "c320",
      "slug": "application-ui-forms-input-groups-05-input-with-hidden-label",
      "title": "05 input with hidden label",
      "source": "tailwind",
      "category": "application-ui / forms / input-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc320?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c320",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-input-groups-05-input-with-hidden-label"
    },
    {
      "code": "c321",
      "slug": "application-ui-forms-input-groups-06-input-with-corner-hint",
      "title": "06 input with corner hint",
      "source": "tailwind",
      "category": "application-ui / forms / input-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc321?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c321",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-input-groups-06-input-with-corner-hint"
    },
    {
      "code": "c322",
      "slug": "application-ui-forms-input-groups-07-input-with-leading-icon",
      "title": "07 input with leading icon",
      "source": "tailwind",
      "category": "application-ui / forms / input-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc322?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c322",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-input-groups-07-input-with-leading-icon"
    },
    {
      "code": "c323",
      "slug": "application-ui-forms-input-groups-08-input-with-trailing-icon",
      "title": "08 input with trailing icon",
      "source": "tailwind",
      "category": "application-ui / forms / input-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc323?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c323",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-input-groups-08-input-with-trailing-icon"
    },
    {
      "code": "c324",
      "slug": "application-ui-forms-input-groups-09-input-with-add-on",
      "title": "09 input with add on",
      "source": "tailwind",
      "category": "application-ui / forms / input-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc324?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c324",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-input-groups-09-input-with-add-on"
    },
    {
      "code": "c325",
      "slug": "application-ui-forms-input-groups-10-input-with-inline-add-on",
      "title": "10 input with inline add on",
      "source": "tailwind",
      "category": "application-ui / forms / input-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc325?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c325",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-input-groups-10-input-with-inline-add-on"
    },
    {
      "code": "c326",
      "slug": "application-ui-forms-input-groups-11-input-with-inline-leading-and-trailing-add-ons",
      "title": "11 input with inline leading and trailing add ons",
      "source": "tailwind",
      "category": "application-ui / forms / input-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc326?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c326",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-input-groups-11-input-with-inline-leading-and-trailing-add-ons"
    },
    {
      "code": "c327",
      "slug": "application-ui-forms-input-groups-12-input-with-inline-leading-dropdown",
      "title": "12 input with inline leading dropdown",
      "source": "tailwind",
      "category": "application-ui / forms / input-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc327?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c327",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-input-groups-12-input-with-inline-leading-dropdown"
    },
    {
      "code": "c328",
      "slug": "application-ui-forms-input-groups-13-input-with-inline-leading-add-on-and-trailing-dropdown",
      "title": "13 input with inline leading add on and trailing dropdown",
      "source": "tailwind",
      "category": "application-ui / forms / input-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc328?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c328",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-input-groups-13-input-with-inline-leading-add-on-and-trailing-dropdown"
    },
    {
      "code": "c329",
      "slug": "application-ui-forms-input-groups-14-input-with-leading-icon-and-trailing-button",
      "title": "14 input with leading icon and trailing button",
      "source": "tailwind",
      "category": "application-ui / forms / input-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc329?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c329",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-input-groups-14-input-with-leading-icon-and-trailing-button"
    },
    {
      "code": "c330",
      "slug": "application-ui-forms-input-groups-15-inputs-with-shared-borders",
      "title": "15 inputs with shared borders",
      "source": "tailwind",
      "category": "application-ui / forms / input-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc330?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c330",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-input-groups-15-inputs-with-shared-borders"
    },
    {
      "code": "c331",
      "slug": "application-ui-forms-input-groups-16-input-with-inset-label",
      "title": "16 input with inset label",
      "source": "tailwind",
      "category": "application-ui / forms / input-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc331?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c331",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-input-groups-16-input-with-inset-label"
    },
    {
      "code": "c332",
      "slug": "application-ui-forms-input-groups-17-inputs-with-inset-labels-and-shared-borders",
      "title": "17 inputs with inset labels and shared borders",
      "source": "tailwind",
      "category": "application-ui / forms / input-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc332?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c332",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-input-groups-17-inputs-with-inset-labels-and-shared-borders"
    },
    {
      "code": "c333",
      "slug": "application-ui-forms-input-groups-18-input-with-overlapping-label",
      "title": "18 input with overlapping label",
      "source": "tailwind",
      "category": "application-ui / forms / input-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc333?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c333",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-input-groups-18-input-with-overlapping-label"
    },
    {
      "code": "c334",
      "slug": "application-ui-forms-input-groups-19-input-with-pill-shape",
      "title": "19 input with pill shape",
      "source": "tailwind",
      "category": "application-ui / forms / input-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc334?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c334",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-input-groups-19-input-with-pill-shape"
    },
    {
      "code": "c335",
      "slug": "application-ui-forms-input-groups-20-input-with-gray-background-and-bottom-border",
      "title": "20 input with gray background and bottom border",
      "source": "tailwind",
      "category": "application-ui / forms / input-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc335?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c335",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-input-groups-20-input-with-gray-background-and-bottom-border"
    },
    {
      "code": "c336",
      "slug": "application-ui-forms-input-groups-21-input-with-keyboard-shortcut",
      "title": "21 input with keyboard shortcut",
      "source": "tailwind",
      "category": "application-ui / forms / input-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc336?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c336",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-input-groups-21-input-with-keyboard-shortcut"
    },
    {
      "code": "c337",
      "slug": "application-ui-forms-radio-groups-01-simple-list",
      "title": "01 simple list",
      "source": "tailwind",
      "category": "application-ui / forms / radio-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc337?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c337",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-radio-groups-01-simple-list"
    },
    {
      "code": "c338",
      "slug": "application-ui-forms-radio-groups-02-simple-inline-list",
      "title": "02 simple inline list",
      "source": "tailwind",
      "category": "application-ui / forms / radio-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc338?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c338",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-radio-groups-02-simple-inline-list"
    },
    {
      "code": "c339",
      "slug": "application-ui-forms-radio-groups-03-list-with-description",
      "title": "03 list with description",
      "source": "tailwind",
      "category": "application-ui / forms / radio-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc339?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c339",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-radio-groups-03-list-with-description"
    },
    {
      "code": "c340",
      "slug": "application-ui-forms-radio-groups-04-list-with-inline-description",
      "title": "04 list with inline description",
      "source": "tailwind",
      "category": "application-ui / forms / radio-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc340?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c340",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-radio-groups-04-list-with-inline-description"
    },
    {
      "code": "c341",
      "slug": "application-ui-forms-radio-groups-05-list-with-radio-on-right",
      "title": "05 list with radio on right",
      "source": "tailwind",
      "category": "application-ui / forms / radio-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc341?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c341",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-radio-groups-05-list-with-radio-on-right"
    },
    {
      "code": "c342",
      "slug": "application-ui-forms-radio-groups-06-simple-list-with-radio-on-right",
      "title": "06 simple list with radio on right",
      "source": "tailwind",
      "category": "application-ui / forms / radio-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc342?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c342",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-radio-groups-06-simple-list-with-radio-on-right"
    },
    {
      "code": "c343",
      "slug": "application-ui-forms-radio-groups-07-simple-table",
      "title": "07 simple table",
      "source": "tailwind",
      "category": "application-ui / forms / radio-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc343?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c343",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-radio-groups-07-simple-table"
    },
    {
      "code": "c344",
      "slug": "application-ui-forms-radio-groups-08-list-with-descriptions-in-panel",
      "title": "08 list with descriptions in panel",
      "source": "tailwind",
      "category": "application-ui / forms / radio-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc344?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c344",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-radio-groups-08-list-with-descriptions-in-panel"
    },
    {
      "code": "c345",
      "slug": "application-ui-forms-radio-groups-09-color-picker",
      "title": "09 color picker",
      "source": "tailwind",
      "category": "application-ui / forms / radio-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc345?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c345",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-radio-groups-09-color-picker"
    },
    {
      "code": "c346",
      "slug": "application-ui-forms-radio-groups-10-cards",
      "title": "10 cards",
      "source": "tailwind",
      "category": "application-ui / forms / radio-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc346?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c346",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-radio-groups-10-cards"
    },
    {
      "code": "c347",
      "slug": "application-ui-forms-radio-groups-11-small-cards",
      "title": "11 small cards",
      "source": "tailwind",
      "category": "application-ui / forms / radio-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc347?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c347",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-radio-groups-11-small-cards"
    },
    {
      "code": "c348",
      "slug": "application-ui-forms-radio-groups-12-stacked-cards",
      "title": "12 stacked cards",
      "source": "tailwind",
      "category": "application-ui / forms / radio-groups",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc348?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c348",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-radio-groups-12-stacked-cards"
    },
    {
      "code": "c349",
      "slug": "application-ui-forms-select-menus-01-simple-native",
      "title": "01 simple native",
      "source": "tailwind",
      "category": "application-ui / forms / select-menus",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc349?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c349",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-select-menus-01-simple-native"
    },
    {
      "code": "c350",
      "slug": "application-ui-forms-select-menus-02-simple-custom",
      "title": "02 simple custom",
      "source": "tailwind",
      "category": "application-ui / forms / select-menus",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc350?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c350",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-select-menus-02-simple-custom"
    },
    {
      "code": "c351",
      "slug": "application-ui-forms-select-menus-03-custom-with-check-on-left",
      "title": "03 custom with check on left",
      "source": "tailwind",
      "category": "application-ui / forms / select-menus",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc351?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c351",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-select-menus-03-custom-with-check-on-left"
    },
    {
      "code": "c352",
      "slug": "application-ui-forms-select-menus-04-custom-with-status-indicator",
      "title": "04 custom with status indicator",
      "source": "tailwind",
      "category": "application-ui / forms / select-menus",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc352?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c352",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-select-menus-04-custom-with-status-indicator"
    },
    {
      "code": "c353",
      "slug": "application-ui-forms-select-menus-05-custom-with-avatar",
      "title": "05 custom with avatar",
      "source": "tailwind",
      "category": "application-ui / forms / select-menus",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc353?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c353",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-select-menus-05-custom-with-avatar"
    },
    {
      "code": "c354",
      "slug": "application-ui-forms-select-menus-06-with-secondary-text",
      "title": "06 with secondary text",
      "source": "tailwind",
      "category": "application-ui / forms / select-menus",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc354?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c354",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-select-menus-06-with-secondary-text"
    },
    {
      "code": "c355",
      "slug": "application-ui-forms-select-menus-07-branded-with-supporting-text",
      "title": "07 branded with supporting text",
      "source": "tailwind",
      "category": "application-ui / forms / select-menus",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc355?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c355",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-select-menus-07-branded-with-supporting-text"
    },
    {
      "code": "c356",
      "slug": "application-ui-forms-sign-in-forms-01-simple",
      "title": "01 simple",
      "source": "tailwind",
      "category": "application-ui / forms / sign-in-forms",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc356?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c356",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-sign-in-forms-01-simple"
    },
    {
      "code": "c357",
      "slug": "application-ui-forms-sign-in-forms-03-simple-no-labels",
      "title": "03 simple no labels",
      "source": "tailwind",
      "category": "application-ui / forms / sign-in-forms",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc357?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c357",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-sign-in-forms-03-simple-no-labels"
    },
    {
      "code": "c358",
      "slug": "application-ui-forms-sign-in-forms-04-split-screen",
      "title": "04 split screen",
      "source": "tailwind",
      "category": "application-ui / forms / sign-in-forms",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc358?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c358",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-sign-in-forms-04-split-screen"
    },
    {
      "code": "c359",
      "slug": "application-ui-forms-sign-in-forms-05-simple-card",
      "title": "05 simple card",
      "source": "tailwind",
      "category": "application-ui / forms / sign-in-forms",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc359?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c359",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-sign-in-forms-05-simple-card"
    },
    {
      "code": "c360",
      "slug": "application-ui-forms-textareas-01-simple",
      "title": "01 simple",
      "source": "tailwind",
      "category": "application-ui / forms / textareas",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc360?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c360",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-textareas-01-simple"
    },
    {
      "code": "c361",
      "slug": "application-ui-forms-textareas-02-with-avatar-and-actions",
      "title": "02 with avatar and actions",
      "source": "tailwind",
      "category": "application-ui / forms / textareas",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc361?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c361",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-textareas-02-with-avatar-and-actions"
    },
    {
      "code": "c362",
      "slug": "application-ui-forms-textareas-03-with-underline-and-actions",
      "title": "03 with underline and actions",
      "source": "tailwind",
      "category": "application-ui / forms / textareas",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc362?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c362",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-textareas-03-with-underline-and-actions"
    },
    {
      "code": "c363",
      "slug": "application-ui-forms-textareas-04-with-title-and-pill-actions",
      "title": "04 with title and pill actions",
      "source": "tailwind",
      "category": "application-ui / forms / textareas",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc363?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c363",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-textareas-04-with-title-and-pill-actions"
    },
    {
      "code": "c364",
      "slug": "application-ui-forms-textareas-05-with-preview-button",
      "title": "05 with preview button",
      "source": "tailwind",
      "category": "application-ui / forms / textareas",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc364?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c364",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-textareas-05-with-preview-button"
    },
    {
      "code": "c365",
      "slug": "application-ui-forms-toggles-01-simple-toggle",
      "title": "01 simple toggle",
      "source": "tailwind",
      "category": "application-ui / forms / toggles",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc365?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c365",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-toggles-01-simple-toggle"
    },
    {
      "code": "c366",
      "slug": "application-ui-forms-toggles-02-short-toggle",
      "title": "02 short toggle",
      "source": "tailwind",
      "category": "application-ui / forms / toggles",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc366?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c366",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-toggles-02-short-toggle"
    },
    {
      "code": "c367",
      "slug": "application-ui-forms-toggles-03-toggle-with-icon",
      "title": "03 toggle with icon",
      "source": "tailwind",
      "category": "application-ui / forms / toggles",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc367?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c367",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-toggles-03-toggle-with-icon"
    },
    {
      "code": "c368",
      "slug": "application-ui-forms-toggles-04-with-left-label-and-description",
      "title": "04 with left label and description",
      "source": "tailwind",
      "category": "application-ui / forms / toggles",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc368?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c368",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-toggles-04-with-left-label-and-description"
    },
    {
      "code": "c369",
      "slug": "application-ui-forms-toggles-05-with-right-label",
      "title": "05 with right label",
      "source": "tailwind",
      "category": "application-ui / forms / toggles",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc369?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c369",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-forms-toggles-05-with-right-label"
    },
    {
      "code": "c370",
      "slug": "application-ui-headings-card-headings-01-simple",
      "title": "01 simple",
      "source": "tailwind",
      "category": "application-ui / headings / card-headings",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc370?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c370",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-headings-card-headings-01-simple"
    },
    {
      "code": "c371",
      "slug": "application-ui-headings-card-headings-02-with-action",
      "title": "02 with action",
      "source": "tailwind",
      "category": "application-ui / headings / card-headings",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc371?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c371",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-headings-card-headings-02-with-action"
    },
    {
      "code": "c372",
      "slug": "application-ui-headings-card-headings-03-with-avatar-and-actions",
      "title": "03 with avatar and actions",
      "source": "tailwind",
      "category": "application-ui / headings / card-headings",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc372?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c372",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-headings-card-headings-03-with-avatar-and-actions"
    },
    {
      "code": "c373",
      "slug": "application-ui-headings-card-headings-04-with-description-and-action",
      "title": "04 with description and action",
      "source": "tailwind",
      "category": "application-ui / headings / card-headings",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc373?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c373",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-headings-card-headings-04-with-description-and-action"
    },
    {
      "code": "c374",
      "slug": "application-ui-headings-card-headings-05-with-description",
      "title": "05 with description",
      "source": "tailwind",
      "category": "application-ui / headings / card-headings",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc374?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c374",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-headings-card-headings-05-with-description"
    },
    {
      "code": "c375",
      "slug": "application-ui-headings-card-headings-06-with-avatar-meta-and-dropdown",
      "title": "06 with avatar meta and dropdown",
      "source": "tailwind",
      "category": "application-ui / headings / card-headings",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc375?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c375",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-headings-card-headings-06-with-avatar-meta-and-dropdown"
    },
    {
      "code": "c376",
      "slug": "application-ui-headings-page-headings-01-with-actions",
      "title": "01 with actions",
      "source": "tailwind",
      "category": "application-ui / headings / page-headings",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc376?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c376",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-headings-page-headings-01-with-actions"
    },
    {
      "code": "c377",
      "slug": "application-ui-headings-page-headings-03-with-actions-and-breadcrumbs",
      "title": "03 with actions and breadcrumbs",
      "source": "tailwind",
      "category": "application-ui / headings / page-headings",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc377?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c377",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-headings-page-headings-03-with-actions-and-breadcrumbs"
    },
    {
      "code": "c378",
      "slug": "application-ui-headings-page-headings-05-with-meta-and-actions",
      "title": "05 with meta and actions",
      "source": "tailwind",
      "category": "application-ui / headings / page-headings",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc378?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c378",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-headings-page-headings-05-with-meta-and-actions"
    },
    {
      "code": "c379",
      "slug": "application-ui-headings-page-headings-07-with-banner-image",
      "title": "07 with banner image",
      "source": "tailwind",
      "category": "application-ui / headings / page-headings",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc379?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c379",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-headings-page-headings-07-with-banner-image"
    },
    {
      "code": "c380",
      "slug": "application-ui-headings-page-headings-08-with-avatar-and-actions",
      "title": "08 with avatar and actions",
      "source": "tailwind",
      "category": "application-ui / headings / page-headings",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc380?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c380",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-headings-page-headings-08-with-avatar-and-actions"
    },
    {
      "code": "c381",
      "slug": "application-ui-headings-page-headings-09-card-with-avatar-and-stats",
      "title": "09 card with avatar and stats",
      "source": "tailwind",
      "category": "application-ui / headings / page-headings",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc381?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c381",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-headings-page-headings-09-card-with-avatar-and-stats"
    },
    {
      "code": "c382",
      "slug": "application-ui-headings-page-headings-10-with-meta-actions-and-breadcrumbs",
      "title": "10 with meta actions and breadcrumbs",
      "source": "tailwind",
      "category": "application-ui / headings / page-headings",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc382?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c382",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-headings-page-headings-10-with-meta-actions-and-breadcrumbs"
    },
    {
      "code": "c383",
      "slug": "application-ui-headings-page-headings-12-with-filters-and-action",
      "title": "12 with filters and action",
      "source": "tailwind",
      "category": "application-ui / headings / page-headings",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc383?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c383",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-headings-page-headings-12-with-filters-and-action"
    },
    {
      "code": "c384",
      "slug": "application-ui-headings-page-headings-13-with-logo-meta-and-actions",
      "title": "13 with logo meta and actions",
      "source": "tailwind",
      "category": "application-ui / headings / page-headings",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc384?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c384",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-headings-page-headings-13-with-logo-meta-and-actions"
    },
    {
      "code": "c385",
      "slug": "application-ui-headings-section-headings-01-simple",
      "title": "01 simple",
      "source": "tailwind",
      "category": "application-ui / headings / section-headings",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc385?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c385",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-headings-section-headings-01-simple"
    },
    {
      "code": "c386",
      "slug": "application-ui-headings-section-headings-02-with-description",
      "title": "02 with description",
      "source": "tailwind",
      "category": "application-ui / headings / section-headings",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc386?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c386",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-headings-section-headings-02-with-description"
    },
    {
      "code": "c387",
      "slug": "application-ui-headings-section-headings-03-with-actions",
      "title": "03 with actions",
      "source": "tailwind",
      "category": "application-ui / headings / section-headings",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc387?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c387",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-headings-section-headings-03-with-actions"
    },
    {
      "code": "c388",
      "slug": "application-ui-headings-section-headings-04-with-action",
      "title": "04 with action",
      "source": "tailwind",
      "category": "application-ui / headings / section-headings",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc388?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c388",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-headings-section-headings-04-with-action"
    },
    {
      "code": "c389",
      "slug": "application-ui-headings-section-headings-05-with-input-group",
      "title": "05 with input group",
      "source": "tailwind",
      "category": "application-ui / headings / section-headings",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc389?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c389",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-headings-section-headings-05-with-input-group"
    },
    {
      "code": "c390",
      "slug": "application-ui-headings-section-headings-06-with-tabs",
      "title": "06 with tabs",
      "source": "tailwind",
      "category": "application-ui / headings / section-headings",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc390?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c390",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-headings-section-headings-06-with-tabs"
    },
    {
      "code": "c391",
      "slug": "application-ui-headings-section-headings-07-with-actions-and-tabs",
      "title": "07 with actions and tabs",
      "source": "tailwind",
      "category": "application-ui / headings / section-headings",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc391?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c391",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-headings-section-headings-07-with-actions-and-tabs"
    },
    {
      "code": "c392",
      "slug": "application-ui-headings-section-headings-08-with-inline-tabs",
      "title": "08 with inline tabs",
      "source": "tailwind",
      "category": "application-ui / headings / section-headings",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc392?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c392",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-headings-section-headings-08-with-inline-tabs"
    },
    {
      "code": "c393",
      "slug": "application-ui-headings-section-headings-09-with-label",
      "title": "09 with label",
      "source": "tailwind",
      "category": "application-ui / headings / section-headings",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc393?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c393",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-headings-section-headings-09-with-label"
    },
    {
      "code": "c394",
      "slug": "application-ui-headings-section-headings-10-with-badge-and-dropdown",
      "title": "10 with badge and dropdown",
      "source": "tailwind",
      "category": "application-ui / headings / section-headings",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc394?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c394",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-headings-section-headings-10-with-badge-and-dropdown"
    },
    {
      "code": "c395",
      "slug": "application-ui-layout-cards-01-basic-card",
      "title": "01 basic card",
      "source": "tailwind",
      "category": "application-ui / layout / cards",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc395?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c395",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-cards-01-basic-card"
    },
    {
      "code": "c396",
      "slug": "application-ui-layout-cards-02-card-edge-to-edge-on-mobile",
      "title": "02 card edge to edge on mobile",
      "source": "tailwind",
      "category": "application-ui / layout / cards",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc396?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c396",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-cards-02-card-edge-to-edge-on-mobile"
    },
    {
      "code": "c397",
      "slug": "application-ui-layout-cards-03-card-with-header",
      "title": "03 card with header",
      "source": "tailwind",
      "category": "application-ui / layout / cards",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc397?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c397",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-cards-03-card-with-header"
    },
    {
      "code": "c398",
      "slug": "application-ui-layout-cards-04-card-with-footer",
      "title": "04 card with footer",
      "source": "tailwind",
      "category": "application-ui / layout / cards",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc398?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c398",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-cards-04-card-with-footer"
    },
    {
      "code": "c399",
      "slug": "application-ui-layout-cards-05-card-with-header-and-footer",
      "title": "05 card with header and footer",
      "source": "tailwind",
      "category": "application-ui / layout / cards",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc399?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c399",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-cards-05-card-with-header-and-footer"
    },
    {
      "code": "c400",
      "slug": "application-ui-layout-cards-06-card-with-gray-footer",
      "title": "06 card with gray footer",
      "source": "tailwind",
      "category": "application-ui / layout / cards",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc400?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c400",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-cards-06-card-with-gray-footer"
    },
    {
      "code": "c401",
      "slug": "application-ui-layout-cards-07-card-with-gray-body",
      "title": "07 card with gray body",
      "source": "tailwind",
      "category": "application-ui / layout / cards",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc401?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c401",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-cards-07-card-with-gray-body"
    },
    {
      "code": "c402",
      "slug": "application-ui-layout-cards-08-well",
      "title": "08 well",
      "source": "tailwind",
      "category": "application-ui / layout / cards",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc402?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c402",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-cards-08-well"
    },
    {
      "code": "c403",
      "slug": "application-ui-layout-cards-09-well-on-gray",
      "title": "09 well on gray",
      "source": "tailwind",
      "category": "application-ui / layout / cards",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc403?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c403",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-cards-09-well-on-gray"
    },
    {
      "code": "c404",
      "slug": "application-ui-layout-cards-10-well-edge-to-edge-on-mobile",
      "title": "10 well edge to edge on mobile",
      "source": "tailwind",
      "category": "application-ui / layout / cards",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc404?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c404",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-cards-10-well-edge-to-edge-on-mobile"
    },
    {
      "code": "c405",
      "slug": "application-ui-layout-containers-01-full-width-on-mobile-constrained-with-padded-content-above",
      "title": "01 full width on mobile constrained with padded content above",
      "source": "tailwind",
      "category": "application-ui / layout / containers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc405?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c405",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-containers-01-full-width-on-mobile-constrained-with-padded-content-above"
    },
    {
      "code": "c406",
      "slug": "application-ui-layout-containers-02-constrained-with-padded-content",
      "title": "02 constrained with padded content",
      "source": "tailwind",
      "category": "application-ui / layout / containers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc406?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c406",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-containers-02-constrained-with-padded-content"
    },
    {
      "code": "c407",
      "slug": "application-ui-layout-containers-03-full-width-on-mobile-constrained-to-breakpoint-with-padded-content-above-mobile",
      "title": "03 full width on mobile constrained to breakpoint with padded content above mobile",
      "source": "tailwind",
      "category": "application-ui / layout / containers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc407?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c407",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-containers-03-full-width-on-mobile-constrained-to-breakpoint-with-padded-content-above-mobile"
    },
    {
      "code": "c408",
      "slug": "application-ui-layout-containers-04-constrained-to-breakpoint-with-padded-content",
      "title": "04 constrained to breakpoint with padded content",
      "source": "tailwind",
      "category": "application-ui / layout / containers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc408?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c408",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-containers-04-constrained-to-breakpoint-with-padded-content"
    },
    {
      "code": "c409",
      "slug": "application-ui-layout-containers-05-narrow-constrained-with-padded-content",
      "title": "05 narrow constrained with padded content",
      "source": "tailwind",
      "category": "application-ui / layout / containers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc409?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c409",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-containers-05-narrow-constrained-with-padded-content"
    },
    {
      "code": "c410",
      "slug": "application-ui-layout-dividers-01-with-label",
      "title": "01 with label",
      "source": "tailwind",
      "category": "application-ui / layout / dividers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc410?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c410",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-dividers-01-with-label"
    },
    {
      "code": "c411",
      "slug": "application-ui-layout-dividers-02-with-icon",
      "title": "02 with icon",
      "source": "tailwind",
      "category": "application-ui / layout / dividers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc411?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c411",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-dividers-02-with-icon"
    },
    {
      "code": "c412",
      "slug": "application-ui-layout-dividers-03-with-label-on-left",
      "title": "03 with label on left",
      "source": "tailwind",
      "category": "application-ui / layout / dividers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc412?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c412",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-dividers-03-with-label-on-left"
    },
    {
      "code": "c413",
      "slug": "application-ui-layout-dividers-04-with-title",
      "title": "04 with title",
      "source": "tailwind",
      "category": "application-ui / layout / dividers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc413?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c413",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-dividers-04-with-title"
    },
    {
      "code": "c414",
      "slug": "application-ui-layout-dividers-05-with-title-on-left",
      "title": "05 with title on left",
      "source": "tailwind",
      "category": "application-ui / layout / dividers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc414?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c414",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-dividers-05-with-title-on-left"
    },
    {
      "code": "c415",
      "slug": "application-ui-layout-dividers-06-with-button",
      "title": "06 with button",
      "source": "tailwind",
      "category": "application-ui / layout / dividers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc415?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c415",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-dividers-06-with-button"
    },
    {
      "code": "c416",
      "slug": "application-ui-layout-dividers-07-with-title-and-button",
      "title": "07 with title and button",
      "source": "tailwind",
      "category": "application-ui / layout / dividers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc416?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c416",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-dividers-07-with-title-and-button"
    },
    {
      "code": "c417",
      "slug": "application-ui-layout-dividers-08-with-toolbar",
      "title": "08 with toolbar",
      "source": "tailwind",
      "category": "application-ui / layout / dividers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc417?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c417",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-dividers-08-with-toolbar"
    },
    {
      "code": "c418",
      "slug": "application-ui-layout-list-containers-01-simple-with-dividers",
      "title": "01 simple with dividers",
      "source": "tailwind",
      "category": "application-ui / layout / list-containers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc418?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c418",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-list-containers-01-simple-with-dividers"
    },
    {
      "code": "c419",
      "slug": "application-ui-layout-list-containers-02-card-with-dividers",
      "title": "02 card with dividers",
      "source": "tailwind",
      "category": "application-ui / layout / list-containers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc419?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c419",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-list-containers-02-card-with-dividers"
    },
    {
      "code": "c420",
      "slug": "application-ui-layout-list-containers-03-card-with-dividers-full-width-on-mobile",
      "title": "03 card with dividers full width on mobile",
      "source": "tailwind",
      "category": "application-ui / layout / list-containers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc420?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c420",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-list-containers-03-card-with-dividers-full-width-on-mobile"
    },
    {
      "code": "c421",
      "slug": "application-ui-layout-list-containers-04-separate-cards",
      "title": "04 separate cards",
      "source": "tailwind",
      "category": "application-ui / layout / list-containers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc421?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c421",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-list-containers-04-separate-cards"
    },
    {
      "code": "c422",
      "slug": "application-ui-layout-list-containers-05-separate-cards-full-width-on-mobile",
      "title": "05 separate cards full width on mobile",
      "source": "tailwind",
      "category": "application-ui / layout / list-containers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc422?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c422",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-list-containers-05-separate-cards-full-width-on-mobile"
    },
    {
      "code": "c423",
      "slug": "application-ui-layout-list-containers-06-flat-card-with-dividers",
      "title": "06 flat card with dividers",
      "source": "tailwind",
      "category": "application-ui / layout / list-containers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc423?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c423",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-list-containers-06-flat-card-with-dividers"
    },
    {
      "code": "c424",
      "slug": "application-ui-layout-list-containers-07-simple-with-dividers-full-width-on-mobile",
      "title": "07 simple with dividers full width on mobile",
      "source": "tailwind",
      "category": "application-ui / layout / list-containers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc424?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c424",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-list-containers-07-simple-with-dividers-full-width-on-mobile"
    },
    {
      "code": "c425",
      "slug": "application-ui-layout-media-objects-01-basic",
      "title": "01 basic",
      "source": "tailwind",
      "category": "application-ui / layout / media-objects",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc425?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c425",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-media-objects-01-basic"
    },
    {
      "code": "c426",
      "slug": "application-ui-layout-media-objects-02-aligned-to-center",
      "title": "02 aligned to center",
      "source": "tailwind",
      "category": "application-ui / layout / media-objects",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc426?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c426",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-media-objects-02-aligned-to-center"
    },
    {
      "code": "c427",
      "slug": "application-ui-layout-media-objects-03-aligned-to-bottom",
      "title": "03 aligned to bottom",
      "source": "tailwind",
      "category": "application-ui / layout / media-objects",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc427?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c427",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-media-objects-03-aligned-to-bottom"
    },
    {
      "code": "c428",
      "slug": "application-ui-layout-media-objects-04-stretched-to-fit",
      "title": "04 stretched to fit",
      "source": "tailwind",
      "category": "application-ui / layout / media-objects",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc428?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c428",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-media-objects-04-stretched-to-fit"
    },
    {
      "code": "c429",
      "slug": "application-ui-layout-media-objects-05-media-on-right",
      "title": "05 media on right",
      "source": "tailwind",
      "category": "application-ui / layout / media-objects",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc429?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c429",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-media-objects-05-media-on-right"
    },
    {
      "code": "c430",
      "slug": "application-ui-layout-media-objects-06-basic-responsive",
      "title": "06 basic responsive",
      "source": "tailwind",
      "category": "application-ui / layout / media-objects",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc430?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c430",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-media-objects-06-basic-responsive"
    },
    {
      "code": "c431",
      "slug": "application-ui-layout-media-objects-07-wide-responsive",
      "title": "07 wide responsive",
      "source": "tailwind",
      "category": "application-ui / layout / media-objects",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc431?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c431",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-media-objects-07-wide-responsive"
    },
    {
      "code": "c432",
      "slug": "application-ui-layout-media-objects-08-nested",
      "title": "08 nested",
      "source": "tailwind",
      "category": "application-ui / layout / media-objects",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc432?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c432",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-layout-media-objects-08-nested"
    },
    {
      "code": "c433",
      "slug": "application-ui-lists-feeds-01-simple-with-icons",
      "title": "01 simple with icons",
      "source": "tailwind",
      "category": "application-ui / lists / feeds",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc433?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c433",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-feeds-01-simple-with-icons"
    },
    {
      "code": "c434",
      "slug": "application-ui-lists-feeds-02-with-comments",
      "title": "02 with comments",
      "source": "tailwind",
      "category": "application-ui / lists / feeds",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc434?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c434",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-feeds-02-with-comments"
    },
    {
      "code": "c435",
      "slug": "application-ui-lists-feeds-03-with-multiple-item-types",
      "title": "03 with multiple item types",
      "source": "tailwind",
      "category": "application-ui / lists / feeds",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc435?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c435",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-feeds-03-with-multiple-item-types"
    },
    {
      "code": "c436",
      "slug": "application-ui-lists-grid-lists-01-contact-cards-with-small-portrait",
      "title": "01 contact cards with small portrait",
      "source": "tailwind",
      "category": "application-ui / lists / grid-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc436?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c436",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-grid-lists-01-contact-cards-with-small-portrait"
    },
    {
      "code": "c437",
      "slug": "application-ui-lists-grid-lists-02-contact-cards",
      "title": "02 contact cards",
      "source": "tailwind",
      "category": "application-ui / lists / grid-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc437?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c437",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-grid-lists-02-contact-cards"
    },
    {
      "code": "c438",
      "slug": "application-ui-lists-grid-lists-03-simple-cards",
      "title": "03 simple cards",
      "source": "tailwind",
      "category": "application-ui / lists / grid-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc438?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c438",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-grid-lists-03-simple-cards"
    },
    {
      "code": "c439",
      "slug": "application-ui-lists-grid-lists-04-horizontal-link-cards",
      "title": "04 horizontal link cards",
      "source": "tailwind",
      "category": "application-ui / lists / grid-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc439?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c439",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-grid-lists-04-horizontal-link-cards"
    },
    {
      "code": "c440",
      "slug": "application-ui-lists-grid-lists-05-actions-with-shared-borders",
      "title": "05 actions with shared borders",
      "source": "tailwind",
      "category": "application-ui / lists / grid-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc440?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c440",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-grid-lists-05-actions-with-shared-borders"
    },
    {
      "code": "c441",
      "slug": "application-ui-lists-grid-lists-06-images-with-details",
      "title": "06 images with details",
      "source": "tailwind",
      "category": "application-ui / lists / grid-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc441?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c441",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-grid-lists-06-images-with-details"
    },
    {
      "code": "c442",
      "slug": "application-ui-lists-grid-lists-07-logos-cards-with-description-list",
      "title": "07 logos cards with description list",
      "source": "tailwind",
      "category": "application-ui / lists / grid-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc442?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c442",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-grid-lists-07-logos-cards-with-description-list"
    },
    {
      "code": "c443",
      "slug": "application-ui-lists-stacked-lists-01-simple",
      "title": "01 simple",
      "source": "tailwind",
      "category": "application-ui / lists / stacked-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc443?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c443",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-stacked-lists-01-simple"
    },
    {
      "code": "c444",
      "slug": "application-ui-lists-stacked-lists-03-with-links",
      "title": "03 with links",
      "source": "tailwind",
      "category": "application-ui / lists / stacked-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc444?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c444",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-stacked-lists-03-with-links"
    },
    {
      "code": "c445",
      "slug": "application-ui-lists-stacked-lists-04-with-inline-links-and-avatar-group",
      "title": "04 with inline links and avatar group",
      "source": "tailwind",
      "category": "application-ui / lists / stacked-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc445?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c445",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-stacked-lists-04-with-inline-links-and-avatar-group"
    },
    {
      "code": "c446",
      "slug": "application-ui-lists-stacked-lists-05-with-inline-links-and-actions-menu",
      "title": "05 with inline links and actions menu",
      "source": "tailwind",
      "category": "application-ui / lists / stacked-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc446?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c446",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-stacked-lists-05-with-inline-links-and-actions-menu"
    },
    {
      "code": "c447",
      "slug": "application-ui-lists-stacked-lists-06-with-badges-button-and-actions-menu",
      "title": "06 with badges button and actions menu",
      "source": "tailwind",
      "category": "application-ui / lists / stacked-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc447?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c447",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-stacked-lists-06-with-badges-button-and-actions-menu"
    },
    {
      "code": "c448",
      "slug": "application-ui-lists-stacked-lists-07-in-card-with-links",
      "title": "07 in card with links",
      "source": "tailwind",
      "category": "application-ui / lists / stacked-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc448?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c448",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-stacked-lists-07-in-card-with-links"
    },
    {
      "code": "c449",
      "slug": "application-ui-lists-stacked-lists-08-two-columns-with-links",
      "title": "08 two columns with links",
      "source": "tailwind",
      "category": "application-ui / lists / stacked-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc449?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c449",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-stacked-lists-08-two-columns-with-links"
    },
    {
      "code": "c450",
      "slug": "application-ui-lists-stacked-lists-09-full-width-with-links",
      "title": "09 full width with links",
      "source": "tailwind",
      "category": "application-ui / lists / stacked-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc450?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c450",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-stacked-lists-09-full-width-with-links"
    },
    {
      "code": "c451",
      "slug": "application-ui-lists-stacked-lists-10-full-width-with-constrained-content",
      "title": "10 full width with constrained content",
      "source": "tailwind",
      "category": "application-ui / lists / stacked-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc451?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c451",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-stacked-lists-10-full-width-with-constrained-content"
    },
    {
      "code": "c452",
      "slug": "application-ui-lists-stacked-lists-11-narrow",
      "title": "11 narrow",
      "source": "tailwind",
      "category": "application-ui / lists / stacked-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc452?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c452",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-stacked-lists-11-narrow"
    },
    {
      "code": "c453",
      "slug": "application-ui-lists-stacked-lists-12-narrow-with-sticky-headings",
      "title": "12 narrow with sticky headings",
      "source": "tailwind",
      "category": "application-ui / lists / stacked-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc453?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c453",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-stacked-lists-12-narrow-with-sticky-headings"
    },
    {
      "code": "c454",
      "slug": "application-ui-lists-stacked-lists-13-narrow-with-actions",
      "title": "13 narrow with actions",
      "source": "tailwind",
      "category": "application-ui / lists / stacked-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc454?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c454",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-stacked-lists-13-narrow-with-actions"
    },
    {
      "code": "c455",
      "slug": "application-ui-lists-stacked-lists-14-narrow-with-truncated-content",
      "title": "14 narrow with truncated content",
      "source": "tailwind",
      "category": "application-ui / lists / stacked-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc455?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c455",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-stacked-lists-14-narrow-with-truncated-content"
    },
    {
      "code": "c456",
      "slug": "application-ui-lists-stacked-lists-15-narrow-with-small-avatars",
      "title": "15 narrow with small avatars",
      "source": "tailwind",
      "category": "application-ui / lists / stacked-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc456?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c456",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-stacked-lists-15-narrow-with-small-avatars"
    },
    {
      "code": "c457",
      "slug": "application-ui-lists-stacked-lists-17-narrow-with-badges",
      "title": "17 narrow with badges",
      "source": "tailwind",
      "category": "application-ui / lists / stacked-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc457?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c457",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-stacked-lists-17-narrow-with-badges"
    },
    {
      "code": "c458",
      "slug": "application-ui-lists-tables-01-simple",
      "title": "01 simple",
      "source": "tailwind",
      "category": "application-ui / lists / tables",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc458?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c458",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-tables-01-simple"
    },
    {
      "code": "c459",
      "slug": "application-ui-lists-tables-03-simple-in-card",
      "title": "03 simple in card",
      "source": "tailwind",
      "category": "application-ui / lists / tables",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc459?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c459",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-tables-03-simple-in-card"
    },
    {
      "code": "c460",
      "slug": "application-ui-lists-tables-04-full-width",
      "title": "04 full width",
      "source": "tailwind",
      "category": "application-ui / lists / tables",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc460?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c460",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-tables-04-full-width"
    },
    {
      "code": "c461",
      "slug": "application-ui-lists-tables-04b-full-width-with-constrained-content",
      "title": "04b full width with constrained content",
      "source": "tailwind",
      "category": "application-ui / lists / tables",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc461?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c461",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-tables-04b-full-width-with-constrained-content"
    },
    {
      "code": "c462",
      "slug": "application-ui-lists-tables-05-with-striped-rows",
      "title": "05 with striped rows",
      "source": "tailwind",
      "category": "application-ui / lists / tables",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc462?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c462",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-tables-05-with-striped-rows"
    },
    {
      "code": "c463",
      "slug": "application-ui-lists-tables-06-with-uppercase-headings",
      "title": "06 with uppercase headings",
      "source": "tailwind",
      "category": "application-ui / lists / tables",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc463?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c463",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-tables-06-with-uppercase-headings"
    },
    {
      "code": "c464",
      "slug": "application-ui-lists-tables-07-with-stacked-columns-on-mobile",
      "title": "07 with stacked columns on mobile",
      "source": "tailwind",
      "category": "application-ui / lists / tables",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc464?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c464",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-tables-07-with-stacked-columns-on-mobile"
    },
    {
      "code": "c465",
      "slug": "application-ui-lists-tables-08-with-hidden-columns-on-mobile",
      "title": "08 with hidden columns on mobile",
      "source": "tailwind",
      "category": "application-ui / lists / tables",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc465?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c465",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-tables-08-with-hidden-columns-on-mobile"
    },
    {
      "code": "c466",
      "slug": "application-ui-lists-tables-09-with-avatars-and-multiline-content",
      "title": "09 with avatars and multiline content",
      "source": "tailwind",
      "category": "application-ui / lists / tables",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc466?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c466",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-tables-09-with-avatars-and-multiline-content"
    },
    {
      "code": "c467",
      "slug": "application-ui-lists-tables-10-with-sticky-header",
      "title": "10 with sticky header",
      "source": "tailwind",
      "category": "application-ui / lists / tables",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc467?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c467",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-tables-10-with-sticky-header"
    },
    {
      "code": "c468",
      "slug": "application-ui-lists-tables-11-with-vertical-lines",
      "title": "11 with vertical lines",
      "source": "tailwind",
      "category": "application-ui / lists / tables",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc468?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c468",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-tables-11-with-vertical-lines"
    },
    {
      "code": "c469",
      "slug": "application-ui-lists-tables-12-with-condensed-content",
      "title": "12 with condensed content",
      "source": "tailwind",
      "category": "application-ui / lists / tables",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc469?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c469",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-tables-12-with-condensed-content"
    },
    {
      "code": "c470",
      "slug": "application-ui-lists-tables-13-with-sortable-headings",
      "title": "13 with sortable headings",
      "source": "tailwind",
      "category": "application-ui / lists / tables",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc470?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c470",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-tables-13-with-sortable-headings"
    },
    {
      "code": "c471",
      "slug": "application-ui-lists-tables-14-with-grouped-rows",
      "title": "14 with grouped rows",
      "source": "tailwind",
      "category": "application-ui / lists / tables",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc471?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c471",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-tables-14-with-grouped-rows"
    },
    {
      "code": "c472",
      "slug": "application-ui-lists-tables-15-with-summary-rows",
      "title": "15 with summary rows",
      "source": "tailwind",
      "category": "application-ui / lists / tables",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc472?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c472",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-tables-15-with-summary-rows"
    },
    {
      "code": "c473",
      "slug": "application-ui-lists-tables-16-with-border",
      "title": "16 with border",
      "source": "tailwind",
      "category": "application-ui / lists / tables",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc473?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c473",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-tables-16-with-border"
    },
    {
      "code": "c474",
      "slug": "application-ui-lists-tables-17-with-checkboxes",
      "title": "17 with checkboxes",
      "source": "tailwind",
      "category": "application-ui / lists / tables",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc474?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c474",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-tables-17-with-checkboxes"
    },
    {
      "code": "c475",
      "slug": "application-ui-lists-tables-18-with-hidden-headings",
      "title": "18 with hidden headings",
      "source": "tailwind",
      "category": "application-ui / lists / tables",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc475?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c475",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-tables-18-with-hidden-headings"
    },
    {
      "code": "c476",
      "slug": "application-ui-lists-tables-19-full-width-with-avatars",
      "title": "19 full width with avatars",
      "source": "tailwind",
      "category": "application-ui / lists / tables",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc476?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c476",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-lists-tables-19-full-width-with-avatars"
    },
    {
      "code": "c477",
      "slug": "application-ui-navigation-breadcrumbs-01-contained",
      "title": "01 contained",
      "source": "tailwind",
      "category": "application-ui / navigation / breadcrumbs",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc477?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c477",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-breadcrumbs-01-contained"
    },
    {
      "code": "c478",
      "slug": "application-ui-navigation-breadcrumbs-02-full-width-bar",
      "title": "02 full width bar",
      "source": "tailwind",
      "category": "application-ui / navigation / breadcrumbs",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc478?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c478",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-breadcrumbs-02-full-width-bar"
    },
    {
      "code": "c479",
      "slug": "application-ui-navigation-breadcrumbs-03-simple-with-chevrons",
      "title": "03 simple with chevrons",
      "source": "tailwind",
      "category": "application-ui / navigation / breadcrumbs",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc479?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c479",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-breadcrumbs-03-simple-with-chevrons"
    },
    {
      "code": "c480",
      "slug": "application-ui-navigation-breadcrumbs-04-simple-with-slashes",
      "title": "04 simple with slashes",
      "source": "tailwind",
      "category": "application-ui / navigation / breadcrumbs",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc480?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c480",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-breadcrumbs-04-simple-with-slashes"
    },
    {
      "code": "c481",
      "slug": "application-ui-navigation-command-palettes-01-simple",
      "title": "01 simple",
      "source": "tailwind",
      "category": "application-ui / navigation / command-palettes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc481?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c481",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-command-palettes-01-simple"
    },
    {
      "code": "c482",
      "slug": "application-ui-navigation-command-palettes-02-simple-with-padding",
      "title": "02 simple with padding",
      "source": "tailwind",
      "category": "application-ui / navigation / command-palettes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc482?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c482",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-command-palettes-02-simple-with-padding"
    },
    {
      "code": "c483",
      "slug": "application-ui-navigation-command-palettes-03-with-preview",
      "title": "03 with preview",
      "source": "tailwind",
      "category": "application-ui / navigation / command-palettes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc483?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c483",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-command-palettes-03-with-preview"
    },
    {
      "code": "c484",
      "slug": "application-ui-navigation-command-palettes-04-with-images-and-descriptions",
      "title": "04 with images and descriptions",
      "source": "tailwind",
      "category": "application-ui / navigation / command-palettes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc484?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c484",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-command-palettes-04-with-images-and-descriptions"
    },
    {
      "code": "c485",
      "slug": "application-ui-navigation-command-palettes-05-with-icons",
      "title": "05 with icons",
      "source": "tailwind",
      "category": "application-ui / navigation / command-palettes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc485?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c485",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-command-palettes-05-with-icons"
    },
    {
      "code": "c486",
      "slug": "application-ui-navigation-command-palettes-06-semi-transparent-with-icons",
      "title": "06 semi transparent with icons",
      "source": "tailwind",
      "category": "application-ui / navigation / command-palettes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc486?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c486",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-command-palettes-06-semi-transparent-with-icons"
    },
    {
      "code": "c487",
      "slug": "application-ui-navigation-command-palettes-08-with-groups",
      "title": "08 with groups",
      "source": "tailwind",
      "category": "application-ui / navigation / command-palettes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc487?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c487",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-command-palettes-08-with-groups"
    },
    {
      "code": "c488",
      "slug": "application-ui-navigation-command-palettes-09-with-footer",
      "title": "09 with footer",
      "source": "tailwind",
      "category": "application-ui / navigation / command-palettes",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc488?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c488",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-command-palettes-09-with-footer"
    },
    {
      "code": "c489",
      "slug": "application-ui-navigation-navbars-01-simple-dark-with-menu-button-on-left",
      "title": "01 simple dark with menu button on left",
      "source": "tailwind",
      "category": "application-ui / navigation / navbars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc489?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c489",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-navbars-01-simple-dark-with-menu-button-on-left"
    },
    {
      "code": "c490",
      "slug": "application-ui-navigation-navbars-02-dark-with-quick-action",
      "title": "02 dark with quick action",
      "source": "tailwind",
      "category": "application-ui / navigation / navbars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc490?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c490",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-navbars-02-dark-with-quick-action"
    },
    {
      "code": "c491",
      "slug": "application-ui-navigation-navbars-03-simple-dark",
      "title": "03 simple dark",
      "source": "tailwind",
      "category": "application-ui / navigation / navbars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc491?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c491",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-navbars-03-simple-dark"
    },
    {
      "code": "c492",
      "slug": "application-ui-navigation-navbars-04-simple-with-menu-button-on-left",
      "title": "04 simple with menu button on left",
      "source": "tailwind",
      "category": "application-ui / navigation / navbars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc492?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c492",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-navbars-04-simple-with-menu-button-on-left"
    },
    {
      "code": "c493",
      "slug": "application-ui-navigation-navbars-05-simple",
      "title": "05 simple",
      "source": "tailwind",
      "category": "application-ui / navigation / navbars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc493?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c493",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-navbars-05-simple"
    },
    {
      "code": "c494",
      "slug": "application-ui-navigation-navbars-06-with-quick-action",
      "title": "06 with quick action",
      "source": "tailwind",
      "category": "application-ui / navigation / navbars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc494?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c494",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-navbars-06-with-quick-action"
    },
    {
      "code": "c495",
      "slug": "application-ui-navigation-navbars-07-dark-with-search",
      "title": "07 dark with search",
      "source": "tailwind",
      "category": "application-ui / navigation / navbars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc495?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c495",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-navbars-07-dark-with-search"
    },
    {
      "code": "c496",
      "slug": "application-ui-navigation-navbars-08-with-search",
      "title": "08 with search",
      "source": "tailwind",
      "category": "application-ui / navigation / navbars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc496?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c496",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-navbars-08-with-search"
    },
    {
      "code": "c497",
      "slug": "application-ui-navigation-navbars-09-dark-with-centered-search-and-secondary-links",
      "title": "09 dark with centered search and secondary links",
      "source": "tailwind",
      "category": "application-ui / navigation / navbars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc497?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c497",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-navbars-09-dark-with-centered-search-and-secondary-links"
    },
    {
      "code": "c498",
      "slug": "application-ui-navigation-navbars-10-with-centered-search-and-secondary-links",
      "title": "10 with centered search and secondary links",
      "source": "tailwind",
      "category": "application-ui / navigation / navbars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc498?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c498",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-navbars-10-with-centered-search-and-secondary-links"
    },
    {
      "code": "c499",
      "slug": "application-ui-navigation-navbars-11-with-search-in-column-layout",
      "title": "11 with search in column layout",
      "source": "tailwind",
      "category": "application-ui / navigation / navbars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc499?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c499",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-navbars-11-with-search-in-column-layout"
    },
    {
      "code": "c500",
      "slug": "application-ui-navigation-pagination-01-card-footer-with-page-buttons",
      "title": "01 card footer with page buttons",
      "source": "tailwind",
      "category": "application-ui / navigation / pagination",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc500?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c500",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-pagination-01-card-footer-with-page-buttons"
    },
    {
      "code": "c501",
      "slug": "application-ui-navigation-pagination-02-centered-page-numbers",
      "title": "02 centered page numbers",
      "source": "tailwind",
      "category": "application-ui / navigation / pagination",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc501?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c501",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-pagination-02-centered-page-numbers"
    },
    {
      "code": "c502",
      "slug": "application-ui-navigation-pagination-03-simple-card-footer",
      "title": "03 simple card footer",
      "source": "tailwind",
      "category": "application-ui / navigation / pagination",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc502?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c502",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-pagination-03-simple-card-footer"
    },
    {
      "code": "c503",
      "slug": "application-ui-navigation-progress-bars-01-simple",
      "title": "01 simple",
      "source": "tailwind",
      "category": "application-ui / navigation / progress-bars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc503?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c503",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-progress-bars-01-simple"
    },
    {
      "code": "c504",
      "slug": "application-ui-navigation-progress-bars-02-panels",
      "title": "02 panels",
      "source": "tailwind",
      "category": "application-ui / navigation / progress-bars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc504?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c504",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-progress-bars-02-panels"
    },
    {
      "code": "c505",
      "slug": "application-ui-navigation-progress-bars-03-bullets",
      "title": "03 bullets",
      "source": "tailwind",
      "category": "application-ui / navigation / progress-bars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc505?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c505",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-progress-bars-03-bullets"
    },
    {
      "code": "c506",
      "slug": "application-ui-navigation-progress-bars-04-panels-with-border",
      "title": "04 panels with border",
      "source": "tailwind",
      "category": "application-ui / navigation / progress-bars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc506?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c506",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-progress-bars-04-panels-with-border"
    },
    {
      "code": "c507",
      "slug": "application-ui-navigation-progress-bars-05-circles",
      "title": "05 circles",
      "source": "tailwind",
      "category": "application-ui / navigation / progress-bars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc507?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c507",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-progress-bars-05-circles"
    },
    {
      "code": "c508",
      "slug": "application-ui-navigation-progress-bars-06-bullets-and-text",
      "title": "06 bullets and text",
      "source": "tailwind",
      "category": "application-ui / navigation / progress-bars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc508?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c508",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-progress-bars-06-bullets-and-text"
    },
    {
      "code": "c509",
      "slug": "application-ui-navigation-progress-bars-07-circles-with-text",
      "title": "07 circles with text",
      "source": "tailwind",
      "category": "application-ui / navigation / progress-bars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc509?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c509",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-progress-bars-07-circles-with-text"
    },
    {
      "code": "c510",
      "slug": "application-ui-navigation-progress-bars-08-progress-bar",
      "title": "08 progress bar",
      "source": "tailwind",
      "category": "application-ui / navigation / progress-bars",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc510?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c510",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-progress-bars-08-progress-bar"
    },
    {
      "code": "c511",
      "slug": "application-ui-navigation-sidebar-navigation-01-light",
      "title": "01 light",
      "source": "tailwind",
      "category": "application-ui / navigation / sidebar-navigation",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc511?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c511",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-sidebar-navigation-01-light"
    },
    {
      "code": "c512",
      "slug": "application-ui-navigation-sidebar-navigation-02-dark",
      "title": "02 dark",
      "source": "tailwind",
      "category": "application-ui / navigation / sidebar-navigation",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc512?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c512",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-sidebar-navigation-02-dark"
    },
    {
      "code": "c513",
      "slug": "application-ui-navigation-sidebar-navigation-03-with-expandable-sections",
      "title": "03 with expandable sections",
      "source": "tailwind",
      "category": "application-ui / navigation / sidebar-navigation",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc513?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c513",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-sidebar-navigation-03-with-expandable-sections"
    },
    {
      "code": "c514",
      "slug": "application-ui-navigation-sidebar-navigation-04-with-secondary-navigation",
      "title": "04 with secondary navigation",
      "source": "tailwind",
      "category": "application-ui / navigation / sidebar-navigation",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc514?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c514",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-sidebar-navigation-04-with-secondary-navigation"
    },
    {
      "code": "c515",
      "slug": "application-ui-navigation-sidebar-navigation-05-brand",
      "title": "05 brand",
      "source": "tailwind",
      "category": "application-ui / navigation / sidebar-navigation",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc515?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c515",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-sidebar-navigation-05-brand"
    },
    {
      "code": "c516",
      "slug": "application-ui-navigation-tabs-01-tabs-with-underline",
      "title": "01 tabs with underline",
      "source": "tailwind",
      "category": "application-ui / navigation / tabs",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc516?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c516",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-tabs-01-tabs-with-underline"
    },
    {
      "code": "c517",
      "slug": "application-ui-navigation-tabs-02-tabs-with-underline-and-icons",
      "title": "02 tabs with underline and icons",
      "source": "tailwind",
      "category": "application-ui / navigation / tabs",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc517?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c517",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-tabs-02-tabs-with-underline-and-icons"
    },
    {
      "code": "c518",
      "slug": "application-ui-navigation-tabs-03-tabs-in-pills",
      "title": "03 tabs in pills",
      "source": "tailwind",
      "category": "application-ui / navigation / tabs",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc518?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c518",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-tabs-03-tabs-in-pills"
    },
    {
      "code": "c519",
      "slug": "application-ui-navigation-tabs-04-tabs-in-pills-on-gray",
      "title": "04 tabs in pills on gray",
      "source": "tailwind",
      "category": "application-ui / navigation / tabs",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc519?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c519",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-tabs-04-tabs-in-pills-on-gray"
    },
    {
      "code": "c520",
      "slug": "application-ui-navigation-tabs-05-tabs-in-pills-with-brand-color",
      "title": "05 tabs in pills with brand color",
      "source": "tailwind",
      "category": "application-ui / navigation / tabs",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc520?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c520",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-tabs-05-tabs-in-pills-with-brand-color"
    },
    {
      "code": "c521",
      "slug": "application-ui-navigation-tabs-06-full-width-tabs-with-underline",
      "title": "06 full width tabs with underline",
      "source": "tailwind",
      "category": "application-ui / navigation / tabs",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc521?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c521",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-tabs-06-full-width-tabs-with-underline"
    },
    {
      "code": "c522",
      "slug": "application-ui-navigation-tabs-07-bar-with-underline",
      "title": "07 bar with underline",
      "source": "tailwind",
      "category": "application-ui / navigation / tabs",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc522?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c522",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-tabs-07-bar-with-underline"
    },
    {
      "code": "c523",
      "slug": "application-ui-navigation-tabs-08-tabs-with-underline-and-badges",
      "title": "08 tabs with underline and badges",
      "source": "tailwind",
      "category": "application-ui / navigation / tabs",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc523?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c523",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-tabs-08-tabs-with-underline-and-badges"
    },
    {
      "code": "c524",
      "slug": "application-ui-navigation-tabs-09-simple",
      "title": "09 simple",
      "source": "tailwind",
      "category": "application-ui / navigation / tabs",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc524?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c524",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-tabs-09-simple"
    },
    {
      "code": "c525",
      "slug": "application-ui-navigation-vertical-navigation-01-simple",
      "title": "01 simple",
      "source": "tailwind",
      "category": "application-ui / navigation / vertical-navigation",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc525?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c525",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-vertical-navigation-01-simple"
    },
    {
      "code": "c526",
      "slug": "application-ui-navigation-vertical-navigation-02-with-badges",
      "title": "02 with badges",
      "source": "tailwind",
      "category": "application-ui / navigation / vertical-navigation",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc526?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c526",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-vertical-navigation-02-with-badges"
    },
    {
      "code": "c527",
      "slug": "application-ui-navigation-vertical-navigation-03-with-icons-and-badges",
      "title": "03 with icons and badges",
      "source": "tailwind",
      "category": "application-ui / navigation / vertical-navigation",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc527?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c527",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-vertical-navigation-03-with-icons-and-badges"
    },
    {
      "code": "c528",
      "slug": "application-ui-navigation-vertical-navigation-04-with-icons",
      "title": "04 with icons",
      "source": "tailwind",
      "category": "application-ui / navigation / vertical-navigation",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc528?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c528",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-vertical-navigation-04-with-icons"
    },
    {
      "code": "c529",
      "slug": "application-ui-navigation-vertical-navigation-05-with-secondary-navigation",
      "title": "05 with secondary navigation",
      "source": "tailwind",
      "category": "application-ui / navigation / vertical-navigation",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc529?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c529",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-vertical-navigation-05-with-secondary-navigation"
    },
    {
      "code": "c530",
      "slug": "application-ui-navigation-vertical-navigation-06-on-gray",
      "title": "06 on gray",
      "source": "tailwind",
      "category": "application-ui / navigation / vertical-navigation",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc530?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c530",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-navigation-vertical-navigation-06-on-gray"
    },
    {
      "code": "c531",
      "slug": "application-ui-overlays-drawers-01-empty",
      "title": "01 empty",
      "source": "tailwind",
      "category": "application-ui / overlays / drawers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc531?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c531",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-overlays-drawers-01-empty"
    },
    {
      "code": "c532",
      "slug": "application-ui-overlays-drawers-01a-empty-wide",
      "title": "01a empty wide",
      "source": "tailwind",
      "category": "application-ui / overlays / drawers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc532?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c532",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-overlays-drawers-01a-empty-wide"
    },
    {
      "code": "c533",
      "slug": "application-ui-overlays-drawers-02-with-background-overlay",
      "title": "02 with background overlay",
      "source": "tailwind",
      "category": "application-ui / overlays / drawers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc533?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c533",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-overlays-drawers-02-with-background-overlay"
    },
    {
      "code": "c534",
      "slug": "application-ui-overlays-drawers-03-with-close-button-on-outside",
      "title": "03 with close button on outside",
      "source": "tailwind",
      "category": "application-ui / overlays / drawers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc534?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c534",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-overlays-drawers-03-with-close-button-on-outside"
    },
    {
      "code": "c535",
      "slug": "application-ui-overlays-drawers-04-with-branded-header",
      "title": "04 with branded header",
      "source": "tailwind",
      "category": "application-ui / overlays / drawers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc535?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c535",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-overlays-drawers-04-with-branded-header"
    },
    {
      "code": "c536",
      "slug": "application-ui-overlays-drawers-05-with-sticky-footer",
      "title": "05 with sticky footer",
      "source": "tailwind",
      "category": "application-ui / overlays / drawers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc536?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c536",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-overlays-drawers-05-with-sticky-footer"
    },
    {
      "code": "c537",
      "slug": "application-ui-overlays-drawers-06-create-project-form-example",
      "title": "06 create project form example",
      "source": "tailwind",
      "category": "application-ui / overlays / drawers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc537?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c537",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-overlays-drawers-06-create-project-form-example"
    },
    {
      "code": "c538",
      "slug": "application-ui-overlays-drawers-06a-wide-create-project-form-example",
      "title": "06a wide create project form example",
      "source": "tailwind",
      "category": "application-ui / overlays / drawers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc538?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c538",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-overlays-drawers-06a-wide-create-project-form-example"
    },
    {
      "code": "c539",
      "slug": "application-ui-overlays-drawers-07-user-profile-example",
      "title": "07 user profile example",
      "source": "tailwind",
      "category": "application-ui / overlays / drawers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc539?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c539",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-overlays-drawers-07-user-profile-example"
    },
    {
      "code": "c540",
      "slug": "application-ui-overlays-drawers-07a-wide-user-profile-example",
      "title": "07a wide user profile example",
      "source": "tailwind",
      "category": "application-ui / overlays / drawers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc540?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c540",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-overlays-drawers-07a-wide-user-profile-example"
    },
    {
      "code": "c541",
      "slug": "application-ui-overlays-drawers-08-contact-list-example",
      "title": "08 contact list example",
      "source": "tailwind",
      "category": "application-ui / overlays / drawers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc541?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c541",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-overlays-drawers-08-contact-list-example"
    },
    {
      "code": "c542",
      "slug": "application-ui-overlays-drawers-09-file-details-example",
      "title": "09 file details example",
      "source": "tailwind",
      "category": "application-ui / overlays / drawers",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc542?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c542",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-overlays-drawers-09-file-details-example"
    },
    {
      "code": "c543",
      "slug": "application-ui-overlays-modal-dialogs-01-centered-with-single-action",
      "title": "01 centered with single action",
      "source": "tailwind",
      "category": "application-ui / overlays / modal-dialogs",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc543?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c543",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-overlays-modal-dialogs-01-centered-with-single-action"
    },
    {
      "code": "c544",
      "slug": "application-ui-overlays-modal-dialogs-02-centered-with-wide-buttons",
      "title": "02 centered with wide buttons",
      "source": "tailwind",
      "category": "application-ui / overlays / modal-dialogs",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc544?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c544",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-overlays-modal-dialogs-02-centered-with-wide-buttons"
    },
    {
      "code": "c545",
      "slug": "application-ui-overlays-modal-dialogs-03-simple-alert",
      "title": "03 simple alert",
      "source": "tailwind",
      "category": "application-ui / overlays / modal-dialogs",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc545?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c545",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-overlays-modal-dialogs-03-simple-alert"
    },
    {
      "code": "c546",
      "slug": "application-ui-overlays-modal-dialogs-04-simple-with-dismiss-button",
      "title": "04 simple with dismiss button",
      "source": "tailwind",
      "category": "application-ui / overlays / modal-dialogs",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc546?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c546",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-overlays-modal-dialogs-04-simple-with-dismiss-button"
    },
    {
      "code": "c547",
      "slug": "application-ui-overlays-modal-dialogs-05-simple-with-gray-footer",
      "title": "05 simple with gray footer",
      "source": "tailwind",
      "category": "application-ui / overlays / modal-dialogs",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc547?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c547",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-overlays-modal-dialogs-05-simple-with-gray-footer"
    },
    {
      "code": "c548",
      "slug": "application-ui-overlays-modal-dialogs-06-simple-with-left-aligned-buttons",
      "title": "06 simple with left aligned buttons",
      "source": "tailwind",
      "category": "application-ui / overlays / modal-dialogs",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc548?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c548",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-overlays-modal-dialogs-06-simple-with-left-aligned-buttons"
    },
    {
      "code": "c549",
      "slug": "application-ui-overlays-notifications-01-simple",
      "title": "01 simple",
      "source": "tailwind",
      "category": "application-ui / overlays / notifications",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc549?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c549",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-overlays-notifications-01-simple"
    },
    {
      "code": "c550",
      "slug": "application-ui-overlays-notifications-02-condensed",
      "title": "02 condensed",
      "source": "tailwind",
      "category": "application-ui / overlays / notifications",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc550?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c550",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-overlays-notifications-02-condensed"
    },
    {
      "code": "c551",
      "slug": "application-ui-overlays-notifications-03-with-actions-below",
      "title": "03 with actions below",
      "source": "tailwind",
      "category": "application-ui / overlays / notifications",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc551?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c551",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-overlays-notifications-03-with-actions-below"
    },
    {
      "code": "c552",
      "slug": "application-ui-overlays-notifications-04-with-avatar",
      "title": "04 with avatar",
      "source": "tailwind",
      "category": "application-ui / overlays / notifications",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc552?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c552",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-overlays-notifications-04-with-avatar"
    },
    {
      "code": "c553",
      "slug": "application-ui-overlays-notifications-05-with-split-buttons",
      "title": "05 with split buttons",
      "source": "tailwind",
      "category": "application-ui / overlays / notifications",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc553?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c553",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-overlays-notifications-05-with-split-buttons"
    },
    {
      "code": "c554",
      "slug": "application-ui-overlays-notifications-06-with-buttons-below",
      "title": "06 with buttons below",
      "source": "tailwind",
      "category": "application-ui / overlays / notifications",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc554?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c554",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-overlays-notifications-06-with-buttons-below"
    },
    {
      "code": "c555",
      "slug": "application-ui-page-examples-detail-screens-01-sidebar",
      "title": "01 sidebar",
      "source": "tailwind",
      "category": "application-ui / page-examples / detail-screens",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc555?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c555",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-page-examples-detail-screens-01-sidebar"
    },
    {
      "code": "c556",
      "slug": "application-ui-page-examples-detail-screens-02-stacked",
      "title": "02 stacked",
      "source": "tailwind",
      "category": "application-ui / page-examples / detail-screens",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc556?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c556",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-page-examples-detail-screens-02-stacked"
    },
    {
      "code": "c557",
      "slug": "application-ui-page-examples-home-screens-01-sidebar",
      "title": "01 sidebar",
      "source": "tailwind",
      "category": "application-ui / page-examples / home-screens",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc557?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c557",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-page-examples-home-screens-01-sidebar"
    },
    {
      "code": "c558",
      "slug": "application-ui-page-examples-home-screens-02-stacked",
      "title": "02 stacked",
      "source": "tailwind",
      "category": "application-ui / page-examples / home-screens",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc558?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c558",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-page-examples-home-screens-02-stacked"
    },
    {
      "code": "c559",
      "slug": "application-ui-page-examples-settings-screens-01-sidebar",
      "title": "01 sidebar",
      "source": "tailwind",
      "category": "application-ui / page-examples / settings-screens",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc559?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c559",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-page-examples-settings-screens-01-sidebar"
    },
    {
      "code": "c560",
      "slug": "application-ui-page-examples-settings-screens-02-stacked",
      "title": "02 stacked",
      "source": "tailwind",
      "category": "application-ui / page-examples / settings-screens",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc560?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c560",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#application-ui-page-examples-settings-screens-02-stacked"
    },
    {
      "code": "c561",
      "slug": "ecommerce-components-category-filters-01-with-centered-text-and-dropdown-product-filters",
      "title": "01 with centered text and dropdown product filters",
      "source": "tailwind",
      "category": "ecommerce / components / category-filters",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc561?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c561",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-category-filters-01-with-centered-text-and-dropdown-product-filters"
    },
    {
      "code": "c562",
      "slug": "ecommerce-components-category-filters-02-with-dropdown-product-filters",
      "title": "02 with dropdown product filters",
      "source": "tailwind",
      "category": "ecommerce / components / category-filters",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc562?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c562",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-category-filters-02-with-dropdown-product-filters"
    },
    {
      "code": "c563",
      "slug": "ecommerce-components-category-filters-03-with-expandable-product-filter-panel",
      "title": "03 with expandable product filter panel",
      "source": "tailwind",
      "category": "ecommerce / components / category-filters",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc563?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c563",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-category-filters-03-with-expandable-product-filter-panel"
    },
    {
      "code": "c564",
      "slug": "ecommerce-components-category-filters-04-with-inline-actions-and-expandable-sidebar-filters",
      "title": "04 with inline actions and expandable sidebar filters",
      "source": "tailwind",
      "category": "ecommerce / components / category-filters",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc564?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c564",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-category-filters-04-with-inline-actions-and-expandable-sidebar-filters"
    },
    {
      "code": "c565",
      "slug": "ecommerce-components-category-filters-05-sidebar-filters",
      "title": "05 sidebar filters",
      "source": "tailwind",
      "category": "ecommerce / components / category-filters",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc565?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c565",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-category-filters-05-sidebar-filters"
    },
    {
      "code": "c566",
      "slug": "ecommerce-components-category-previews-01-with-image-backgrounds",
      "title": "01 with image backgrounds",
      "source": "tailwind",
      "category": "ecommerce / components / category-previews",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc566?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c566",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-category-previews-01-with-image-backgrounds"
    },
    {
      "code": "c567",
      "slug": "ecommerce-components-category-previews-02-three-column",
      "title": "02 three column",
      "source": "tailwind",
      "category": "ecommerce / components / category-previews",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc567?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c567",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-category-previews-02-three-column"
    },
    {
      "code": "c568",
      "slug": "ecommerce-components-category-previews-03-with-background-image-and-detail-overlay",
      "title": "03 with background image and detail overlay",
      "source": "tailwind",
      "category": "ecommerce / components / category-previews",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc568?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c568",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-category-previews-03-with-background-image-and-detail-overlay"
    },
    {
      "code": "c569",
      "slug": "ecommerce-components-category-previews-04-three-column-with-description",
      "title": "04 three column with description",
      "source": "tailwind",
      "category": "ecommerce / components / category-previews",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc569?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c569",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-category-previews-04-three-column-with-description"
    },
    {
      "code": "c570",
      "slug": "ecommerce-components-category-previews-05-with-scrolling-cards",
      "title": "05 with scrolling cards",
      "source": "tailwind",
      "category": "ecommerce / components / category-previews",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc570?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c570",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-category-previews-05-with-scrolling-cards"
    },
    {
      "code": "c571",
      "slug": "ecommerce-components-category-previews-06-with-split-images",
      "title": "06 with split images",
      "source": "tailwind",
      "category": "ecommerce / components / category-previews",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc571?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c571",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-category-previews-06-with-split-images"
    },
    {
      "code": "c572",
      "slug": "ecommerce-components-checkout-forms-01-single-step-with-order-summary",
      "title": "01 single step with order summary",
      "source": "tailwind",
      "category": "ecommerce / components / checkout-forms",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc572?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c572",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-checkout-forms-01-single-step-with-order-summary"
    },
    {
      "code": "c573",
      "slug": "ecommerce-components-checkout-forms-02-with-mobile-order-summary-overlay",
      "title": "02 with mobile order summary overlay",
      "source": "tailwind",
      "category": "ecommerce / components / checkout-forms",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc573?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c573",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-checkout-forms-02-with-mobile-order-summary-overlay"
    },
    {
      "code": "c574",
      "slug": "ecommerce-components-checkout-forms-03-multi-step",
      "title": "03 multi step",
      "source": "tailwind",
      "category": "ecommerce / components / checkout-forms",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc574?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c574",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-checkout-forms-03-multi-step"
    },
    {
      "code": "c575",
      "slug": "ecommerce-components-checkout-forms-04-with-order-summary-sidebar",
      "title": "04 with order summary sidebar",
      "source": "tailwind",
      "category": "ecommerce / components / checkout-forms",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc575?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c575",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-checkout-forms-04-with-order-summary-sidebar"
    },
    {
      "code": "c576",
      "slug": "ecommerce-components-checkout-forms-05-split-with-order-summary",
      "title": "05 split with order summary",
      "source": "tailwind",
      "category": "ecommerce / components / checkout-forms",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc576?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c576",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-checkout-forms-05-split-with-order-summary"
    },
    {
      "code": "c577",
      "slug": "ecommerce-components-incentives-01-3-column-with-illustrations-and-split-header",
      "title": "01 3 column with illustrations and split header",
      "source": "tailwind",
      "category": "ecommerce / components / incentives",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc577?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c577",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-incentives-01-3-column-with-illustrations-and-split-header"
    },
    {
      "code": "c578",
      "slug": "ecommerce-components-incentives-02-4-column-with-illustrations",
      "title": "02 4 column with illustrations",
      "source": "tailwind",
      "category": "ecommerce / components / incentives",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc578?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c578",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-incentives-02-4-column-with-illustrations"
    },
    {
      "code": "c579",
      "slug": "ecommerce-components-incentives-03-3-column-with-illustrations-and-header",
      "title": "03 3 column with illustrations and header",
      "source": "tailwind",
      "category": "ecommerce / components / incentives",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc579?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c579",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-incentives-03-3-column-with-illustrations-and-header"
    },
    {
      "code": "c580",
      "slug": "ecommerce-components-incentives-04-3-column-with-illustrations-and-centered-text",
      "title": "04 3 column with illustrations and centered text",
      "source": "tailwind",
      "category": "ecommerce / components / incentives",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc580?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c580",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-incentives-04-3-column-with-illustrations-and-centered-text"
    },
    {
      "code": "c581",
      "slug": "ecommerce-components-incentives-05-3-column-with-illustrations-and-heading",
      "title": "05 3 column with illustrations and heading",
      "source": "tailwind",
      "category": "ecommerce / components / incentives",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc581?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c581",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-incentives-05-3-column-with-illustrations-and-heading"
    },
    {
      "code": "c582",
      "slug": "ecommerce-components-incentives-06-2x2-grid-with-illustrations",
      "title": "06 2x2 grid with illustrations",
      "source": "tailwind",
      "category": "ecommerce / components / incentives",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc582?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c582",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-incentives-06-2x2-grid-with-illustrations"
    },
    {
      "code": "c583",
      "slug": "ecommerce-components-incentives-08-3-column-with-icons-and-supporting-text",
      "title": "08 3 column with icons and supporting text",
      "source": "tailwind",
      "category": "ecommerce / components / incentives",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc583?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c583",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-incentives-08-3-column-with-icons-and-supporting-text"
    },
    {
      "code": "c584",
      "slug": "ecommerce-components-incentives-09-3-column-with-icons",
      "title": "09 3 column with icons",
      "source": "tailwind",
      "category": "ecommerce / components / incentives",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc584?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c584",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-incentives-09-3-column-with-icons"
    },
    {
      "code": "c585",
      "slug": "ecommerce-components-order-history-03-invoice-panels",
      "title": "03 invoice panels",
      "source": "tailwind",
      "category": "ecommerce / components / order-history",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc585?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c585",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-order-history-03-invoice-panels"
    },
    {
      "code": "c586",
      "slug": "ecommerce-components-order-history-04-invoice-table",
      "title": "04 invoice table",
      "source": "tailwind",
      "category": "ecommerce / components / order-history",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc586?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c586",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-order-history-04-invoice-table"
    },
    {
      "code": "c587",
      "slug": "ecommerce-components-order-history-06-invoice-list",
      "title": "06 invoice list",
      "source": "tailwind",
      "category": "ecommerce / components / order-history",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc587?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c587",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-order-history-06-invoice-list"
    },
    {
      "code": "c588",
      "slug": "ecommerce-components-order-history-07-invoice-list-with-quick-actions",
      "title": "07 invoice list with quick actions",
      "source": "tailwind",
      "category": "ecommerce / components / order-history",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc588?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c588",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-order-history-07-invoice-list-with-quick-actions"
    },
    {
      "code": "c589",
      "slug": "ecommerce-components-order-summaries-01-with-split-image",
      "title": "01 with split image",
      "source": "tailwind",
      "category": "ecommerce / components / order-summaries",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc589?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c589",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-order-summaries-01-with-split-image"
    },
    {
      "code": "c590",
      "slug": "ecommerce-components-order-summaries-03-with-progress-bars",
      "title": "03 with progress bars",
      "source": "tailwind",
      "category": "ecommerce / components / order-summaries",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc590?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c590",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-order-summaries-03-with-progress-bars"
    },
    {
      "code": "c591",
      "slug": "ecommerce-components-order-summaries-04-with-large-images-and-progress-bars",
      "title": "04 with large images and progress bars",
      "source": "tailwind",
      "category": "ecommerce / components / order-summaries",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc591?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c591",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-order-summaries-04-with-large-images-and-progress-bars"
    },
    {
      "code": "c592",
      "slug": "ecommerce-components-order-summaries-05-simple-with-full-order-details",
      "title": "05 simple with full order details",
      "source": "tailwind",
      "category": "ecommerce / components / order-summaries",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc592?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c592",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-order-summaries-05-simple-with-full-order-details"
    },
    {
      "code": "c593",
      "slug": "ecommerce-components-product-features-01-with-header-images-and-descriptions",
      "title": "01 with header images and descriptions",
      "source": "tailwind",
      "category": "ecommerce / components / product-features",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc593?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c593",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-features-01-with-header-images-and-descriptions"
    },
    {
      "code": "c594",
      "slug": "ecommerce-components-product-features-02-with-fading-image",
      "title": "02 with fading image",
      "source": "tailwind",
      "category": "ecommerce / components / product-features",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc594?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c594",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-features-02-with-fading-image"
    },
    {
      "code": "c595",
      "slug": "ecommerce-components-product-features-03-with-image-grid",
      "title": "03 with image grid",
      "source": "tailwind",
      "category": "ecommerce / components / product-features",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc595?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c595",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-features-03-with-image-grid"
    },
    {
      "code": "c596",
      "slug": "ecommerce-components-product-features-04-with-wide-images",
      "title": "04 with wide images",
      "source": "tailwind",
      "category": "ecommerce / components / product-features",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc596?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c596",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-features-04-with-wide-images"
    },
    {
      "code": "c597",
      "slug": "ecommerce-components-product-features-05-with-split-image",
      "title": "05 with split image",
      "source": "tailwind",
      "category": "ecommerce / components / product-features",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc597?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c597",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-features-05-with-split-image"
    },
    {
      "code": "c598",
      "slug": "ecommerce-components-product-features-06-with-tabs",
      "title": "06 with tabs",
      "source": "tailwind",
      "category": "ecommerce / components / product-features",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc598?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c598",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-features-06-with-tabs"
    },
    {
      "code": "c599",
      "slug": "ecommerce-components-product-features-07-with-alternating-sections",
      "title": "07 with alternating sections",
      "source": "tailwind",
      "category": "ecommerce / components / product-features",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc599?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c599",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-features-07-with-alternating-sections"
    },
    {
      "code": "c600",
      "slug": "ecommerce-components-product-features-08-with-square-images",
      "title": "08 with square images",
      "source": "tailwind",
      "category": "ecommerce / components / product-features",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc600?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c600",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-features-08-with-square-images"
    },
    {
      "code": "c601",
      "slug": "ecommerce-components-product-features-09-with-tiered-images",
      "title": "09 with tiered images",
      "source": "tailwind",
      "category": "ecommerce / components / product-features",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc601?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c601",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-features-09-with-tiered-images"
    },
    {
      "code": "c602",
      "slug": "ecommerce-components-product-lists-01-with-inline-price",
      "title": "01 with inline price",
      "source": "tailwind",
      "category": "ecommerce / components / product-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc602?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c602",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-lists-01-with-inline-price"
    },
    {
      "code": "c603",
      "slug": "ecommerce-components-product-lists-02-with-cta-link",
      "title": "02 with cta link",
      "source": "tailwind",
      "category": "ecommerce / components / product-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc603?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c603",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-lists-02-with-cta-link"
    },
    {
      "code": "c604",
      "slug": "ecommerce-components-product-lists-03-with-color-swatches-and-horizontal-scrolling",
      "title": "03 with color swatches and horizontal scrolling",
      "source": "tailwind",
      "category": "ecommerce / components / product-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc604?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c604",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-lists-03-with-color-swatches-and-horizontal-scrolling"
    },
    {
      "code": "c605",
      "slug": "ecommerce-components-product-lists-04-with-tall-images",
      "title": "04 with tall images",
      "source": "tailwind",
      "category": "ecommerce / components / product-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc605?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c605",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-lists-04-with-tall-images"
    },
    {
      "code": "c606",
      "slug": "ecommerce-components-product-lists-05-with-image-overlay-and-add-button",
      "title": "05 with image overlay and add button",
      "source": "tailwind",
      "category": "ecommerce / components / product-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc606?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c606",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-lists-05-with-image-overlay-and-add-button"
    },
    {
      "code": "c607",
      "slug": "ecommerce-components-product-lists-06-simple",
      "title": "06 simple",
      "source": "tailwind",
      "category": "ecommerce / components / product-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc607?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c607",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-lists-06-simple"
    },
    {
      "code": "c608",
      "slug": "ecommerce-components-product-lists-07-with-tall-images-and-cta-link",
      "title": "07 with tall images and cta link",
      "source": "tailwind",
      "category": "ecommerce / components / product-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc608?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c608",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-lists-07-with-tall-images-and-cta-link"
    },
    {
      "code": "c609",
      "slug": "ecommerce-components-product-lists-08-with-border-grid",
      "title": "08 with border grid",
      "source": "tailwind",
      "category": "ecommerce / components / product-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc609?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c609",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-lists-08-with-border-grid"
    },
    {
      "code": "c610",
      "slug": "ecommerce-components-product-lists-09-with-supporting-text",
      "title": "09 with supporting text",
      "source": "tailwind",
      "category": "ecommerce / components / product-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc610?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c610",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-lists-09-with-supporting-text"
    },
    {
      "code": "c611",
      "slug": "ecommerce-components-product-lists-10-with-inlne-price-and-cta-link",
      "title": "10 with inlne price and cta link",
      "source": "tailwind",
      "category": "ecommerce / components / product-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc611?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c611",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-lists-10-with-inlne-price-and-cta-link"
    },
    {
      "code": "c612",
      "slug": "ecommerce-components-product-lists-11-card-with-full-details",
      "title": "11 card with full details",
      "source": "tailwind",
      "category": "ecommerce / components / product-lists",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc612?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c612",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-lists-11-card-with-full-details"
    },
    {
      "code": "c613",
      "slug": "ecommerce-components-product-overviews-01-with-tiered-images",
      "title": "01 with tiered images",
      "source": "tailwind",
      "category": "ecommerce / components / product-overviews",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc613?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c613",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-overviews-01-with-tiered-images"
    },
    {
      "code": "c614",
      "slug": "ecommerce-components-product-overviews-02-with-image-gallery-and-expandable-details",
      "title": "02 with image gallery and expandable details",
      "source": "tailwind",
      "category": "ecommerce / components / product-overviews",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc614?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c614",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-overviews-02-with-image-gallery-and-expandable-details"
    },
    {
      "code": "c615",
      "slug": "ecommerce-components-product-overviews-03-split-with-image-and-featured-details",
      "title": "03 split with image and featured details",
      "source": "tailwind",
      "category": "ecommerce / components / product-overviews",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc615?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c615",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-overviews-03-split-with-image-and-featured-details"
    },
    {
      "code": "c616",
      "slug": "ecommerce-components-product-overviews-04-with-image-grid",
      "title": "04 with image grid",
      "source": "tailwind",
      "category": "ecommerce / components / product-overviews",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc616?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c616",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-overviews-04-with-image-grid"
    },
    {
      "code": "c617",
      "slug": "ecommerce-components-product-overviews-05-with-tabs",
      "title": "05 with tabs",
      "source": "tailwind",
      "category": "ecommerce / components / product-overviews",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc617?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c617",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-overviews-05-with-tabs"
    },
    {
      "code": "c618",
      "slug": "ecommerce-components-product-quickviews-01-with-color-selector-size-selector-and-details-link",
      "title": "01 with color selector size selector and details link",
      "source": "tailwind",
      "category": "ecommerce / components / product-quickviews",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc618?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c618",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-quickviews-01-with-color-selector-size-selector-and-details-link"
    },
    {
      "code": "c619",
      "slug": "ecommerce-components-product-quickviews-02-with-color-and-size-selector",
      "title": "02 with color and size selector",
      "source": "tailwind",
      "category": "ecommerce / components / product-quickviews",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc619?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c619",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-quickviews-02-with-color-and-size-selector"
    },
    {
      "code": "c620",
      "slug": "ecommerce-components-product-quickviews-03-with-large-size-selector",
      "title": "03 with large size selector",
      "source": "tailwind",
      "category": "ecommerce / components / product-quickviews",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc620?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c620",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-quickviews-03-with-large-size-selector"
    },
    {
      "code": "c621",
      "slug": "ecommerce-components-product-quickviews-04-with-color-selector-and-description",
      "title": "04 with color selector and description",
      "source": "tailwind",
      "category": "ecommerce / components / product-quickviews",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc621?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c621",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-product-quickviews-04-with-color-selector-and-description"
    },
    {
      "code": "c622",
      "slug": "ecommerce-components-promo-sections-01-with-fading-background-image-and-testimonials",
      "title": "01 with fading background image and testimonials",
      "source": "tailwind",
      "category": "ecommerce / components / promo-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc622?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c622",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-promo-sections-01-with-fading-background-image-and-testimonials"
    },
    {
      "code": "c623",
      "slug": "ecommerce-components-promo-sections-02-full-width-with-background-image",
      "title": "02 full width with background image",
      "source": "tailwind",
      "category": "ecommerce / components / promo-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc623?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c623",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-promo-sections-02-full-width-with-background-image"
    },
    {
      "code": "c624",
      "slug": "ecommerce-components-promo-sections-03-full-width-with-overlapping-image-tiles",
      "title": "03 full width with overlapping image tiles",
      "source": "tailwind",
      "category": "ecommerce / components / promo-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc624?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c624",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-promo-sections-03-full-width-with-overlapping-image-tiles"
    },
    {
      "code": "c625",
      "slug": "ecommerce-components-promo-sections-04-with-background-image",
      "title": "04 with background image",
      "source": "tailwind",
      "category": "ecommerce / components / promo-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc625?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c625",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-promo-sections-04-with-background-image"
    },
    {
      "code": "c626",
      "slug": "ecommerce-components-promo-sections-05-with-overlapping-image-tiles",
      "title": "05 with overlapping image tiles",
      "source": "tailwind",
      "category": "ecommerce / components / promo-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc626?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c626",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-promo-sections-05-with-overlapping-image-tiles"
    },
    {
      "code": "c627",
      "slug": "ecommerce-components-promo-sections-06-with-offers-and-split-image",
      "title": "06 with offers and split image",
      "source": "tailwind",
      "category": "ecommerce / components / promo-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc627?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c627",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-promo-sections-06-with-offers-and-split-image"
    },
    {
      "code": "c628",
      "slug": "ecommerce-components-promo-sections-07-with-image-tiles",
      "title": "07 with image tiles",
      "source": "tailwind",
      "category": "ecommerce / components / promo-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc628?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c628",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-promo-sections-07-with-image-tiles"
    },
    {
      "code": "c629",
      "slug": "ecommerce-components-promo-sections-08-full-width-with-background-image-and-large-content",
      "title": "08 full width with background image and large content",
      "source": "tailwind",
      "category": "ecommerce / components / promo-sections",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc629?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c629",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-promo-sections-08-full-width-with-background-image-and-large-content"
    },
    {
      "code": "c630",
      "slug": "ecommerce-components-reviews-01-multi-column",
      "title": "01 multi column",
      "source": "tailwind",
      "category": "ecommerce / components / reviews",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc630?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c630",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-reviews-01-multi-column"
    },
    {
      "code": "c631",
      "slug": "ecommerce-components-reviews-02-with-summary-chart",
      "title": "02 with summary chart",
      "source": "tailwind",
      "category": "ecommerce / components / reviews",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc631?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c631",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-reviews-02-with-summary-chart"
    },
    {
      "code": "c632",
      "slug": "ecommerce-components-reviews-03-avatars-with-separate-description",
      "title": "03 avatars with separate description",
      "source": "tailwind",
      "category": "ecommerce / components / reviews",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc632?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c632",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-reviews-03-avatars-with-separate-description"
    },
    {
      "code": "c633",
      "slug": "ecommerce-components-reviews-04-simple-with-avatars",
      "title": "04 simple with avatars",
      "source": "tailwind",
      "category": "ecommerce / components / reviews",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc633?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c633",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-reviews-04-simple-with-avatars"
    },
    {
      "code": "c634",
      "slug": "ecommerce-components-shopping-carts-01-two-column-with-quantity-dropdown",
      "title": "01 two column with quantity dropdown",
      "source": "tailwind",
      "category": "ecommerce / components / shopping-carts",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc634?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c634",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-shopping-carts-01-two-column-with-quantity-dropdown"
    },
    {
      "code": "c635",
      "slug": "ecommerce-components-shopping-carts-02-single-column",
      "title": "02 single column",
      "source": "tailwind",
      "category": "ecommerce / components / shopping-carts",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc635?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c635",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-shopping-carts-02-single-column"
    },
    {
      "code": "c636",
      "slug": "ecommerce-components-shopping-carts-03-with-extended-summary",
      "title": "03 with extended summary",
      "source": "tailwind",
      "category": "ecommerce / components / shopping-carts",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc636?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c636",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-shopping-carts-03-with-extended-summary"
    },
    {
      "code": "c637",
      "slug": "ecommerce-components-shopping-carts-04-drawer",
      "title": "04 drawer",
      "source": "tailwind",
      "category": "ecommerce / components / shopping-carts",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc637?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c637",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-shopping-carts-04-drawer"
    },
    {
      "code": "c638",
      "slug": "ecommerce-components-shopping-carts-05-dialog",
      "title": "05 dialog",
      "source": "tailwind",
      "category": "ecommerce / components / shopping-carts",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc638?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c638",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-shopping-carts-05-dialog"
    },
    {
      "code": "c639",
      "slug": "ecommerce-components-shopping-carts-06-popover",
      "title": "06 popover",
      "source": "tailwind",
      "category": "ecommerce / components / shopping-carts",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc639?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c639",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-shopping-carts-06-popover"
    },
    {
      "code": "c640",
      "slug": "ecommerce-components-store-navigation-01-with-image-grid",
      "title": "01 with image grid",
      "source": "tailwind",
      "category": "ecommerce / components / store-navigation",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc640?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c640",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-store-navigation-01-with-image-grid"
    },
    {
      "code": "c641",
      "slug": "ecommerce-components-store-navigation-02-with-simple-menu-and-promo",
      "title": "02 with simple menu and promo",
      "source": "tailwind",
      "category": "ecommerce / components / store-navigation",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc641?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c641",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-store-navigation-02-with-simple-menu-and-promo"
    },
    {
      "code": "c642",
      "slug": "ecommerce-components-store-navigation-03-with-featured-categories",
      "title": "03 with featured categories",
      "source": "tailwind",
      "category": "ecommerce / components / store-navigation",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc642?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c642",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-store-navigation-03-with-featured-categories"
    },
    {
      "code": "c643",
      "slug": "ecommerce-components-store-navigation-04-with-navigation-and-tiered-featured-categories",
      "title": "04 with navigation and tiered featured categories",
      "source": "tailwind",
      "category": "ecommerce / components / store-navigation",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc643?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c643",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-store-navigation-04-with-navigation-and-tiered-featured-categories"
    },
    {
      "code": "c644",
      "slug": "ecommerce-components-store-navigation-05-with-double-column-and-persistent-mobile-nav",
      "title": "05 with double column and persistent mobile nav",
      "source": "tailwind",
      "category": "ecommerce / components / store-navigation",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc644?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c644",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-components-store-navigation-05-with-double-column-and-persistent-mobile-nav"
    },
    {
      "code": "c645",
      "slug": "ecommerce-page-examples-category-pages-01-with-text-header-and-image-product-grid",
      "title": "01 with text header and image product grid",
      "source": "tailwind",
      "category": "ecommerce / page-examples / category-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc645?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c645",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-category-pages-01-with-text-header-and-image-product-grid"
    },
    {
      "code": "c646",
      "slug": "ecommerce-page-examples-category-pages-02-with-image-header-and-detail-product-grid",
      "title": "02 with image header and detail product grid",
      "source": "tailwind",
      "category": "ecommerce / page-examples / category-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc646?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c646",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-category-pages-02-with-image-header-and-detail-product-grid"
    },
    {
      "code": "c647",
      "slug": "ecommerce-page-examples-category-pages-04-with-text-header-and-simple-product-grid",
      "title": "04 with text header and simple product grid",
      "source": "tailwind",
      "category": "ecommerce / page-examples / category-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc647?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c647",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-category-pages-04-with-text-header-and-simple-product-grid"
    },
    {
      "code": "c648",
      "slug": "ecommerce-page-examples-category-pages-06-with-product-grid-and-pagination",
      "title": "06 with product grid and pagination",
      "source": "tailwind",
      "category": "ecommerce / page-examples / category-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc648?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c648",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-category-pages-06-with-product-grid-and-pagination"
    },
    {
      "code": "c649",
      "slug": "ecommerce-page-examples-category-pages-07-with-large-images-and-filters-sidebar",
      "title": "07 with large images and filters sidebar",
      "source": "tailwind",
      "category": "ecommerce / page-examples / category-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc649?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c649",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-category-pages-07-with-large-images-and-filters-sidebar"
    },
    {
      "code": "c650",
      "slug": "ecommerce-page-examples-checkout-pages-01-with-order-summary-sidebar",
      "title": "01 with order summary sidebar",
      "source": "tailwind",
      "category": "ecommerce / page-examples / checkout-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc650?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c650",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-checkout-pages-01-with-order-summary-sidebar"
    },
    {
      "code": "c651",
      "slug": "ecommerce-page-examples-checkout-pages-02-single-step-with-order-summary",
      "title": "02 single step with order summary",
      "source": "tailwind",
      "category": "ecommerce / page-examples / checkout-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc651?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c651",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-checkout-pages-02-single-step-with-order-summary"
    },
    {
      "code": "c652",
      "slug": "ecommerce-page-examples-checkout-pages-04-with-mobile-order-summary-overlay",
      "title": "04 with mobile order summary overlay",
      "source": "tailwind",
      "category": "ecommerce / page-examples / checkout-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc652?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c652",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-checkout-pages-04-with-mobile-order-summary-overlay"
    },
    {
      "code": "c653",
      "slug": "ecommerce-page-examples-checkout-pages-05-multi-step",
      "title": "05 multi step",
      "source": "tailwind",
      "category": "ecommerce / page-examples / checkout-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc653?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c653",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-checkout-pages-05-multi-step"
    },
    {
      "code": "c654",
      "slug": "ecommerce-page-examples-checkout-pages-07-split-with-order-summary",
      "title": "07 split with order summary",
      "source": "tailwind",
      "category": "ecommerce / page-examples / checkout-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc654?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c654",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-checkout-pages-07-split-with-order-summary"
    },
    {
      "code": "c655",
      "slug": "ecommerce-page-examples-order-detail-pages-03-with-progress-bars",
      "title": "03 with progress bars",
      "source": "tailwind",
      "category": "ecommerce / page-examples / order-detail-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc655?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c655",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-order-detail-pages-03-with-progress-bars"
    },
    {
      "code": "c656",
      "slug": "ecommerce-page-examples-order-detail-pages-04-with-large-images-and-progress-bars",
      "title": "04 with large images and progress bars",
      "source": "tailwind",
      "category": "ecommerce / page-examples / order-detail-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc656?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c656",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-order-detail-pages-04-with-large-images-and-progress-bars"
    },
    {
      "code": "c657",
      "slug": "ecommerce-page-examples-order-detail-pages-05-simple-with-full-order-details",
      "title": "05 simple with full order details",
      "source": "tailwind",
      "category": "ecommerce / page-examples / order-detail-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc657?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c657",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-order-detail-pages-05-simple-with-full-order-details"
    },
    {
      "code": "c658",
      "slug": "ecommerce-page-examples-order-history-pages-01-simple",
      "title": "01 simple",
      "source": "tailwind",
      "category": "ecommerce / page-examples / order-history-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc658?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c658",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-order-history-pages-01-simple"
    },
    {
      "code": "c659",
      "slug": "ecommerce-page-examples-order-history-pages-02-with-invoice-list-and-quick-actions",
      "title": "02 with invoice list and quick actions",
      "source": "tailwind",
      "category": "ecommerce / page-examples / order-history-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc659?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c659",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-order-history-pages-02-with-invoice-list-and-quick-actions"
    },
    {
      "code": "c660",
      "slug": "ecommerce-page-examples-order-history-pages-03-with-invoice-panels",
      "title": "03 with invoice panels",
      "source": "tailwind",
      "category": "ecommerce / page-examples / order-history-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc660?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c660",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-order-history-pages-03-with-invoice-panels"
    },
    {
      "code": "c661",
      "slug": "ecommerce-page-examples-order-history-pages-04-with-invoice-tables",
      "title": "04 with invoice tables",
      "source": "tailwind",
      "category": "ecommerce / page-examples / order-history-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc661?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c661",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-order-history-pages-04-with-invoice-tables"
    },
    {
      "code": "c662",
      "slug": "ecommerce-page-examples-order-history-pages-06-with-invoice-list",
      "title": "06 with invoice list",
      "source": "tailwind",
      "category": "ecommerce / page-examples / order-history-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc662?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c662",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-order-history-pages-06-with-invoice-list"
    },
    {
      "code": "c663",
      "slug": "ecommerce-page-examples-product-pages-01-with-related-products",
      "title": "01 with related products",
      "source": "tailwind",
      "category": "ecommerce / page-examples / product-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc663?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c663",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-product-pages-01-with-related-products"
    },
    {
      "code": "c664",
      "slug": "ecommerce-page-examples-product-pages-02-with-image-grid",
      "title": "02 with image grid",
      "source": "tailwind",
      "category": "ecommerce / page-examples / product-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc664?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c664",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-product-pages-02-with-image-grid"
    },
    {
      "code": "c665",
      "slug": "ecommerce-page-examples-product-pages-03-with-expandable-product-details",
      "title": "03 with expandable product details",
      "source": "tailwind",
      "category": "ecommerce / page-examples / product-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc665?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c665",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-product-pages-03-with-expandable-product-details"
    },
    {
      "code": "c666",
      "slug": "ecommerce-page-examples-product-pages-04-with-featured-details",
      "title": "04 with featured details",
      "source": "tailwind",
      "category": "ecommerce / page-examples / product-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc666?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c666",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-product-pages-04-with-featured-details"
    },
    {
      "code": "c667",
      "slug": "ecommerce-page-examples-product-pages-05-with-tabs-and-related-products",
      "title": "05 with tabs and related products",
      "source": "tailwind",
      "category": "ecommerce / page-examples / product-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc667?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c667",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-product-pages-05-with-tabs-and-related-products"
    },
    {
      "code": "c668",
      "slug": "ecommerce-page-examples-shopping-cart-pages-01-with-related-products",
      "title": "01 with related products",
      "source": "tailwind",
      "category": "ecommerce / page-examples / shopping-cart-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc668?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c668",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-shopping-cart-pages-01-with-related-products"
    },
    {
      "code": "c669",
      "slug": "ecommerce-page-examples-shopping-cart-pages-02-simple-with-policy-grid",
      "title": "02 simple with policy grid",
      "source": "tailwind",
      "category": "ecommerce / page-examples / shopping-cart-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc669?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c669",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-shopping-cart-pages-02-simple-with-policy-grid"
    },
    {
      "code": "c670",
      "slug": "ecommerce-page-examples-shopping-cart-pages-03-with-policy-grid-and-extended-summary",
      "title": "03 with policy grid and extended summary",
      "source": "tailwind",
      "category": "ecommerce / page-examples / shopping-cart-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc670?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c670",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-shopping-cart-pages-03-with-policy-grid-and-extended-summary"
    },
    {
      "code": "c671",
      "slug": "ecommerce-page-examples-storefront-pages-01-with-dark-nav-and-footer",
      "title": "01 with dark nav and footer",
      "source": "tailwind",
      "category": "ecommerce / page-examples / storefront-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc671?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c671",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-storefront-pages-01-with-dark-nav-and-footer"
    },
    {
      "code": "c672",
      "slug": "ecommerce-page-examples-storefront-pages-02-with-offers-and-testimonials",
      "title": "02 with offers and testimonials",
      "source": "tailwind",
      "category": "ecommerce / page-examples / storefront-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc672?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c672",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-storefront-pages-02-with-offers-and-testimonials"
    },
    {
      "code": "c673",
      "slug": "ecommerce-page-examples-storefront-pages-03-with-image-tiles-and-feature-sections",
      "title": "03 with image tiles and feature sections",
      "source": "tailwind",
      "category": "ecommerce / page-examples / storefront-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc673?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c673",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-storefront-pages-03-with-image-tiles-and-feature-sections"
    },
    {
      "code": "c674",
      "slug": "ecommerce-page-examples-storefront-pages-04-with-overlapping-image-tiles-and-perks",
      "title": "04 with overlapping image tiles and perks",
      "source": "tailwind",
      "category": "ecommerce / page-examples / storefront-pages",
      "previewImage": "https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdesignsystem-weld-six.vercel.app%2Fpreview%2Fc674?w=900",
      "previewPage": "https://designsystem-weld-six.vercel.app/preview/c674",
      "visualLibrary": "https://designsystem-weld-six.vercel.app/visual-library#ecommerce-page-examples-storefront-pages-04-with-overlapping-image-tiles-and-perks"
    }
  ],
  "revampAlternates": [
    {
      "code": null,
      "slug": "hero-editorial",
      "title": "Hero — editorial (alt)",
      "source": "revamp"
    },
    {
      "code": null,
      "slug": "hero-magazine",
      "title": "Hero — magazine (alt)",
      "source": "revamp"
    },
    {
      "code": null,
      "slug": "hero-masthead",
      "title": "Hero — masthead (alt)",
      "source": "revamp"
    }
  ]
}