@kickstartds/ds-agency-premium 1.0.1

package/dist/components/page/page.schema.dereffed.json

@@ -0,0 +1,1945 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/cms/page.schema.json",
+  "title": "Page",
+  "description": "Abstracts a page concept into JSON schema",
+  "type": "object",
+  "required": [
+    "id",
+    "slug",
+    "layout",
+    "title"
+  ],
+  "properties": {
+    "layout": {
+      "type": "string",
+      "title": "Layout",
+      "description": "Choose a layout for the page",
+      "enum": [
+        "default",
+        "content",
+        "blog-list",
+        "blog-detail",
+        "glossary"
+      ],
+      "default": "default"
+    },
+    "description": {
+      "type": "string",
+      "title": "Description",
+      "description": "Description used for the page"
+    },
+    "keywords": {
+      "type": "string",
+      "title": "Keywords",
+      "description": "Keywords used for the page"
+    },
+    "image": {
+      "type": "string",
+      "title": "Preview Image",
+      "description": "Preview image used for the page",
+      "format": "image"
+    },
+    "cardImage": {
+      "type": "string",
+      "title": "Card Preview Image",
+      "description": "Card preview image (larger, e.g. Twitter) used for the page"
+    },
+    "sections": {
+      "type": "array",
+      "title": "Sections",
+      "description": "Collection of sections (with their contents) to render on the page",
+      "items": {
+        "$schema": "http://json-schema.org/draft-07/schema#",
+        "$id": "http://schema.mydesignsystem.com/section.schema.json",
+        "title": "Section",
+        "description": "Component used to layout components into pages",
+        "type": "object",
+        "properties": {
+          "width": {
+            "type": "string",
+            "title": "Width",
+            "description": "Width of section to use",
+            "enum": [
+              "full",
+              "max",
+              "wide",
+              "default",
+              "narrow"
+            ],
+            "default": "default"
+          },
+          "style": {
+            "type": "string",
+            "title": "Style",
+            "description": "Style of background",
+            "enum": [
+              "stagelights",
+              "horizontalGradient",
+              "verticalGradient",
+              "accentTransition",
+              "boldTransition",
+              "symmetricGlow",
+              "anchorGlow"
+            ],
+            "default": "default"
+          },
+          "backgroundColor": {
+            "type": "string",
+            "title": "Style",
+            "description": "Color of background",
+            "enum": [
+              "default",
+              "accent",
+              "bold"
+            ],
+            "default": "default"
+          },
+          "spotlight": {
+            "type": "boolean",
+            "title": "Spotlight",
+            "description": "Show spotlight behind cursor",
+            "default": false
+          },
+          "spaceBefore": {
+            "type": "string",
+            "title": "Space Before",
+            "description": "Amount of spacing before the section",
+            "enum": [
+              "default",
+              "small",
+              "none"
+            ],
+            "default": "default"
+          },
+          "spaceAfter": {
+            "type": "string",
+            "title": "Space After",
+            "description": "Amount of spacing after the section",
+            "enum": [
+              "default",
+              "small",
+              "none"
+            ],
+            "default": "default"
+          },
+          "inverted": {
+            "type": "boolean",
+            "title": "Inverted",
+            "description": "Whether to invert the section",
+            "default": false
+          },
+          "headerSpacing": {
+            "type": "boolean",
+            "title": "Header Spacing",
+            "description": "Reserve additional spacing for a floating header",
+            "default": false
+          },
+          "headline": {
+            "type": "object",
+            "properties": {
+              "text": {
+                "type": "string",
+                "title": "Headline",
+                "description": "Headline Text for the section",
+                "format": "markdown",
+                "examples": [
+                  "Section headline"
+                ]
+              },
+              "large": {
+                "type": "boolean",
+                "title": "Large Headline",
+                "description": "Make the headline larger",
+                "default": false
+              },
+              "width": {
+                "type": "string",
+                "title": "Headline Width",
+                "description": "Width of headline to use",
+                "enum": [
+                  "unset",
+                  "narrow",
+                  "default",
+                  "wide"
+                ],
+                "default": "unset"
+              },
+              "textAlign": {
+                "title": "Headline Text Alignment",
+                "description": "Choose the text alignment for the headline",
+                "type": "string",
+                "enum": [
+                  "left",
+                  "center",
+                  "right"
+                ]
+              },
+              "align": {
+                "title": "Headline Alignment",
+                "description": "Choose an alignment for positioning the headline",
+                "type": "string",
+                "enum": [
+                  "left",
+                  "center",
+                  "right"
+                ]
+              },
+              "sub": {
+                "type": "string",
+                "title": "Subheadline",
+                "description": "Subheadline for the section",
+                "format": "markdown"
+              },
+              "switchOrder": {
+                "type": "boolean",
+                "title": "Switch Headline Order",
+                "description": "Switch the order of headline and subheadline"
+              }
+            },
+            "additionalProperties": false
+          },
+          "content": {
+            "type": "object",
+            "properties": {
+              "width": {
+                "type": "string",
+                "title": "Content Width",
+                "description": "Width of content to use",
+                "enum": [
+                  "unset",
+                  "narrow",
+                  "default",
+                  "wide"
+                ],
+                "default": "unset"
+              },
+              "align": {
+                "title": "Content Alignment",
+                "description": "Choose an alignment for the content",
+                "type": "string",
+                "enum": [
+                  "left",
+                  "center",
+                  "right"
+                ],
+                "default": "center"
+              },
+              "gutter": {
+                "type": "string",
+                "title": "Gutter",
+                "description": "Size of gutter to use",
+                "enum": [
+                  "large",
+                  "default",
+                  "small",
+                  "none"
+                ],
+                "default": "default"
+              },
+              "mode": {
+                "type": "string",
+                "title": "Mode",
+                "description": "Layout mode used for section contents",
+                "enum": [
+                  "default",
+                  "tile",
+                  "list",
+                  "slider"
+                ],
+                "default": "default"
+              },
+              "tileWidth": {
+                "type": "string",
+                "title": "Tile Width",
+                "description": "Set min-width for the tiles in the grid",
+                "enum": [
+                  "control",
+                  "card",
+                  "narrow",
+                  "medium",
+                  "wide"
+                ],
+                "default": "cards"
+              }
+            },
+            "additionalProperties": false
+          },
+          "components": {
+            "type": "array",
+            "title": "Content",
+            "description": "Allowed components for content",
+            "items": {
+              "anyOf": [
+                {
+                  "$schema": "http://json-schema.org/draft-07/schema#",
+                  "$id": "http://schema.mydesignsystem.com/hero.schema.json",
+                  "title": "Hero",
+                  "type": "object",
+                  "properties": {
+                    "headline": {
+                      "title": "Headline",
+                      "description": "Headline for the visual",
+                      "type": "string"
+                    },
+                    "sub": {
+                      "title": "Module Subheadline",
+                      "description": "Subheadline below the module headline",
+                      "type": "string"
+                    },
+                    "text": {
+                      "title": "Module Text",
+                      "description": "Info text for the module element",
+                      "type": "string"
+                    },
+                    "highlightText": {
+                      "type": "boolean",
+                      "title": "Highlight Text",
+                      "description": "Visually highlight the text",
+                      "default": false
+                    },
+                    "colorNeutral": {
+                      "title": "Color Neutral",
+                      "description": "Make the text and buttons color neutral",
+                      "default": false,
+                      "type": "boolean"
+                    },
+                    "height": {
+                      "title": "Height",
+                      "type": "string",
+                      "enum": [
+                        "small",
+                        "default",
+                        "fullImage",
+                        "fullScreen"
+                      ],
+                      "default": "default"
+                    },
+                    "textbox": {
+                      "type": "boolean",
+                      "title": "Textbox",
+                      "default": true,
+                      "description": "Toggle wether you want your text to be displayed within in box"
+                    },
+                    "buttons": {
+                      "type": "array",
+                      "items": {
+                        "title": "Button",
+                        "type": "object",
+                        "properties": {
+                          "label": {
+                            "type": "string",
+                            "title": "Label",
+                            "description": "Text content to display inside the button",
+                            "examples": [
+                              "Book a meeting"
+                            ]
+                          },
+                          "icon": {
+                            "type": "string",
+                            "title": "Icon",
+                            "description": "Choose an icon"
+                          },
+                          "target": {
+                            "type": "string",
+                            "title": "Target",
+                            "description": "Target that should be linked, makes the button behave like a link semantically",
+                            "format": "uri"
+                          }
+                        },
+                        "additionalProperties": false
+                      }
+                    },
+                    "overlay": {
+                      "title": "Grid layer",
+                      "description": "Enable grid layer",
+                      "type": "boolean",
+                      "default": false
+                    },
+                    "image": {
+                      "title": "Background image",
+                      "description": "Sources of background images for different screen sizes",
+                      "type": "object",
+                      "required": [
+                        "srcMobile"
+                      ],
+                      "properties": {
+                        "srcMobile": {
+                          "title": "Mobile image source",
+                          "description": "Background image source for small screens",
+                          "type": "string",
+                          "format": "image",
+                          "examples": [
+                            "https://picsum.photos/seed/kdsvisual/640/270"
+                          ]
+                        },
+                        "srcTablet": {
+                          "title": "Tablet image source",
+                          "description": "Background image source for medium screens",
+                          "type": "string",
+                          "format": "image",
+                          "examples": [
+                            "https://picsum.photos/seed/kdsvisual/1280/540"
+                          ]
+                        },
+                        "srcDesktop": {
+                          "title": "Desktop image source",
+                          "description": "Background image source for large screens",
+                          "type": "string",
+                          "format": "image",
+                          "examples": [
+                            "https://picsum.photos/seed/kdsvisual/1920/810"
+                          ]
+                        },
+                        "src": {
+                          "title": "Optional source",
+                          "description": "Override for img tag of picture element, if needed",
+                          "type": "string",
+                          "format": "image",
+                          "examples": [
+                            "https://picsum.photos/seed/kdsvisual/640/270"
+                          ]
+                        },
+                        "indent": {
+                          "title": "Image indent",
+                          "description": "Choose to indent the image horizontally on small screens",
+                          "type": "string",
+                          "enum": [
+                            "none",
+                            "left",
+                            "right"
+                          ],
+                          "default": "none"
+                        },
+                        "alt": {
+                          "title": "Alt text",
+                          "description": "Alt text to display for picture",
+                          "type": "string"
+                        }
+                      },
+                      "additionalProperties": false
+                    },
+                    "textPosition": {
+                      "title": "Module aligment",
+                      "description": "Choose the alginment of the module content",
+                      "enum": [
+                        "center",
+                        "below",
+                        "left",
+                        "right"
+                      ],
+                      "type": "string",
+                      "default": "bottom"
+                    },
+                    "type": {
+                      "const": "hero"
+                    }
+                  },
+                  "additionalProperties": false
+                },
+                {
+                  "$schema": "http://json-schema.org/draft-07/schema#",
+                  "$id": "http://schema.mydesignsystem.com/cta.schema.json",
+                  "title": "Cta",
+                  "type": "object",
+                  "properties": {
+                    "headline": {
+                      "title": "Component Headline",
+                      "description": "Headline for the Component element",
+                      "type": "string",
+                      "examples": [
+                        "Headline"
+                      ]
+                    },
+                    "sub": {
+                      "title": "Component Subheadline",
+                      "description": "Subheadline below the component headline",
+                      "type": "string",
+                      "examples": [
+                        "Subheadline"
+                      ]
+                    },
+                    "text": {
+                      "title": "Component Text",
+                      "description": "Info text for the component element",
+                      "type": "string"
+                    },
+                    "highlightText": {
+                      "type": "boolean",
+                      "title": "Highlight Text",
+                      "description": "Visually highlight the text",
+                      "default": false
+                    },
+                    "colorNeutral": {
+                      "title": "Color Neutral",
+                      "description": "Make the text and buttons color neutral",
+                      "default": false,
+                      "type": "boolean"
+                    },
+                    "fullWidth": {
+                      "title": "Width",
+                      "description": "Set the width of the content to the full width of the element",
+                      "type": "boolean",
+                      "default": false
+                    },
+                    "buttons": {
+                      "type": "array",
+                      "items": {
+                        "title": "Button",
+                        "type": "object",
+                        "properties": {
+                          "label": {
+                            "type": "string",
+                            "title": "Label",
+                            "description": "Text content to display inside the button",
+                            "examples": [
+                              "Book a meeting"
+                            ]
+                          },
+                          "icon": {
+                            "type": "string",
+                            "title": "Icon",
+                            "description": "Choose an icon"
+                          },
+                          "target": {
+                            "type": "string",
+                            "title": "Target",
+                            "description": "Target that should be linked, makes the button behave like a link semantically",
+                            "format": "uri"
+                          }
+                        },
+                        "additionalProperties": false
+                      }
+                    },
+                    "backgroundColor": {
+                      "title": "Background color",
+                      "description": "Background color for the whole element",
+                      "type": "string",
+                      "format": "color"
+                    },
+                    "backgroundImage": {
+                      "title": "Background image",
+                      "description": "Background image for the whole element",
+                      "type": "string",
+                      "format": "image"
+                    },
+                    "image": {
+                      "title": "Image",
+                      "description": "Image displayed alongside the text content",
+                      "type": "object",
+                      "properties": {
+                        "src": {
+                          "title": "Image source",
+                          "description": "Image source to use",
+                          "type": "string",
+                          "format": "image"
+                        },
+                        "padding": {
+                          "title": "Padding",
+                          "description": "Toggle padding of the image",
+                          "type": "boolean",
+                          "default": true
+                        },
+                        "alt": {
+                          "title": "Alt text",
+                          "description": "Image description",
+                          "type": "string"
+                        }
+                      },
+                      "additionalProperties": false
+                    },
+                    "order": {
+                      "title": "Order",
+                      "description": "Choose what comes first on mobile and desktop: image or text",
+                      "type": "object",
+                      "properties": {
+                        "mobileImageLast": {
+                          "title": "Mobile image after text",
+                          "description": "Switch to displaying the image after the text on mobile",
+                          "type": "boolean",
+                          "default": false
+                        },
+                        "desktopImageLast": {
+                          "title": "Desktop image after text",
+                          "description": "Switch to displaying the image after the text on desktop",
+                          "type": "boolean",
+                          "default": true
+                        }
+                      },
+                      "additionalProperties": false
+                    },
+                    "textAlign": {
+                      "title": "Text Alignment",
+                      "description": "Choose the alginment of the text",
+                      "enum": [
+                        "left",
+                        "center"
+                      ],
+                      "type": "string",
+                      "default": "left"
+                    },
+                    "contentAlign": {
+                      "title": "Vertical alignment of the content",
+                      "description": "Select a vertical alignment for the image",
+                      "type": "string",
+                      "enum": [
+                        "center",
+                        "top",
+                        "bottom"
+                      ],
+                      "default": "center"
+                    },
+                    "type": {
+                      "const": "cta"
+                    }
+                  },
+                  "additionalProperties": false
+                },
+                {
+                  "$schema": "http://json-schema.org/draft-07/schema#",
+                  "$id": "http://schema.mydesignsystem.com/mosaic.schema.json",
+                  "title": "Mosaic",
+                  "type": "object",
+                  "properties": {
+                    "layout": {
+                      "title": "Layout",
+                      "description": "Layout of the mosaic component",
+                      "type": "string",
+                      "enum": [
+                        "alternate",
+                        "textLeft",
+                        "textRight"
+                      ],
+                      "default": "alternate"
+                    },
+                    "largeHeadlines": {
+                      "type": "boolean",
+                      "title": "Large Headlines",
+                      "description": "Make the headlines larger",
+                      "default": false
+                    },
+                    "tiles": {
+                      "type": "array",
+                      "items": {
+                        "type": "object",
+                        "properties": {
+                          "headline": {
+                            "title": "Headline",
+                            "description": "Headline for the tile",
+                            "type": "string"
+                          },
+                          "sub": {
+                            "title": "Module Subheadline",
+                            "description": "Subheadline below the tile headline",
+                            "type": "string"
+                          },
+                          "text": {
+                            "title": "Module Text",
+                            "description": "Text for tile",
+                            "type": "string"
+                          },
+                          "image": {
+                            "type": "object",
+                            "properties": {
+                              "src": {
+                                "title": "Source",
+                                "description": "Picture source",
+                                "type": "string",
+                                "format": "image",
+                                "examples": [
+                                  "img/close-up-young-business-team-working.png"
+                                ]
+                              },
+                              "alt": {
+                                "title": "Alt text",
+                                "description": "Alt text to display for picture",
+                                "type": "string"
+                              }
+                            },
+                            "additionalProperties": false
+                          },
+                          "button": {
+                            "type": "object",
+                            "properties": {
+                              "toggle": {
+                                "title": "Button Toggle",
+                                "description": "Toggle wether the Button is displayed or not",
+                                "type": "boolean",
+                                "default": true
+                              },
+                              "label": {
+                                "type": "string",
+                                "title": "Label",
+                                "description": "Text content to display inside the button",
+                                "examples": [
+                                  "Book a meeting"
+                                ]
+                              },
+                              "target": {
+                                "type": "string",
+                                "title": "Target",
+                                "description": "Target that should be linked, makes the button behave like a link semantically",
+                                "format": "uri"
+                              },
+                              "icon": {
+                                "type": "string",
+                                "title": "Icon",
+                                "description": "Choose an icon"
+                              }
+                            },
+                            "additionalProperties": false
+                          },
+                          "backgroundColor": {
+                            "title": "Background color",
+                            "description": "Background color for the whole element",
+                            "type": "string",
+                            "format": "color"
+                          },
+                          "backgroundImage": {
+                            "title": "Background image",
+                            "description": "Background image for the whole element",
+                            "type": "string",
+                            "format": "image"
+                          },
+                          "textColor": {
+                            "title": "Text color",
+                            "description": "Overwrite the color to use for the text content",
+                            "type": "string",
+                            "format": "color"
+                          }
+                        },
+                        "additionalProperties": false
+                      }
+                    },
+                    "type": {
+                      "const": "mosaic"
+                    }
+                  },
+                  "additionalProperties": false
+                },
+                {
+                  "$schema": "http://json-schema.org/draft-07/schema#",
+                  "$id": "http://schema.mydesignsystem.com/faq.schema.json",
+                  "title": "Faq",
+                  "description": "Component used to display a Faq section",
+                  "type": "object",
+                  "properties": {
+                    "questions": {
+                      "type": "array",
+                      "title": "Questions",
+                      "description": "The questions and answers in the Faq section",
+                      "items": {
+                        "type": "object",
+                        "properties": {
+                          "question": {
+                            "type": "string",
+                            "title": "Question",
+                            "description": "The question",
+                            "examples": [
+                              "What is the product made of?"
+                            ]
+                          },
+                          "answer": {
+                            "type": "string",
+                            "title": "Answer",
+                            "description": "The answer to the question",
+                            "examples": [
+                              "The product is made of high-quality materials"
+                            ]
+                          }
+                        },
+                        "additionalProperties": false,
+                        "required": [
+                          "question",
+                          "answer"
+                        ]
+                      },
+                      "minItems": 1
+                    },
+                    "type": {
+                      "const": "faq"
+                    }
+                  },
+                  "additionalProperties": false,
+                  "required": [
+                    "questions"
+                  ]
+                },
+                {
+                  "$schema": "http://json-schema.org/draft-07/schema#",
+                  "$id": "http://schema.mydesignsystem.com/features.schema.json",
+                  "title": "Features",
+                  "description": "Component used to display a set of features",
+                  "type": "object",
+                  "properties": {
+                    "layout": {
+                      "type": "string",
+                      "title": "Layout",
+                      "description": "The layout variant to use for the features",
+                      "enum": [
+                        "largeTiles",
+                        "smallTiles",
+                        "list"
+                      ],
+                      "default": "largeTiles"
+                    },
+                    "style": {
+                      "type": "string",
+                      "enum": [
+                        "intext",
+                        "stack",
+                        "centered",
+                        "besideLarge",
+                        "besideSmall"
+                      ],
+                      "default": "stack"
+                    },
+                    "ctas": {
+                      "type": "object",
+                      "properties": {
+                        "toggle": {
+                          "type": "boolean",
+                          "default": true,
+                          "title": "CTA Toggle",
+                          "description": "Activate/disable the CTAs"
+                        },
+                        "style": {
+                          "type": "string",
+                          "enum": [
+                            "button",
+                            "link",
+                            "intext"
+                          ],
+                          "default": "link"
+                        }
+                      },
+                      "additionalProperties": false
+                    },
+                    "features": {
+                      "type": "array",
+                      "title": "Features",
+                      "description": "The features to display",
+                      "items": {
+                        "type": "object",
+                        "properties": {
+                          "icon": {
+                            "type": "string",
+                            "title": "Icon",
+                            "description": "The icon for the feature",
+                            "examples": [
+                              "person"
+                            ]
+                          },
+                          "title": {
+                            "type": "string",
+                            "title": "Title",
+                            "description": "The title of the feature",
+                            "examples": [
+                              "Feature 1"
+                            ]
+                          },
+                          "text": {
+                            "type": "string",
+                            "title": "Text",
+                            "description": "The description of the feature",
+                            "examples": [
+                              "This is a feature"
+                            ]
+                          },
+                          "cta": {
+                            "type": "object",
+                            "title": "Call to Action",
+                            "description": "The call to action",
+                            "properties": {
+                              "target": {
+                                "type": "string",
+                                "title": "Call to Action target",
+                                "description": "The CTA target",
+                                "default": "#",
+                                "format": "uri"
+                              },
+                              "label": {
+                                "type": "string",
+                                "title": "Link Label",
+                                "description": "The text label displayed on the link",
+                                "default": "See more",
+                                "examples": [
+                                  "See all our partners"
+                                ]
+                              }
+                            },
+                            "additionalProperties": false
+                          }
+                        },
+                        "additionalProperties": false,
+                        "required": [
+                          "title",
+                          "text"
+                        ]
+                      },
+                      "minItems": 1,
+                      "maxItems": 8
+                    },
+                    "type": {
+                      "const": "features"
+                    }
+                  },
+                  "additionalProperties": false
+                },
+                {
+                  "$schema": "http://json-schema.org/draft-07/schema#",
+                  "$id": "http://schema.mydesignsystem.com/gallery.schema.json",
+                  "title": "Gallery",
+                  "description": "Component used to display a gallery of images",
+                  "type": "object",
+                  "properties": {
+                    "images": {
+                      "type": "array",
+                      "title": "Images",
+                      "description": "The images to display in the gallery",
+                      "items": {
+                        "type": "object",
+                        "properties": {
+                          "src": {
+                            "type": "string",
+                            "title": "src",
+                            "description": "The source of the image",
+                            "examples": [
+                              "https://example.com/image1.jpg"
+                            ]
+                          },
+                          "alt": {
+                            "type": "string",
+                            "title": "Alt text",
+                            "description": "Alt text of the image",
+                            "examples": [
+                              "https://example.com/image1.jpg"
+                            ]
+                          },
+                          "caption": {
+                            "type": "string",
+                            "title": "Caption",
+                            "description": "The caption of the image",
+                            "examples": [
+                              "Caption Image"
+                            ]
+                          }
+                        },
+                        "additionalProperties": false,
+                        "required": [
+                          "src"
+                        ]
+                      },
+                      "minItems": 1,
+                      "maxItems": 10
+                    },
+                    "layout": {
+                      "type": "string",
+                      "title": "Layout",
+                      "description": "The layout of the gallery images",
+                      "enum": [
+                        "stack",
+                        "smallTiles",
+                        "largeTiles"
+                      ]
+                    },
+                    "aspectRatio": {
+                      "type": "string",
+                      "title": "Aspect Ratio",
+                      "description": "The aspect ratio of the gallery images",
+                      "enum": [
+                        "unset",
+                        "square",
+                        "wide",
+                        "landscape"
+                      ],
+                      "default": "unset"
+                    },
+                    "lightbox": {
+                      "type": "boolean",
+                      "title": "Lightbox",
+                      "description": "Display images in a lightbox gallery",
+                      "default": false
+                    },
+                    "type": {
+                      "const": "gallery"
+                    }
+                  },
+                  "additionalProperties": false,
+                  "required": [
+                    "images"
+                  ]
+                },
+                {
+                  "$schema": "http://json-schema.org/draft-07/schema#",
+                  "$id": "http://schema.mydesignsystem.com/headline.schema.json",
+                  "title": "Headline",
+                  "description": "Component used for headlines",
+                  "type": "object",
+                  "properties": {
+                    "text": {
+                      "type": "string",
+                      "title": "Text",
+                      "description": "Text content of headline",
+                      "format": "markdown"
+                    },
+                    "sub": {
+                      "type": "string",
+                      "title": "Sub",
+                      "description": "Subheadline content",
+                      "format": "markdown"
+                    },
+                    "switchOrder": {
+                      "type": "boolean",
+                      "title": "Switch order?",
+                      "description": "Switch order of headline and subheadline",
+                      "default": false
+                    },
+                    "align": {
+                      "type": "string",
+                      "title": "Section alignment",
+                      "enum": [
+                        "left",
+                        "center",
+                        "right"
+                      ]
+                    },
+                    "level": {
+                      "type": "string",
+                      "title": "Level",
+                      "description": "Level of headline to use",
+                      "enum": [
+                        "h1",
+                        "h2",
+                        "h3",
+                        "h4",
+                        "p"
+                      ],
+                      "default": "h2"
+                    },
+                    "style": {
+                      "type": "string",
+                      "title": "Style",
+                      "description": "Style of headline to show",
+                      "enum": [
+                        "h1",
+                        "h2",
+                        "h3",
+                        "h4",
+                        "p"
+                      ],
+                      "default": "h2"
+                    },
+                    "spaceAfter": {
+                      "type": "string",
+                      "title": "Space after?",
+                      "description": "Whether to display space after headline",
+                      "enum": [
+                        "minimum",
+                        "small",
+                        "large"
+                      ],
+                      "default": "small"
+                    },
+                    "className": {
+                      "type": "string",
+                      "title": "Class Name",
+                      "description": "Set a custom class name"
+                    },
+                    "type": {
+                      "const": "headline"
+                    }
+                  },
+                  "additionalProperties": false,
+                  "required": [
+                    "level",
+                    "text"
+                  ]
+                },
+                {
+                  "$schema": "http://json-schema.org/draft-07/schema#",
+                  "$id": "http://schema.mydesignsystem.com/image-story.schema.json",
+                  "title": "Image Story",
+                  "type": "object",
+                  "properties": {
+                    "headline": {
+                      "title": "Module Headline",
+                      "description": "Headline for the module element",
+                      "type": "string",
+                      "examples": [
+                        "Headline"
+                      ]
+                    },
+                    "largeHeadline": {
+                      "type": "boolean",
+                      "title": "Large Headline",
+                      "description": "Make the headline larger",
+                      "default": false
+                    },
+                    "sub": {
+                      "title": "Module Subheadline",
+                      "description": "Subheadline below the module headline",
+                      "type": "string",
+                      "examples": [
+                        "Subheadline"
+                      ]
+                    },
+                    "text": {
+                      "title": "Module Text",
+                      "description": "Info text for the module element",
+                      "type": "string"
+                    },
+                    "layout": {
+                      "type": "string",
+                      "title": "Layout",
+                      "description": "Choose the layout for the component",
+                      "enum": [
+                        "textLeft",
+                        "imageLeft"
+                      ],
+                      "default": "imageLeft"
+                    },
+                    "padding": {
+                      "type": "boolean",
+                      "title": "Padding",
+                      "default": false,
+                      "description": "Give the component padding"
+                    },
+                    "buttons": {
+                      "title": "Buttons",
+                      "description": "Buttons of the Button Group",
+                      "type": "array",
+                      "items": {
+                        "$schema": "http://json-schema.org/draft-07/schema#",
+                        "$id": "http://schema.mydesignsystem.com/button.schema.json",
+                        "title": "Button",
+                        "description": "Component used for user interaction",
+                        "type": "object",
+                        "properties": {
+                          "label": {
+                            "type": "string",
+                            "title": "Label",
+                            "description": "Text content to display inside the button",
+                            "examples": [
+                              "Book a meeting"
+                            ]
+                          },
+                          "target": {
+                            "type": "string",
+                            "title": "Target",
+                            "description": "Target that should be linked, makes the button behave like a link semantically",
+                            "format": "uri"
+                          },
+                          "variant": {
+                            "type": "string",
+                            "title": "Variant",
+                            "description": "Variant of button to be used",
+                            "enum": [
+                              "primary",
+                              "secondary",
+                              "tertiary"
+                            ],
+                            "default": "secondary"
+                          },
+                          "icon": {
+                            "type": "string",
+                            "title": "Icon",
+                            "description": "Choose an icon"
+                          },
+                          "size": {
+                            "type": "string",
+                            "title": "Size",
+                            "description": "Size of button to use",
+                            "enum": [
+                              "small",
+                              "medium",
+                              "large"
+                            ],
+                            "default": "medium"
+                          },
+                          "disabled": {
+                            "type": "boolean",
+                            "title": "Disabled?",
+                            "description": "Whether the button should be disabled",
+                            "default": false
+                          },
+                          "type": {
+                            "const": "button"
+                          }
+                        },
+                        "additionalProperties": false,
+                        "required": [
+                          "label"
+                        ]
+                      }
+                    },
+                    "image": {
+                      "title": "Image",
+                      "description": "Image displayed alongside the text content",
+                      "type": "object",
+                      "properties": {
+                        "src": {
+                          "title": "Image source",
+                          "description": "Image source to use",
+                          "type": "string",
+                          "format": "image"
+                        },
+                        "ratio": {
+                          "title": "Image aspect ratio",
+                          "description": "Select an aspect ratio to use for cropping and displaying the image",
+                          "type": "string",
+                          "enum": [
+                            "4:3",
+                            "3:2",
+                            "16:9",
+                            "1:1",
+                            "none"
+                          ],
+                          "default": "none"
+                        },
+                        "alt": {
+                          "title": "Alt text",
+                          "description": "Image description",
+                          "type": "string"
+                        }
+                      },
+                      "additionalProperties": false
+                    },
+                    "textAlign": {
+                      "title": "Text Alignment",
+                      "description": "Choose the alginment of the text",
+                      "enum": [
+                        "left",
+                        "center"
+                      ],
+                      "type": "string",
+                      "default": "left"
+                    },
+                    "type": {
+                      "const": "image-story"
+                    }
+                  },
+                  "additionalProperties": false
+                },
+                {
+                  "$schema": "http://json-schema.org/draft-07/schema#",
+                  "$id": "http://schema.mydesignsystem.com/split.schema.json",
+                  "title": "Split",
+                  "type": "object",
+                  "properties": {
+                    "layout": {
+                      "type": "string",
+                      "enum": [
+                        "sidebarRight",
+                        "sidebarLeft",
+                        "even"
+                      ]
+                    },
+                    "type": {
+                      "const": "split"
+                    }
+                  },
+                  "additionalProperties": false
+                },
+                {
+                  "$schema": "http://json-schema.org/draft-07/schema#",
+                  "$id": "http://schema.mydesignsystem.com/stats.schema.json",
+                  "title": "Stats",
+                  "description": "Component used to display stats with a number upcounter",
+                  "type": "object",
+                  "properties": {
+                    "stats": {
+                      "type": "array",
+                      "title": "Stats",
+                      "description": "The stats to display with a number upcounter",
+                      "items": {
+                        "type": "object",
+                        "title": "Stat",
+                        "properties": {
+                          "number": {
+                            "title": "Number",
+                            "description": "The number of the stat",
+                            "type": "integer",
+                            "examples": [
+                              1,
+                              2,
+                              3,
+                              4
+                            ]
+                          },
+                          "description": {
+                            "title": "Description",
+                            "description": "Optional description of the stat",
+                            "type": "string"
+                          },
+                          "title": {
+                            "title": "Title",
+                            "description": "Title of the stat",
+                            "type": "string",
+                            "examples": [
+                              "Stat 1",
+                              "Stat 2",
+                              "Stat 3",
+                              "Stat 4"
+                            ]
+                          },
+                          "icon": {
+                            "title": "Icon",
+                            "description": "Optional icon of the stat",
+                            "type": "string",
+                            "examples": [
+                              "person",
+                              "home",
+                              "map"
+                            ]
+                          }
+                        },
+                        "additionalProperties": false,
+                        "required": [
+                          "number",
+                          "title"
+                        ]
+                      },
+                      "minItems": 1,
+                      "maxItems": 4
+                    },
+                    "type": {
+                      "const": "stats"
+                    }
+                  },
+                  "additionalProperties": false,
+                  "required": [
+                    "stats"
+                  ]
+                },
+                {
+                  "$schema": "http://json-schema.org/draft-07/schema#",
+                  "$id": "http://schema.mydesignsystem.com/teaser-card.schema.json",
+                  "title": "Teaser Card",
+                  "description": "Component used to tease content",
+                  "type": "object",
+                  "properties": {
+                    "headline": {
+                      "type": "string",
+                      "title": "Headline",
+                      "description": "Headline for the teaser card",
+                      "format": "markdown"
+                    },
+                    "text": {
+                      "type": "string",
+                      "title": "Text",
+                      "description": "Body text for the teaser card",
+                      "format": "markdown"
+                    },
+                    "label": {
+                      "type": "string",
+                      "title": "Label",
+                      "description": "Label for the Teaser Card"
+                    },
+                    "layout": {
+                      "type": "string",
+                      "enum": [
+                        "stack",
+                        "row"
+                      ],
+                      "description": "Layout for the Teaser Card",
+                      "default": "stack"
+                    },
+                    "target": {
+                      "type": "string",
+                      "title": "Target",
+                      "description": "Target that should be linked",
+                      "format": "uri"
+                    },
+                    "displayButton": {
+                      "type": "boolean",
+                      "title": "Display Button",
+                      "description": "Toggle wether you want the card to have a visible button or not",
+                      "default": true
+                    },
+                    "image": {
+                      "type": "string",
+                      "title": "Image",
+                      "description": "Image to display as cover",
+                      "format": "uri"
+                    },
+                    "imageRatio": {
+                      "type": "string",
+                      "enum": [
+                        "wide",
+                        "landscape",
+                        "square",
+                        "unset"
+                      ],
+                      "description": "Aspect ratio of the image",
+                      "default": "wide"
+                    },
+                    "type": {
+                      "const": "teaser-card"
+                    }
+                  },
+                  "additionalProperties": false,
+                  "required": []
+                },
+                {
+                  "$schema": "http://json-schema.org/draft-07/schema#",
+                  "$id": "http://schema.mydesignsystem.com/testimonials.schema.json",
+                  "title": "Testimonials",
+                  "description": "Display testimonials with an optional image and rating",
+                  "type": "object",
+                  "properties": {
+                    "layout": {
+                      "title": "Quote",
+                      "description": "The testimonial quote",
+                      "type": "string",
+                      "enum": [
+                        "slider",
+                        "list",
+                        "alternating"
+                      ],
+                      "default": "slider"
+                    },
+                    "testimonials": {
+                      "type": "array",
+                      "title": "Testimonials",
+                      "description": "Add testimonials featuring an image, a quote, a source and a rating",
+                      "items": {
+                        "type": "object",
+                        "properties": {
+                          "quote": {
+                            "title": "Quote",
+                            "description": "The testimonial quote",
+                            "type": "string",
+                            "examples": [
+                              "This product is amazing!"
+                            ]
+                          },
+                          "name": {
+                            "title": "Name",
+                            "description": "The name of the quote author",
+                            "type": "string",
+                            "examples": [
+                              "John Doe"
+                            ]
+                          },
+                          "title": {
+                            "title": "Title",
+                            "description": "The title of the quote author",
+                            "type": "string",
+                            "examples": [
+                              "CEO"
+                            ]
+                          },
+                          "image": {
+                            "type": "object",
+                            "properties": {
+                              "src": {
+                                "title": "Source",
+                                "description": "The image to display with the testimonial",
+                                "type": "string",
+                                "examples": [
+                                  "https://example.com/image.jpg"
+                                ]
+                              },
+                              "alt": {
+                                "title": "Alt Text",
+                                "description": "The alt text of the image file",
+                                "type": "string"
+                              }
+                            },
+                            "additionalProperties": false
+                          },
+                          "rating": {
+                            "title": "Rating",
+                            "description": "The rating of the testimonial, from 1 to 5",
+                            "type": "integer",
+                            "minimum": 1,
+                            "maximum": 5
+                          }
+                        },
+                        "additionalProperties": false,
+                        "required": [
+                          "quote",
+                          "name",
+                          "image"
+                        ]
+                      }
+                    },
+                    "type": {
+                      "const": "testimonials"
+                    }
+                  },
+                  "additionalProperties": false,
+                  "required": [
+                    "quote"
+                  ]
+                },
+                {
+                  "$schema": "http://json-schema.org/draft-07/schema#",
+                  "$id": "http://schema.mydesignsystem.com/text.schema.json",
+                  "title": "Text",
+                  "description": "Component used for displaying text in chapters",
+                  "type": "object",
+                  "properties": {
+                    "text": {
+                      "type": "string",
+                      "title": "Text",
+                      "description": "Text",
+                      "examples": [
+                        "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
+                      ]
+                    },
+                    "layout": {
+                      "type": "string",
+                      "title": "Layout",
+                      "description": "Variant of layout to be used",
+                      "enum": [
+                        "singleColumn",
+                        "multiColumn"
+                      ],
+                      "default": "singleColumn"
+                    },
+                    "align": {
+                      "type": "string",
+                      "title": "Alignment",
+                      "description": "Alignment of text",
+                      "enum": [
+                        "left",
+                        "center"
+                      ],
+                      "default": "left"
+                    },
+                    "highlightText": {
+                      "type": "boolean",
+                      "title": "Highlight Text",
+                      "description": "Visually highlight the text",
+                      "default": false
+                    },
+                    "type": {
+                      "const": "text"
+                    }
+                  },
+                  "additionalProperties": false,
+                  "required": [
+                    "text"
+                  ]
+                },
+                {
+                  "$schema": "http://json-schema.org/draft-07/schema#",
+                  "$id": "http://schema.mydesignsystem.com/video-curtain.schema.json",
+                  "title": "Video Curtain",
+                  "type": "object",
+                  "properties": {
+                    "headline": {
+                      "title": "Headline",
+                      "description": "Headline for the visual",
+                      "type": "string"
+                    },
+                    "sub": {
+                      "title": "Module Subheadline",
+                      "description": "Subheadline below the module headline",
+                      "type": "string"
+                    },
+                    "text": {
+                      "title": "Module Text",
+                      "description": "Info text for the module element",
+                      "type": "string"
+                    },
+                    "highlightText": {
+                      "type": "boolean",
+                      "title": "Highlight Text",
+                      "description": "Visually highlight the text",
+                      "default": false
+                    },
+                    "colorNeutral": {
+                      "title": "Color Neutral",
+                      "description": "Make the text and buttons color neutral",
+                      "default": false,
+                      "type": "boolean"
+                    },
+                    "buttons": {
+                      "type": "array",
+                      "items": {
+                        "title": "Button",
+                        "type": "object",
+                        "properties": {
+                          "label": {
+                            "type": "string",
+                            "title": "Label",
+                            "description": "Text content to display inside the button",
+                            "examples": [
+                              "Book a meeting"
+                            ]
+                          },
+                          "icon": {
+                            "type": "string",
+                            "title": "Icon",
+                            "description": "Choose an icon"
+                          },
+                          "target": {
+                            "type": "string",
+                            "title": "Target",
+                            "description": "Target that should be linked, makes the button behave like a link semantically",
+                            "format": "uri"
+                          }
+                        },
+                        "additionalProperties": false
+                      }
+                    },
+                    "overlay": {
+                      "title": "Grid layer",
+                      "description": "Enable grid layer",
+                      "type": "boolean",
+                      "default": false
+                    },
+                    "video": {
+                      "title": "Background video",
+                      "description": "Sources of background videos for different screen sizes",
+                      "type": "object",
+                      "required": [
+                        "srcMobile"
+                      ],
+                      "properties": {
+                        "srcMobile": {
+                          "title": "Mobile video source",
+                          "description": "Background video source for small screens",
+                          "type": "string",
+                          "format": "video",
+                          "examples": [
+                            "https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4"
+                          ]
+                        },
+                        "srcTablet": {
+                          "title": "Tablet video source",
+                          "description": "Background video source for medium screens",
+                          "type": "string",
+                          "format": "video",
+                          "examples": [
+                            "https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4"
+                          ]
+                        },
+                        "srcDesktop": {
+                          "title": "Desktop video source",
+                          "description": "Background video source for large screens",
+                          "type": "string",
+                          "format": "video",
+                          "examples": [
+                            "https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4"
+                          ]
+                        }
+                      },
+                      "additionalProperties": false
+                    },
+                    "textPosition": {
+                      "title": "Module aligment",
+                      "description": "Choose the alginment of the module content",
+                      "enum": [
+                        "center",
+                        "left",
+                        "right"
+                      ],
+                      "type": "string",
+                      "default": "bottom"
+                    },
+                    "type": {
+                      "const": "video-curtain"
+                    }
+                  },
+                  "additionalProperties": false
+                },
+                {
+                  "$schema": "http://json-schema.org/draft-07/schema#",
+                  "$id": "http://schema.mydesignsystem.com/image-text.schema.json",
+                  "title": "Image Text",
+                  "description": "Component used to display an image beside or above/below a text block",
+                  "type": "object",
+                  "properties": {
+                    "text": {
+                      "type": "string",
+                      "title": "Text",
+                      "description": "Text content to display beside the image",
+                      "examples": [
+                        "This is a sample text"
+                      ]
+                    },
+                    "highlightText": {
+                      "type": "boolean",
+                      "title": "Highlight Text",
+                      "description": "Visually highlight the text",
+                      "default": false
+                    },
+                    "image": {
+                      "type": "object",
+                      "properties": {
+                        "src": {
+                          "type": "string",
+                          "title": "Image Source",
+                          "description": "URL of the image to display",
+                          "examples": [
+                            "http://example.com/image.jpg"
+                          ]
+                        },
+                        "alt": {
+                          "type": "string",
+                          "title": "Alt Text",
+                          "description": "Alt text of the image",
+                          "examples": [
+                            "http://example.com/image.jpg"
+                          ]
+                        }
+                      },
+                      "additionalProperties": false
+                    },
+                    "layout": {
+                      "type": "string",
+                      "enum": [
+                        "above",
+                        "below",
+                        "beside-right",
+                        "beside-left"
+                      ],
+                      "title": "Layout",
+                      "description": "Position of the image relative to the text",
+                      "examples": [
+                        "above"
+                      ]
+                    },
+                    "type": {
+                      "const": "image-text"
+                    }
+                  },
+                  "required": [
+                    "text",
+                    "image",
+                    "layout"
+                  ],
+                  "additionalProperties": false
+                },
+                {
+                  "$schema": "http://json-schema.org/draft-07/schema#",
+                  "$id": "http://schema.mydesignsystem.com/logos.schema.json",
+                  "title": "Logos",
+                  "description": "Component used to display a set of logos",
+                  "type": "object",
+                  "properties": {
+                    "tagline": {
+                      "type": "string",
+                      "title": "Logo Tagline",
+                      "description": "A short tagline atop the logos",
+                      "examples": [
+                        "Your Success, Our Commitment"
+                      ]
+                    },
+                    "logos": {
+                      "type": "array",
+                      "title": "Logos",
+                      "description": "The logos to display",
+                      "items": {
+                        "type": "object",
+                        "properties": {
+                          "src": {
+                            "type": "string",
+                            "title": "URL",
+                            "description": "The URL of the logo image",
+                            "examples": [
+                              "img/logos/logoipsum-212.svg",
+                              "img/logos/logoipsum-217.svg",
+                              "img/logos/logoipsum-239.svg",
+                              "img/logos/logoipsum-244.svg",
+                              "img/logos/logoipsum-250.svg",
+                              "img/logos/logoipsum-286.svg"
+                            ]
+                          },
+                          "alt": {
+                            "type": "string",
+                            "title": "Caption",
+                            "description": "The alt text of the logo",
+                            "examples": [
+                              "Logo 1"
+                            ]
+                          }
+                        },
+                        "additionalProperties": false,
+                        "required": [
+                          "src"
+                        ]
+                      },
+                      "minItems": 1,
+                      "maxItems": 20
+                    },
+                    "align": {
+                      "type": "string",
+                      "title": "Alignment",
+                      "description": "The alignment of the logo layout",
+                      "enum": [
+                        "left",
+                        "center"
+                      ],
+                      "default": "center"
+                    },
+                    "logosPerRow": {
+                      "type": "integer",
+                      "title": "Logos Per Row",
+                      "description": "The amount of logos to display per row",
+                      "minimum": 2,
+                      "maximum": 8,
+                      "examples": [
+                        5
+                      ]
+                    },
+                    "cta": {
+                      "type": "object",
+                      "title": "Call to Action",
+                      "description": "The call to action",
+                      "properties": {
+                        "toggle": {
+                          "type": "boolean",
+                          "default": false,
+                          "title": "CTA Toggle",
+                          "description": "Activate/disable the CTA"
+                        },
+                        "text": {
+                          "type": "string",
+                          "title": "Call to Action Text",
+                          "description": "A short CTA text",
+                          "examples": [
+                            "Explore the success stories of our valued customers and discover more about their journey."
+                          ]
+                        },
+                        "link": {
+                          "type": "string",
+                          "title": "Call to Action Link",
+                          "description": "The CTA link",
+                          "default": "#",
+                          "format": "uri"
+                        },
+                        "label": {
+                          "type": "string",
+                          "title": "Link Label",
+                          "description": "The text label displayed on the link",
+                          "examples": [
+                            "See all our partners"
+                          ]
+                        },
+                        "style": {
+                          "type": "string",
+                          "enum": [
+                            "button",
+                            "text"
+                          ],
+                          "default": "text"
+                        }
+                      },
+                      "additionalProperties": false,
+                      "required": [
+                        "style",
+                        "link",
+                        "label"
+                      ]
+                    },
+                    "type": {
+                      "const": "logos"
+                    }
+                  },
+                  "additionalProperties": false,
+                  "required": [
+                    "logos"
+                  ]
+                }
+              ]
+            }
+          },
+          "buttons": {
+            "title": "Buttons",
+            "description": "Buttons of the Button Group",
+            "type": "array",
+            "items": {
+              "$schema": "http://json-schema.org/draft-07/schema#",
+              "$id": "http://schema.mydesignsystem.com/button.schema.json",
+              "title": "Button",
+              "description": "Component used for user interaction",
+              "type": "object",
+              "properties": {
+                "label": {
+                  "type": "string",
+                  "title": "Label",
+                  "description": "Text content to display inside the button",
+                  "examples": [
+                    "Book a meeting"
+                  ]
+                },
+                "target": {
+                  "type": "string",
+                  "title": "Target",
+                  "description": "Target that should be linked, makes the button behave like a link semantically",
+                  "format": "uri"
+                },
+                "variant": {
+                  "type": "string",
+                  "title": "Variant",
+                  "description": "Variant of button to be used",
+                  "enum": [
+                    "primary",
+                    "secondary",
+                    "tertiary"
+                  ],
+                  "default": "secondary"
+                },
+                "icon": {
+                  "type": "string",
+                  "title": "Icon",
+                  "description": "Choose an icon"
+                },
+                "size": {
+                  "type": "string",
+                  "title": "Size",
+                  "description": "Size of button to use",
+                  "enum": [
+                    "small",
+                    "medium",
+                    "large"
+                  ],
+                  "default": "medium"
+                },
+                "disabled": {
+                  "type": "boolean",
+                  "title": "Disabled?",
+                  "description": "Whether the button should be disabled",
+                  "default": false
+                },
+                "type": {
+                  "const": "button"
+                }
+              },
+              "additionalProperties": false,
+              "required": [
+                "label"
+              ]
+            }
+          },
+          "type": {
+            "const": "section"
+          }
+        },
+        "additionalProperties": false,
+        "required": []
+      }
+    },
+    "updated": {
+      "type": "string",
+      "title": "Updated",
+      "description": "Last update date for the page",
+      "format": "date-time"
+    },
+    "created": {
+      "type": "string",
+      "title": "Created",
+      "description": "Creation date for the page",
+      "format": "date-time"
+    },
+    "type": {
+      "const": "page"
+    }
+  },
+  "additionalProperties": false
+}