{"id":48,"date":"2022-02-22T11:53:02","date_gmt":"2022-02-22T10:53:02","guid":{"rendered":"https:\/\/www.florencedussuyer.com\/design-system\/"},"modified":"2022-03-11T15:45:52","modified_gmt":"2022-03-11T14:45:52","slug":"design-system","status":"publish","type":"page","link":"https:\/\/www.florencedussuyer.com\/en\/design-system\/","title":{"rendered":"Design system"},"content":{"rendered":"<section class=\"section-group\"><div class=\"container\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns is-layout-flex wp-container-4 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h1 class=\"wp-block-heading\" id=\"titre-de-niveau-1\">Level 1 Title<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"titre-de-niveau-1\">Level 2 title<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"titre-de-niveau-1\">Level 3 Title<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"titre-de-niveau-1\">Level 4 title<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"titre-de-niveau-1\">Level 5 Title<\/h5>\n\n\n\n<h6 class=\"wp-block-heading\" id=\"titre-de-niveau-1\">Level 6 Title<\/h6>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h1 class=\"has-green-color has-text-color wp-block-heading\" id=\"titre-de-niveau-1\">Level 1 Title<\/h1>\n\n\n\n<h2 class=\"has-green-color has-text-color wp-block-heading\" id=\"titre-de-niveau-1\">Level 2 title<\/h2>\n\n\n\n<h3 class=\"has-green-color has-text-color wp-block-heading\" id=\"titre-de-niveau-1\">Level 3 Title<\/h3>\n\n\n\n<h4 class=\"has-green-color has-text-color wp-block-heading\" id=\"titre-de-niveau-1\">Level 4 title<\/h4>\n\n\n\n<h5 class=\"has-green-color has-text-color wp-block-heading\" id=\"titre-de-niveau-1\">Level 5 Title<\/h5>\n\n\n\n<h6 class=\"has-green-color has-text-color wp-block-heading\" id=\"titre-de-niveau-1\">Level 6 Title<\/h6>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h1 class=\"has-yellow-color has-text-color wp-block-heading\" id=\"titre-de-niveau-1\">Level 1 Title<\/h1>\n\n\n\n<h2 class=\"has-yellow-color has-text-color wp-block-heading\" id=\"titre-de-niveau-1\">Level 2 title<\/h2>\n\n\n\n<h3 class=\"has-yellow-color has-text-color wp-block-heading\" id=\"titre-de-niveau-1\">Level 3 Title<\/h3>\n\n\n\n<h4 class=\"has-yellow-color has-text-color wp-block-heading\" id=\"titre-de-niveau-1\">Level 4 title<\/h4>\n\n\n\n<h5 class=\"has-yellow-color has-text-color wp-block-heading\" id=\"titre-de-niveau-1\">Level 5 Title<\/h5>\n\n\n\n<h6 class=\"has-yellow-color has-text-color wp-block-heading\" id=\"titre-de-niveau-1\">Level 6 Title<\/h6>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n<section class=\"section-group\"><div class=\"container\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group__inner-container\">\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac leo eget lacus consectetur ornare ac id nunc. Cras auctor diam at volutpat luctus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Suspendisse nec congue tellus. <\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-8 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul><li>Cras interdum lobortis ligula has molestia.<\/li><li>Aenean non condimentum ante.<\/li><li>Sed imperdiet, odio ut egestas molestie<\/li><li>Tortor augue consequat velit<\/li><\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ol><li>Quis consectetur leo turpis nec diam.<\/li><li>Nam lobortis urna ligula, solicitudin<\/li><li>Efficitur risus bibendum vel.<\/li><li>Morbi had rhoncus ligula.<\/li><\/ol>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-buttons is-vertical is-content-justification-center is-layout-flex wp-container-9 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button aligncenter is-style- is-style-green\"><a class=\"wp-block-button__link btn \">Button sample<\/a><\/div>\n\n\n\n<div class=\"wp-block-button aligncenter is-style- is-style-yellow\"><a class=\"wp-block-button__link btn \">Button sample<\/a><\/div>\n\n\n\n<div class=\"wp-block-button aligncenter is-style- is-style-beige\"><a class=\"wp-block-button__link btn \">Button sample<\/a><\/div>\n\n\n\n<div class=\"wp-block-button aligncenter is-style--1 is-style-red-1 is-style-red\"><a class=\"wp-block-button__link btn \">Button sample<\/a><\/div>\n\n\n\n<div class=\"wp-block-button aligncenter is-style--2 is-style-red-2 is-style-pink\"><a class=\"wp-block-button__link btn \">Button sample<\/a><\/div>\n\n\n\n<div class=\"wp-block-button aligncenter is-style--2 is-style-grey\"><a class=\"wp-block-button__link btn \">Button sample<\/a><\/div>\n\n\n\n<div class=\"wp-block-button aligncenter is-style--2 is-style-black\"><a class=\"wp-block-button__link btn \">Button sample<\/a><\/div>\n\n\n\n<div class=\"wp-block-button aligncenter is-style--2 is-style-white\"><a class=\"wp-block-button__link btn \">Button sample<\/a><\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n<\/div><\/div>\n<\/div><\/section>","protected":false},"excerpt":{"rendered":"<p>Level 1 Title Level 2 title Level 3 Title Level 4 title Level 5 Title Level 6 Title Level 1 Title Level 2 title Level 3 Title Level 4 title Level 5 Title Level 6 Title Level 1 Title Level 2 title Level 3 Title Level 4 title Level 5 Title Level 6 Title Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac leo eget lacus consectetur ornare ac id nunc. Cras auctor diam at volutpat luctus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Suspendisse nec congue tellus. Cras interdum lobortis ligula has molestia. Aenean non condimentum ante. Sed imperdiet, odio ut egestas molestie Tortor augue consequat velit Quis consectetur leo turpis nec diam. Nam lobortis urna ligula, solicitudin Efficitur risus bibendum vel. Morbi had rhoncus ligula.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Design system - Florence Dussuyer<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.florencedussuyer.com\/en\/design-system\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design system - Florence Dussuyer\" \/>\n<meta property=\"og:description\" content=\"Level 1 Title Level 2 title Level 3 Title Level 4 title Level 5 Title Level 6 Title Level 1 Title Level 2 title Level 3 Title Level 4 title Level 5 Title Level 6 Title Level 1 Title Level 2 title Level 3 Title Level 4 title Level 5 Title Level 6 Title Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac leo eget lacus consectetur ornare ac id nunc. Cras auctor diam at volutpat luctus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Suspendisse nec congue tellus. Cras interdum lobortis ligula has molestia. Aenean non condimentum ante. Sed imperdiet, odio ut egestas molestie Tortor augue consequat velit Quis consectetur leo turpis nec diam. Nam lobortis urna ligula, solicitudin Efficitur risus bibendum vel. Morbi had rhoncus ligula.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.florencedussuyer.com\/en\/design-system\/\" \/>\n<meta property=\"og:site_name\" content=\"Florence Dussuyer\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Florence-Dussuyer-102925388282186\/\" \/>\n<meta property=\"article:modified_time\" content=\"2022-03-11T14:45:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.florencedussuyer.com\/wp-content\/uploads\/2022\/04\/florence-dussuyer-open-graph.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.florencedussuyer.com\/en\/design-system\/\",\"url\":\"https:\/\/www.florencedussuyer.com\/en\/design-system\/\",\"name\":\"Design system - Florence Dussuyer\",\"isPartOf\":{\"@id\":\"https:\/\/www.florencedussuyer.com\/en\/#website\"},\"datePublished\":\"2022-02-22T10:53:02+00:00\",\"dateModified\":\"2022-03-11T14:45:52+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.florencedussuyer.com\/en\/design-system\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.florencedussuyer.com\/en\/design-system\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.florencedussuyer.com\/en\/design-system\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.florencedussuyer.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design system\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.florencedussuyer.com\/en\/#website\",\"url\":\"https:\/\/www.florencedussuyer.com\/en\/\",\"name\":\"Florence Dussuyer\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.florencedussuyer.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.florencedussuyer.com\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.florencedussuyer.com\/en\/#organization\",\"name\":\"Florence Dussuyer\",\"url\":\"https:\/\/www.florencedussuyer.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.florencedussuyer.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.florencedussuyer.com\/wp-content\/uploads\/2022\/04\/florence-dussuyer-open-graph.jpg\",\"contentUrl\":\"https:\/\/www.florencedussuyer.com\/wp-content\/uploads\/2022\/04\/florence-dussuyer-open-graph.jpg\",\"width\":1200,\"height\":630,\"caption\":\"Florence Dussuyer\"},\"image\":{\"@id\":\"https:\/\/www.florencedussuyer.com\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Florence-Dussuyer-102925388282186\/\",\"https:\/\/www.instagram.com\/florence_dussuyer\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Design system - Florence Dussuyer","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.florencedussuyer.com\/en\/design-system\/","og_locale":"en_US","og_type":"article","og_title":"Design system - Florence Dussuyer","og_description":"Level 1 Title Level 2 title Level 3 Title Level 4 title Level 5 Title Level 6 Title Level 1 Title Level 2 title Level 3 Title Level 4 title Level 5 Title Level 6 Title Level 1 Title Level 2 title Level 3 Title Level 4 title Level 5 Title Level 6 Title Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac leo eget lacus consectetur ornare ac id nunc. Cras auctor diam at volutpat luctus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Suspendisse nec congue tellus. Cras interdum lobortis ligula has molestia. Aenean non condimentum ante. Sed imperdiet, odio ut egestas molestie Tortor augue consequat velit Quis consectetur leo turpis nec diam. Nam lobortis urna ligula, solicitudin Efficitur risus bibendum vel. Morbi had rhoncus ligula.","og_url":"https:\/\/www.florencedussuyer.com\/en\/design-system\/","og_site_name":"Florence Dussuyer","article_publisher":"https:\/\/www.facebook.com\/Florence-Dussuyer-102925388282186\/","article_modified_time":"2022-03-11T14:45:52+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.florencedussuyer.com\/wp-content\/uploads\/2022\/04\/florence-dussuyer-open-graph.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.florencedussuyer.com\/en\/design-system\/","url":"https:\/\/www.florencedussuyer.com\/en\/design-system\/","name":"Design system - Florence Dussuyer","isPartOf":{"@id":"https:\/\/www.florencedussuyer.com\/en\/#website"},"datePublished":"2022-02-22T10:53:02+00:00","dateModified":"2022-03-11T14:45:52+00:00","breadcrumb":{"@id":"https:\/\/www.florencedussuyer.com\/en\/design-system\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.florencedussuyer.com\/en\/design-system\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.florencedussuyer.com\/en\/design-system\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.florencedussuyer.com\/en\/"},{"@type":"ListItem","position":2,"name":"Design system"}]},{"@type":"WebSite","@id":"https:\/\/www.florencedussuyer.com\/en\/#website","url":"https:\/\/www.florencedussuyer.com\/en\/","name":"Florence Dussuyer","description":"","publisher":{"@id":"https:\/\/www.florencedussuyer.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.florencedussuyer.com\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.florencedussuyer.com\/en\/#organization","name":"Florence Dussuyer","url":"https:\/\/www.florencedussuyer.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.florencedussuyer.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.florencedussuyer.com\/wp-content\/uploads\/2022\/04\/florence-dussuyer-open-graph.jpg","contentUrl":"https:\/\/www.florencedussuyer.com\/wp-content\/uploads\/2022\/04\/florence-dussuyer-open-graph.jpg","width":1200,"height":630,"caption":"Florence Dussuyer"},"image":{"@id":"https:\/\/www.florencedussuyer.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Florence-Dussuyer-102925388282186\/","https:\/\/www.instagram.com\/florence_dussuyer\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.florencedussuyer.com\/en\/wp-json\/wp\/v2\/pages\/48"}],"collection":[{"href":"https:\/\/www.florencedussuyer.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.florencedussuyer.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.florencedussuyer.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.florencedussuyer.com\/en\/wp-json\/wp\/v2\/comments?post=48"}],"version-history":[{"count":0,"href":"https:\/\/www.florencedussuyer.com\/en\/wp-json\/wp\/v2\/pages\/48\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.florencedussuyer.com\/en\/wp-json\/wp\/v2\/media?parent=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}