{"id":16593,"date":"2023-05-26T15:52:04","date_gmt":"2023-05-26T13:52:04","guid":{"rendered":"https:\/\/design-guidelines.burckhardt.swiss\/kit-de-linterface-graphique\/"},"modified":"2023-07-20T11:52:33","modified_gmt":"2023-07-20T09:52:33","slug":"kit-de-linterface-graphique","status":"publish","type":"post","link":"https:\/\/design-guidelines.burckhardt.swiss\/fr\/elements-de-base\/kit-de-linterface-graphique\/","title":{"rendered":"Kit de l\u2019interface graphique"},"content":{"rendered":"\n<figure class=\"wp-block-image alignfull size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2200\" height=\"833\" src=\"https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/230718_BUR_Grafiken_Uebersetzung_FR_03.jpg\" alt=\"\" class=\"wp-image-16929\" srcset=\"https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/230718_BUR_Grafiken_Uebersetzung_FR_03.jpg 2200w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/230718_BUR_Grafiken_Uebersetzung_FR_03-300x114.jpg 300w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/230718_BUR_Grafiken_Uebersetzung_FR_03-1024x388.jpg 1024w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/230718_BUR_Grafiken_Uebersetzung_FR_03-600x227.jpg 600w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/230718_BUR_Grafiken_Uebersetzung_FR_03-500x189.jpg 500w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/230718_BUR_Grafiken_Uebersetzung_FR_03-1000x379.jpg 1000w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/230718_BUR_Grafiken_Uebersetzung_FR_03-700x265.jpg 700w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/230718_BUR_Grafiken_Uebersetzung_FR_03-1400x530.jpg 1400w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/230718_BUR_Grafiken_Uebersetzung_FR_03-2000x757.jpg 2000w\" sizes=\"auto, (max-width: 2200px) 100vw, 2200px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h1 class=\"wp-block-heading is-style-separator has-huge-font-size\">Kit de l\u2019interface graphique<\/h1>\n\n\n\n<p>Le design du site internet repose sur des \u00e9l\u00e9ments de l\u2019interface utilisateur maison. Il a \u00e9t\u00e9 r\u00e9alis\u00e9 avec des modules UI pertinents qui servent de base \u00e0 la cr\u00e9ation d\u2019interfaces graphiques.  <\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1834\" height=\"1954\" src=\"https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/GUI-Kit-FR.jpg\" alt=\"\" class=\"wp-image-16955\" srcset=\"https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/GUI-Kit-FR.jpg 1834w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/GUI-Kit-FR-282x300.jpg 282w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/GUI-Kit-FR-961x1024.jpg 961w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/GUI-Kit-FR-600x639.jpg 600w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/GUI-Kit-FR-500x533.jpg 500w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/GUI-Kit-FR-1000x1065.jpg 1000w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/GUI-Kit-FR-700x746.jpg 700w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/GUI-Kit-FR-1400x1492.jpg 1400w\" sizes=\"auto, (max-width: 1834px) 100vw, 1834px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-big-font-size\">Exemple site web<\/h2>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"3195\" height=\"2005\" src=\"https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/230718_BUR_Grafiken_Uebersetzung_FR_01.jpg\" alt=\"\" class=\"wp-image-16933\" srcset=\"https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/230718_BUR_Grafiken_Uebersetzung_FR_01.jpg 3195w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/230718_BUR_Grafiken_Uebersetzung_FR_01-300x188.jpg 300w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/230718_BUR_Grafiken_Uebersetzung_FR_01-1024x643.jpg 1024w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/230718_BUR_Grafiken_Uebersetzung_FR_01-600x377.jpg 600w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/230718_BUR_Grafiken_Uebersetzung_FR_01-500x314.jpg 500w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/230718_BUR_Grafiken_Uebersetzung_FR_01-1000x628.jpg 1000w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/230718_BUR_Grafiken_Uebersetzung_FR_01-700x439.jpg 700w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/230718_BUR_Grafiken_Uebersetzung_FR_01-1400x879.jpg 1400w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/230718_BUR_Grafiken_Uebersetzung_FR_01-2000x1255.jpg 2000w\" sizes=\"auto, (max-width: 3195px) 100vw, 3195px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-center\">Autres th\u00e8mes<\/h2>\n\n\n<div\n  id=\"block_fcc13d5ca07fc0a0c06fed652912ce79\"\n  data-block_fcc13d5ca07fc0a0c06fed652912ce79\n  class=\"c-block-more-posts__wrapper\"\n>\n      <div class=\"c-block-more-posts c-block-more-posts--desktop\">\n              <div class=\"c-block-more-posts__item\">\n          <h3 class=\"c-block-more-posts__title\">\n            Couleurs\n          <\/h3>\n          <a href=\"https:\/\/design-guidelines.burckhardt.swiss\/fr\/elements-de-base\/couleurs\/\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"380\" height=\"280\" src=\"https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/Thumbnail_Farben.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/Thumbnail_Farben.jpg 380w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/Thumbnail_Farben-300x221.jpg 300w\" sizes=\"auto, (max-width: 380px) 100vw, 380px\" \/>\n          <\/a>\n        <\/div>\n              <div class=\"c-block-more-posts__item\">\n          <h3 class=\"c-block-more-posts__title\">\n            Ligne\n          <\/h3>\n          <a href=\"https:\/\/design-guidelines.burckhardt.swiss\/fr\/elements-de-base\/ligne\/\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"855\" height=\"630\" src=\"https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/06\/Header-linie-2000x630_FR_thumb.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/06\/Header-linie-2000x630_FR_thumb.jpg 855w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/06\/Header-linie-2000x630_FR_thumb-300x221.jpg 300w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/06\/Header-linie-2000x630_FR_thumb-600x442.jpg 600w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/06\/Header-linie-2000x630_FR_thumb-500x368.jpg 500w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/06\/Header-linie-2000x630_FR_thumb-700x516.jpg 700w\" sizes=\"auto, (max-width: 855px) 100vw, 855px\" \/>\n          <\/a>\n        <\/div>\n              <div class=\"c-block-more-posts__item\">\n          <h3 class=\"c-block-more-posts__title\">\n            Ic\u00f4nes\n          <\/h3>\n          <a href=\"https:\/\/design-guidelines.burckhardt.swiss\/fr\/elements-de-base\/icones\/\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"380\" height=\"280\" src=\"https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/tom-claes-qXpmFqxFzqg-unsplash-2-1-2.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/tom-claes-qXpmFqxFzqg-unsplash-2-1-2.png 380w, https:\/\/design-guidelines.burckhardt.swiss\/app\/uploads\/2023\/05\/tom-claes-qXpmFqxFzqg-unsplash-2-1-2-300x221.png 300w\" sizes=\"auto, (max-width: 380px) 100vw, 380px\" \/>\n          <\/a>\n        <\/div>\n          <\/div>\n\n    <div class=\"c-block-more-posts c-block-more-posts--mobile\">\n      <slider :records=\"[{&quot;ID&quot;:16575,&quot;post_author&quot;:&quot;10&quot;,&quot;post_date&quot;:&quot;2023-05-26 13:09:13&quot;,&quot;post_date_gmt&quot;:&quot;2023-05-26 11:09:13&quot;,&quot;post_content&quot;:&quot;&lt;!-- wp:image {\\&quot;align\\&quot;:\\&quot;full\\&quot;,\\&quot;id\\&quot;:16359,\\&quot;sizeSlug\\&quot;:\\&quot;large\\&quot;,\\&quot;linkDestination\\&quot;:\\&quot;none\\&quot;} --&gt;\\n&lt;figure class=\\&quot;wp-block-image alignfull size-large\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/design-guidelines.burckhardt.swiss\\\/app\\\/uploads\\\/2023\\\/05\\\/Header_Farben-e1689944529639-1024x320.jpg\\&quot; alt=\\&quot;\\&quot; class=\\&quot;wp-image-16359\\&quot;\\\/&gt;&lt;\\\/figure&gt;\\n&lt;!-- \\\/wp:image --&gt;\\n\\n&lt;!-- wp:group {\\&quot;layout\\&quot;:{\\&quot;type\\&quot;:\\&quot;constrained\\&quot;}} --&gt;\\n&lt;div class=\\&quot;wp-block-group\\&quot;&gt;&lt;!-- wp:columns --&gt;\\n&lt;div class=\\&quot;wp-block-columns\\&quot;&gt;&lt;!-- wp:column {\\&quot;width\\&quot;:\\&quot;66.66%\\&quot;} --&gt;\\n&lt;div class=\\&quot;wp-block-column\\&quot; style=\\&quot;flex-basis:66.66%\\&quot;&gt;&lt;!-- wp:heading {\\&quot;level\\&quot;:1,\\&quot;className\\&quot;:\\&quot;is-style-separator\\&quot;,\\&quot;fontSize\\&quot;:\\&quot;huge\\&quot;} --&gt;\\n&lt;h1 class=\\&quot;wp-block-heading is-style-separator has-huge-font-size\\&quot;&gt;Couleurs&lt;\\\/h1&gt;\\n&lt;!-- \\\/wp:heading --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:column --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:columns --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:group --&gt;\\n\\n&lt;!-- wp:group {\\&quot;layout\\&quot;:{\\&quot;type\\&quot;:\\&quot;constrained\\&quot;}} --&gt;\\n&lt;div class=\\&quot;wp-block-group\\&quot;&gt;&lt;!-- wp:columns --&gt;\\n&lt;div class=\\&quot;wp-block-columns\\&quot;&gt;&lt;!-- wp:column {\\&quot;width\\&quot;:\\&quot;33.33%\\&quot;} --&gt;\\n&lt;div class=\\&quot;wp-block-column\\&quot; style=\\&quot;flex-basis:33.33%\\&quot;&gt;&lt;!-- wp:heading {\\&quot;level\\&quot;:3,\\&quot;fontSize\\&quot;:\\&quot;base\\&quot;} --&gt;\\n&lt;h3 class=\\&quot;wp-block-heading has-base-font-size\\&quot;&gt;Couleurs primaires&lt;\\\/h3&gt;\\n&lt;!-- \\\/wp:heading --&gt;\\n\\n&lt;!-- wp:paragraph --&gt;\\n&lt;p&gt;Le noir et le blanc sont les couleurs primaires de Burckhardt et dominent&lt;br&gt;sa pr\\u00e9sentation.&lt;\\\/p&gt;\\n&lt;!-- \\\/wp:paragraph --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:column --&gt;\\n\\n&lt;!-- wp:column {\\&quot;width\\&quot;:\\&quot;66.66%\\&quot;} --&gt;\\n&lt;div class=\\&quot;wp-block-column\\&quot; style=\\&quot;flex-basis:66.66%\\&quot;&gt;&lt;!-- wp:group {\\&quot;layout\\&quot;:{\\&quot;type\\&quot;:\\&quot;flex\\&quot;,\\&quot;flexWrap\\&quot;:\\&quot;wrap\\&quot;}} --&gt;\\n&lt;div class=\\&quot;wp-block-group\\&quot;&gt;&lt;!-- wp:image {\\&quot;id\\&quot;:15955,\\&quot;width\\&quot;:338,\\&quot;height\\&quot;:374,\\&quot;sizeSlug\\&quot;:\\&quot;full\\&quot;,\\&quot;linkDestination\\&quot;:\\&quot;none\\&quot;} --&gt;\\n&lt;figure class=\\&quot;wp-block-image size-full is-resized\\&quot;&gt;&lt;img src=\\&quot;http:\\\/\\\/design-guidelines.burckhardt.swiss\\\/app\\\/uploads\\\/2023\\\/05\\\/Primaerfarbe-Schwarz.jpg\\&quot; alt=\\&quot;\\&quot; class=\\&quot;wp-image-15955\\&quot; width=\\&quot;338\\&quot; height=\\&quot;374\\&quot;\\\/&gt;&lt;\\\/figure&gt;\\n&lt;!-- \\\/wp:image --&gt;\\n\\n&lt;!-- wp:image {\\&quot;id\\&quot;:15958,\\&quot;width\\&quot;:338,\\&quot;height\\&quot;:374,\\&quot;sizeSlug\\&quot;:\\&quot;full\\&quot;,\\&quot;linkDestination\\&quot;:\\&quot;none\\&quot;} --&gt;\\n&lt;figure class=\\&quot;wp-block-image size-full is-resized\\&quot;&gt;&lt;img src=\\&quot;http:\\\/\\\/design-guidelines.burckhardt.swiss\\\/app\\\/uploads\\\/2023\\\/05\\\/Primaer_Weiss.jpg\\&quot; alt=\\&quot;\\&quot; class=\\&quot;wp-image-15958\\&quot; width=\\&quot;338\\&quot; height=\\&quot;374\\&quot;\\\/&gt;&lt;\\\/figure&gt;\\n&lt;!-- \\\/wp:image --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:group --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:column --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:columns --&gt;\\n\\n&lt;!-- wp:columns --&gt;\\n&lt;div class=\\&quot;wp-block-columns\\&quot;&gt;&lt;!-- wp:column {\\&quot;width\\&quot;:\\&quot;33.33%\\&quot;} --&gt;\\n&lt;div class=\\&quot;wp-block-column\\&quot; style=\\&quot;flex-basis:33.33%\\&quot;&gt;&lt;!-- wp:heading {\\&quot;level\\&quot;:3,\\&quot;fontSize\\&quot;:\\&quot;base\\&quot;} --&gt;\\n&lt;h3 class=\\&quot;wp-block-heading has-base-font-size\\&quot;&gt;Couleurs secondaires&lt;\\\/h3&gt;\\n&lt;!-- \\\/wp:heading --&gt;\\n\\n&lt;!-- wp:paragraph --&gt;\\n&lt;p&gt;Elles sont compl\\u00e9t\\u00e9es&lt;br&gt;par la couleur secondaire blanc cass\\u00e9&lt;br&gt;et la couleur de mise en exergue rouge.&lt;\\\/p&gt;\\n&lt;!-- \\\/wp:paragraph --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:column --&gt;\\n\\n&lt;!-- wp:column {\\&quot;width\\&quot;:\\&quot;66.66%\\&quot;} --&gt;\\n&lt;div class=\\&quot;wp-block-column\\&quot; style=\\&quot;flex-basis:66.66%\\&quot;&gt;&lt;!-- wp:columns --&gt;\\n&lt;div class=\\&quot;wp-block-columns\\&quot;&gt;&lt;!-- wp:column {\\&quot;width\\&quot;:\\&quot;100%\\&quot;} --&gt;\\n&lt;div class=\\&quot;wp-block-column\\&quot; style=\\&quot;flex-basis:100%\\&quot;&gt;&lt;!-- wp:group {\\&quot;layout\\&quot;:{\\&quot;type\\&quot;:\\&quot;flex\\&quot;,\\&quot;flexWrap\\&quot;:\\&quot;wrap\\&quot;}} --&gt;\\n&lt;div class=\\&quot;wp-block-group\\&quot;&gt;&lt;!-- wp:image {\\&quot;id\\&quot;:15967,\\&quot;width\\&quot;:268,\\&quot;height\\&quot;:374,\\&quot;sizeSlug\\&quot;:\\&quot;full\\&quot;,\\&quot;linkDestination\\&quot;:\\&quot;none\\&quot;} --&gt;\\n&lt;figure class=\\&quot;wp-block-image size-full is-resized\\&quot;&gt;&lt;img src=\\&quot;http:\\\/\\\/design-guidelines.burckhardt.swiss\\\/app\\\/uploads\\\/2023\\\/05\\\/Sekundaerfarbe-1.jpg\\&quot; alt=\\&quot;\\&quot; class=\\&quot;wp-image-15967\\&quot; width=\\&quot;268\\&quot; height=\\&quot;374\\&quot;\\\/&gt;&lt;figcaption class=\\&quot;wp-element-caption\\&quot;&gt;Couleurs secondaires&lt;\\\/figcaption&gt;&lt;\\\/figure&gt;\\n&lt;!-- \\\/wp:image --&gt;\\n\\n&lt;!-- wp:image {\\&quot;id\\&quot;:16046,\\&quot;width\\&quot;:268,\\&quot;height\\&quot;:374,\\&quot;sizeSlug\\&quot;:\\&quot;full\\&quot;,\\&quot;linkDestination\\&quot;:\\&quot;none\\&quot;} --&gt;\\n&lt;figure class=\\&quot;wp-block-image size-full is-resized\\&quot;&gt;&lt;img src=\\&quot;http:\\\/\\\/design-guidelines.burckhardt.swiss\\\/app\\\/uploads\\\/2023\\\/05\\\/Akzentfarbe-1.jpg\\&quot; alt=\\&quot;\\&quot; class=\\&quot;wp-image-16046\\&quot; width=\\&quot;268\\&quot; height=\\&quot;374\\&quot;\\\/&gt;&lt;figcaption class=\\&quot;wp-element-caption\\&quot;&gt;Couleur de mise en exergue&lt;\\\/figcaption&gt;&lt;\\\/figure&gt;\\n&lt;!-- \\\/wp:image --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:group --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:column --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:columns --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:column --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:columns --&gt;\\n\\n&lt;!-- wp:columns --&gt;\\n&lt;div class=\\&quot;wp-block-columns\\&quot;&gt;&lt;!-- wp:column {\\&quot;width\\&quot;:\\&quot;33.33%\\&quot;} --&gt;\\n&lt;div class=\\&quot;wp-block-column\\&quot; style=\\&quot;flex-basis:33.33%\\&quot;&gt;&lt;!-- wp:heading {\\&quot;level\\&quot;:3,\\&quot;fontSize\\&quot;:\\&quot;base\\&quot;} --&gt;\\n&lt;h3 class=\\&quot;wp-block-heading has-base-font-size\\&quot;&gt;D\\u00e9grad\\u00e9s pour les infographies&lt;\\\/h3&gt;\\n&lt;!-- \\\/wp:heading --&gt;\\n\\n&lt;!-- wp:paragraph --&gt;\\n&lt;p&gt;Dans les infographies, on peut aussi utiliser les d\\u00e9grad\\u00e9s d\\u00e9finis de la couleur blanc cass\\u00e9.&lt;\\\/p&gt;\\n&lt;!-- \\\/wp:paragraph --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:column --&gt;\\n\\n&lt;!-- wp:column {\\&quot;width\\&quot;:\\&quot;66.66%\\&quot;} --&gt;\\n&lt;div class=\\&quot;wp-block-column\\&quot; style=\\&quot;flex-basis:66.66%\\&quot;&gt;&lt;!-- wp:image {\\&quot;id\\&quot;:17544,\\&quot;width\\&quot;:268,\\&quot;height\\&quot;:369,\\&quot;sizeSlug\\&quot;:\\&quot;full\\&quot;,\\&quot;linkDestination\\&quot;:\\&quot;none\\&quot;} --&gt;\\n&lt;figure class=\\&quot;wp-block-image size-full is-resized\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/design-guidelines.burckhardt.swiss\\\/app\\\/uploads\\\/2023\\\/05\\\/BUR-Second-colors.jpg\\&quot; alt=\\&quot;\\&quot; class=\\&quot;wp-image-17544\\&quot; width=\\&quot;268\\&quot; height=\\&quot;369\\&quot;\\\/&gt;&lt;figcaption class=\\&quot;wp-element-caption\\&quot;&gt;D\\u00e9grad\\u00e9s pour les infographies&lt;\\\/figcaption&gt;&lt;\\\/figure&gt;\\n&lt;!-- \\\/wp:image --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:column --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:columns --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:group --&gt;\\n\\n&lt;!-- wp:group {\\&quot;layout\\&quot;:{\\&quot;type\\&quot;:\\&quot;constrained\\&quot;}} --&gt;\\n&lt;div class=\\&quot;wp-block-group\\&quot;&gt;&lt;!-- wp:heading {\\&quot;fontSize\\&quot;:\\&quot;big\\&quot;} --&gt;\\n&lt;h2 class=\\&quot;wp-block-heading has-big-font-size\\&quot;&gt;Utilisation&lt;\\\/h2&gt;\\n&lt;!-- \\\/wp:heading --&gt;\\n\\n&lt;!-- wp:columns --&gt;\\n&lt;div class=\\&quot;wp-block-columns\\&quot;&gt;&lt;!-- wp:column {\\&quot;width\\&quot;:\\&quot;33.33%\\&quot;} --&gt;\\n&lt;div class=\\&quot;wp-block-column\\&quot; style=\\&quot;flex-basis:33.33%\\&quot;&gt;&lt;!-- wp:heading {\\&quot;level\\&quot;:3,\\&quot;fontSize\\&quot;:\\&quot;base\\&quot;} --&gt;\\n&lt;h3 class=\\&quot;wp-block-heading has-base-font-size\\&quot;&gt;Fonds&lt;\\\/h3&gt;\\n&lt;!-- \\\/wp:heading --&gt;\\n\\n&lt;!-- wp:paragraph --&gt;\\n&lt;p&gt;Les couleurs Burckhardt blanc et blanc cass\\u00e9 peuvent \\u00eatre utilis\\u00e9es pour les fonds. Il arrive plus rarement que l\\u2019on emploie le noir afin d\\u2019attirer sp\\u00e9cialement l\\u2019attention. &lt;\\\/p&gt;\\n&lt;!-- \\\/wp:paragraph --&gt;\\n\\n&lt;!-- wp:heading {\\&quot;level\\&quot;:3,\\&quot;fontSize\\&quot;:\\&quot;base\\&quot;} --&gt;\\n&lt;h3 class=\\&quot;wp-block-heading has-base-font-size\\&quot;&gt;Couleur du texte&lt;\\\/h3&gt;\\n&lt;!-- \\\/wp:heading --&gt;\\n\\n&lt;!-- wp:paragraph --&gt;\\n&lt;p&gt;On utilise le noir comme couleur de texte sur les fonds clairs et le blanc sur les fonds sombres et noirs. Le rouge peut servir \\u00e0 mettre en \\u00e9vidence des \\u00e9l\\u00e9ments de texte courts tels que des rubriques et des liens. &lt;\\\/p&gt;\\n&lt;!-- \\\/wp:paragraph --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:column --&gt;\\n\\n&lt;!-- wp:column {\\&quot;width\\&quot;:\\&quot;66.66%\\&quot;} --&gt;\\n&lt;div class=\\&quot;wp-block-column\\&quot; style=\\&quot;flex-basis:66.66%\\&quot;&gt;&lt;!-- wp:group {\\&quot;layout\\&quot;:{\\&quot;type\\&quot;:\\&quot;flex\\&quot;,\\&quot;flexWrap\\&quot;:\\&quot;nowrap\\&quot;}} --&gt;\\n&lt;div class=\\&quot;wp-block-group\\&quot;&gt;&lt;!-- wp:image {\\&quot;id\\&quot;:16964,\\&quot;width\\&quot;:186,\\&quot;height\\&quot;:379,\\&quot;sizeSlug\\&quot;:\\&quot;full\\&quot;,\\&quot;linkDestination\\&quot;:\\&quot;none\\&quot;} --&gt;\\n&lt;figure class=\\&quot;wp-block-image size-full is-resized\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/design-guidelines.burckhardt.swiss\\\/app\\\/uploads\\\/2023\\\/05\\\/Farben_EN_01.jpg\\&quot; alt=\\&quot;\\&quot; class=\\&quot;wp-image-16964\\&quot; width=\\&quot;186\\&quot; height=\\&quot;379\\&quot;\\\/&gt;&lt;figcaption class=\\&quot;wp-element-caption\\&quot;&gt;Fond blanc avec texte en noir (exemple site web)&lt;\\\/figcaption&gt;&lt;\\\/figure&gt;\\n&lt;!-- \\\/wp:image --&gt;\\n\\n&lt;!-- wp:image {\\&quot;id\\&quot;:16971,\\&quot;width\\&quot;:186,\\&quot;height\\&quot;:379,\\&quot;sizeSlug\\&quot;:\\&quot;full\\&quot;,\\&quot;linkDestination\\&quot;:\\&quot;none\\&quot;} --&gt;\\n&lt;figure class=\\&quot;wp-block-image size-full is-resized\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/design-guidelines.burckhardt.swiss\\\/app\\\/uploads\\\/2023\\\/05\\\/Farben_FR_02.jpg\\&quot; alt=\\&quot;\\&quot; class=\\&quot;wp-image-16971\\&quot; width=\\&quot;186\\&quot; height=\\&quot;379\\&quot;\\\/&gt;&lt;figcaption class=\\&quot;wp-element-caption\\&quot;&gt;Fond blanc cass\\u00e9 avec texte en noir (exemple site web)&lt;\\\/figcaption&gt;&lt;\\\/figure&gt;\\n&lt;!-- \\\/wp:image --&gt;\\n\\n&lt;!-- wp:image {\\&quot;id\\&quot;:16788,\\&quot;width\\&quot;:243,\\&quot;height\\&quot;:345,\\&quot;sizeSlug\\&quot;:\\&quot;full\\&quot;,\\&quot;linkDestination\\&quot;:\\&quot;none\\&quot;} --&gt;\\n&lt;figure class=\\&quot;wp-block-image size-full is-resized\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/design-guidelines.burckhardt.swiss\\\/app\\\/uploads\\\/2023\\\/05\\\/230711_BUR_CD_Guidelines_fr.jpg\\&quot; alt=\\&quot;\\&quot; class=\\&quot;wp-image-16788\\&quot; width=\\&quot;243\\&quot; height=\\&quot;345\\&quot;\\\/&gt;&lt;figcaption class=\\&quot;wp-element-caption\\&quot;&gt;Fond noir avec texte en blanc (exemple carnet de notes)&lt;br&gt;&lt;\\\/figcaption&gt;&lt;\\\/figure&gt;\\n&lt;!-- \\\/wp:image --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:group --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:column --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:columns --&gt;\\n\\n&lt;!-- wp:columns --&gt;\\n&lt;div class=\\&quot;wp-block-columns\\&quot;&gt;&lt;!-- wp:column {\\&quot;width\\&quot;:\\&quot;33.33%\\&quot;} --&gt;\\n&lt;div class=\\&quot;wp-block-column\\&quot; style=\\&quot;flex-basis:33.33%\\&quot;&gt;&lt;!-- wp:heading {\\&quot;level\\&quot;:3,\\&quot;fontSize\\&quot;:\\&quot;base\\&quot;} --&gt;\\n&lt;h3 class=\\&quot;wp-block-heading has-base-font-size\\&quot;&gt;Mise en \\u00e9vidence par un soulignement rouge&lt;\\\/h3&gt;\\n&lt;!-- \\\/wp:heading --&gt;\\n\\n&lt;!-- wp:paragraph --&gt;\\n&lt;p&gt;Pour faire ressortir certains termes&lt;br&gt;dans les titres ou les citations,&lt;br&gt;on peut les souligner en rouge&lt;br&gt;(plus d\\u2019informations sous &lt;a href=\\&quot;http:\\\/\\\/design-guidelines.burckhardt.swiss\\\/elemente\\\/linie\\\/\\&quot; data-type=\\&quot;post\\&quot; data-id=\\&quot;16184\\&quot;&gt;ligne&lt;\\\/a&gt;). &lt;\\\/p&gt;\\n&lt;!-- \\\/wp:paragraph --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:column --&gt;\\n\\n&lt;!-- wp:column {\\&quot;width\\&quot;:\\&quot;66.66%\\&quot;} --&gt;\\n&lt;div class=\\&quot;wp-block-column\\&quot; style=\\&quot;flex-basis:66.66%\\&quot;&gt;&lt;!-- wp:group {\\&quot;layout\\&quot;:{\\&quot;type\\&quot;:\\&quot;flex\\&quot;,\\&quot;flexWrap\\&quot;:\\&quot;nowrap\\&quot;}} --&gt;\\n&lt;div class=\\&quot;wp-block-group\\&quot;&gt;&lt;!-- wp:image {\\&quot;id\\&quot;:16974,\\&quot;width\\&quot;:183,\\&quot;height\\&quot;:379,\\&quot;sizeSlug\\&quot;:\\&quot;full\\&quot;,\\&quot;linkDestination\\&quot;:\\&quot;none\\&quot;} --&gt;\\n&lt;figure class=\\&quot;wp-block-image size-full is-resized\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/design-guidelines.burckhardt.swiss\\\/app\\\/uploads\\\/2023\\\/05\\\/Farben_FR_04.jpg\\&quot; alt=\\&quot;\\&quot; class=\\&quot;wp-image-16974\\&quot; width=\\&quot;183\\&quot; height=\\&quot;379\\&quot;\\\/&gt;&lt;figcaption class=\\&quot;wp-element-caption\\&quot;&gt;Mise en \\u00e9vidence par un soulignement rouge&lt;br&gt;(exemple site web)&lt;\\\/figcaption&gt;&lt;\\\/figure&gt;\\n&lt;!-- \\\/wp:image --&gt;\\n\\n&lt;!-- wp:image {\\&quot;id\\&quot;:16977,\\&quot;sizeSlug\\&quot;:\\&quot;full\\&quot;,\\&quot;linkDestination\\&quot;:\\&quot;none\\&quot;} --&gt;\\n&lt;figure class=\\&quot;wp-block-image size-full\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/design-guidelines.burckhardt.swiss\\\/app\\\/uploads\\\/2023\\\/05\\\/Farben_FR_05.jpg\\&quot; alt=\\&quot;\\&quot; class=\\&quot;wp-image-16977\\&quot;\\\/&gt;&lt;figcaption class=\\&quot;wp-element-caption\\&quot;&gt;Mise en \\u00e9vidence par la couleur rouge du texte (exemple ligne de cat\\u00e9gorie sur le site web)&lt;\\\/figcaption&gt;&lt;\\\/figure&gt;\\n&lt;!-- \\\/wp:image --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:group --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:column --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:columns --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:group --&gt;\\n\\n&lt;!-- wp:group {\\&quot;layout\\&quot;:{\\&quot;type\\&quot;:\\&quot;constrained\\&quot;}} --&gt;\\n&lt;div class=\\&quot;wp-block-group\\&quot;&gt;&lt;!-- wp:heading {\\&quot;textAlign\\&quot;:\\&quot;center\\&quot;} --&gt;\\n&lt;h2 class=\\&quot;wp-block-heading has-text-align-center\\&quot;&gt;Autres th\\u00e8mes&lt;\\\/h2&gt;\\n&lt;!-- \\\/wp:heading --&gt;\\n\\n&lt;!-- wp:acf\\\/more-posts {\\&quot;name\\&quot;:\\&quot;acf\\\/more-posts\\&quot;,\\&quot;data\\&quot;:{\\&quot;more_posts\\&quot;:[\\&quot;15556\\&quot;,\\&quot;15540\\&quot;],\\&quot;_more_posts\\&quot;:\\&quot;field_647707809fcb4\\&quot;},\\&quot;align\\&quot;:\\&quot;\\&quot;,\\&quot;mode\\&quot;:\\&quot;preview\\&quot;} \\\/--&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:group --&gt;&quot;,&quot;post_title&quot;:&quot;Couleurs&quot;,&quot;post_excerpt&quot;:&quot;&quot;,&quot;post_status&quot;:&quot;publish&quot;,&quot;comment_status&quot;:&quot;closed&quot;,&quot;ping_status&quot;:&quot;closed&quot;,&quot;post_password&quot;:&quot;&quot;,&quot;post_name&quot;:&quot;couleurs&quot;,&quot;to_ping&quot;:&quot;&quot;,&quot;pinged&quot;:&quot;&quot;,&quot;post_modified&quot;:&quot;2023-07-21 15:02:41&quot;,&quot;post_modified_gmt&quot;:&quot;2023-07-21 13:02:41&quot;,&quot;post_content_filtered&quot;:&quot;&quot;,&quot;post_parent&quot;:0,&quot;guid&quot;:&quot;https:\\\/\\\/design-guidelines.burckhardt.swiss\\\/couleurs\\\/&quot;,&quot;menu_order&quot;:4,&quot;post_type&quot;:&quot;post&quot;,&quot;post_mime_type&quot;:&quot;&quot;,&quot;comment_count&quot;:&quot;0&quot;,&quot;filter&quot;:&quot;raw&quot;,&quot;post_link&quot;:&quot;https:\\\/\\\/design-guidelines.burckhardt.swiss\\\/fr\\\/elements-de-base\\\/couleurs\\\/&quot;,&quot;post_thumbnail&quot;:&quot;https:\\\/\\\/design-guidelines.burckhardt.swiss\\\/app\\\/uploads\\\/2023\\\/05\\\/Thumbnail_Farben.jpg&quot;},{&quot;ID&quot;:16579,&quot;post_author&quot;:&quot;2&quot;,&quot;post_date&quot;:&quot;2023-06-15 10:35:14&quot;,&quot;post_date_gmt&quot;:&quot;2023-06-15 08:35:14&quot;,&quot;post_content&quot;:&quot;&lt;!-- wp:image {\\&quot;align\\&quot;:\\&quot;full\\&quot;,\\&quot;id\\&quot;:16826,\\&quot;sizeSlug\\&quot;:\\&quot;full\\&quot;,\\&quot;linkDestination\\&quot;:\\&quot;none\\&quot;} --&gt;\\n&lt;figure class=\\&quot;wp-block-image alignfull size-full\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/design-guidelines.burckhardt.swiss\\\/app\\\/uploads\\\/2023\\\/06\\\/Header-linie-2000x630_FR-min.jpg\\&quot; alt=\\&quot;\\&quot; class=\\&quot;wp-image-16826\\&quot;\\\/&gt;&lt;\\\/figure&gt;\\n&lt;!-- \\\/wp:image --&gt;\\n\\n&lt;!-- wp:group {\\&quot;layout\\&quot;:{\\&quot;type\\&quot;:\\&quot;constrained\\&quot;}} --&gt;\\n&lt;div class=\\&quot;wp-block-group\\&quot;&gt;&lt;!-- wp:columns --&gt;\\n&lt;div class=\\&quot;wp-block-columns\\&quot;&gt;&lt;!-- wp:column {\\&quot;width\\&quot;:\\&quot;66.66%\\&quot;} --&gt;\\n&lt;div class=\\&quot;wp-block-column\\&quot; style=\\&quot;flex-basis:66.66%\\&quot;&gt;&lt;!-- wp:heading {\\&quot;level\\&quot;:1,\\&quot;className\\&quot;:\\&quot;is-style-separator\\&quot;,\\&quot;fontSize\\&quot;:\\&quot;huge\\&quot;} --&gt;\\n&lt;h1 class=\\&quot;wp-block-heading is-style-separator has-huge-font-size\\&quot;&gt;Ligne&lt;\\\/h1&gt;\\n&lt;!-- \\\/wp:heading --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:column --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:columns --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:group --&gt;\\n\\n&lt;!-- wp:group {\\&quot;layout\\&quot;:{\\&quot;type\\&quot;:\\&quot;constrained\\&quot;}} --&gt;\\n&lt;div class=\\&quot;wp-block-group\\&quot;&gt;&lt;!-- wp:group {\\&quot;layout\\&quot;:{\\&quot;type\\&quot;:\\&quot;constrained\\&quot;}} --&gt;\\n&lt;div class=\\&quot;wp-block-group\\&quot;&gt;&lt;!-- wp:heading {\\&quot;fontSize\\&quot;:\\&quot;big\\&quot;} --&gt;\\n&lt;h2 class=\\&quot;wp-block-heading has-big-font-size\\&quot;&gt;Ligne&lt;\\\/h2&gt;\\n&lt;!-- \\\/wp:heading --&gt;\\n\\n&lt;!-- wp:columns --&gt;\\n&lt;div class=\\&quot;wp-block-columns\\&quot;&gt;&lt;!-- wp:column {\\&quot;width\\&quot;:\\&quot;33.33%\\&quot;} --&gt;\\n&lt;div class=\\&quot;wp-block-column\\&quot; style=\\&quot;flex-basis:33.33%\\&quot;&gt;&lt;!-- wp:paragraph --&gt;\\n&lt;p&gt;La ligne est un \\u00e9l\\u00e9ment de design marquant&lt;br&gt;de la charte graphique de Burckhardt. Bas\\u00e9e sur le logo, elle est utilis\\u00e9e dans deux cas : pour mettre en \\u00e9vidence sous forme de soulignement rouge et pour d\\u00e9limiter comme ligne de s\\u00e9paration noire.&lt;\\\/p&gt;\\n&lt;!-- \\\/wp:paragraph --&gt;\\n\\n&lt;!-- wp:heading {\\&quot;level\\&quot;:3,\\&quot;fontSize\\&quot;:\\&quot;base\\&quot;} --&gt;\\n&lt;h3 class=\\&quot;wp-block-heading has-base-font-size\\&quot;&gt;Soulignement &lt;\\\/h3&gt;\\n&lt;!-- \\\/wp:heading --&gt;\\n\\n&lt;!-- wp:paragraph --&gt;\\n&lt;p&gt;Pour faire ressortir certains termes dans les titres ou les citations, on peut les souligner en rouge. L\\u2019\\u00e9paisseur du trait horizontal du titre sert de r\\u00e9f\\u00e9rence pour le soulignement. Elle d\\u00e9termine l\\u2019\\u00e9paisseur de la ligne rouge et la distance entre le titre et cette derni\\u00e8re.   &lt;\\\/p&gt;\\n&lt;!-- \\\/wp:paragraph --&gt;\\n\\n&lt;!-- wp:paragraph --&gt;\\n&lt;p&gt;Le trait s\\u2019arr\\u00eate avant les jambages et reprend apr\\u00e8s. La distance entre la ligne rouge et le jambage correspond \\u00e0 l\\u2019\\u00e9paisseur du trait horizontal du titre. &lt;\\\/p&gt;\\n&lt;!-- \\\/wp:paragraph --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:column --&gt;\\n\\n&lt;!-- wp:column {\\&quot;width\\&quot;:\\&quot;66.66%\\&quot;} --&gt;\\n&lt;div class=\\&quot;wp-block-column\\&quot; style=\\&quot;flex-basis:66.66%\\&quot;&gt;&lt;!-- wp:image {\\&quot;id\\&quot;:16798,\\&quot;width\\&quot;:629,\\&quot;height\\&quot;:768,\\&quot;sizeSlug\\&quot;:\\&quot;large\\&quot;,\\&quot;linkDestination\\&quot;:\\&quot;none\\&quot;} --&gt;\\n&lt;figure class=\\&quot;wp-block-image size-large is-resized\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/design-guidelines.burckhardt.swiss\\\/app\\\/uploads\\\/2023\\\/06\\\/Soulignement_01-839x1024.jpg\\&quot; alt=\\&quot;\\&quot; class=\\&quot;wp-image-16798\\&quot; width=\\&quot;629\\&quot; height=\\&quot;768\\&quot;\\\/&gt;&lt;\\\/figure&gt;\\n&lt;!-- \\\/wp:image --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:column --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:columns --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:group --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:group --&gt;\\n\\n&lt;!-- wp:group {\\&quot;layout\\&quot;:{\\&quot;type\\&quot;:\\&quot;constrained\\&quot;}} --&gt;\\n&lt;div class=\\&quot;wp-block-group\\&quot;&gt;&lt;!-- wp:columns --&gt;\\n&lt;div class=\\&quot;wp-block-columns\\&quot;&gt;&lt;!-- wp:column {\\&quot;width\\&quot;:\\&quot;33.33%\\&quot;} --&gt;\\n&lt;div class=\\&quot;wp-block-column\\&quot; style=\\&quot;flex-basis:33.33%\\&quot;&gt;&lt;!-- wp:heading {\\&quot;level\\&quot;:3,\\&quot;fontSize\\&quot;:\\&quot;base\\&quot;} --&gt;\\n&lt;h3 class=\\&quot;wp-block-heading has-base-font-size\\&quot;&gt;Ligne de s\\u00e9paration &lt;\\\/h3&gt;\\n&lt;!-- \\\/wp:heading --&gt;\\n\\n&lt;!-- wp:paragraph --&gt;\\n&lt;p&gt;Les lignes sont \\u00e9galement utilis\\u00e9es comme \\u00e9l\\u00e9ment de s\\u00e9paration entre les titres et le corps de texte\\\/l\\u2019accroche. Cela permet de faire ressortir la hi\\u00e9rarchisation et de reprendre la ligne du logo dans le design.  &lt;\\\/p&gt;\\n&lt;!-- \\\/wp:paragraph --&gt;\\n\\n&lt;!-- wp:paragraph --&gt;\\n&lt;p&gt;Comme il ne s\\u2019agit pas d\\u2019une mise en \\u00e9vidence mais d\\u2019un \\u00e9l\\u00e9ment de s\\u00e9paration, la distance entre le titre et la ligne est sup\\u00e9rieure \\u00e0 celle appliqu\\u00e9e pour le soulignement. L\\u2019espace correspond \\u00e0 la hauteur de majuscule du titre. La longueur de la ligne de s\\u00e9paration correspond \\u00e0 deux fois la hauteur de majuscule.  &lt;\\\/p&gt;\\n&lt;!-- \\\/wp:paragraph --&gt;\\n\\n&lt;!-- wp:paragraph --&gt;\\n&lt;p&gt;La ligne de s\\u00e9paration ne doit pas \\u00eatre utilis\\u00e9e \\u00e0 proximit\\u00e9 imm\\u00e9diate du logo afin d\\u2019\\u00e9viter l\\u2019effet de doublon.&lt;\\\/p&gt;\\n&lt;!-- \\\/wp:paragraph --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:column --&gt;\\n\\n&lt;!-- wp:column {\\&quot;width\\&quot;:\\&quot;66.66%\\&quot;} --&gt;\\n&lt;div class=\\&quot;wp-block-column\\&quot; style=\\&quot;flex-basis:66.66%\\&quot;&gt;&lt;!-- wp:spacer {\\&quot;height\\&quot;:\\&quot;76px\\&quot;} --&gt;\\n&lt;div style=\\&quot;height:76px\\&quot; aria-hidden=\\&quot;true\\&quot; class=\\&quot;wp-block-spacer\\&quot;&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:spacer --&gt;\\n\\n&lt;!-- wp:image {\\&quot;id\\&quot;:16034,\\&quot;width\\&quot;:512,\\&quot;height\\&quot;:373,\\&quot;sizeSlug\\&quot;:\\&quot;large\\&quot;,\\&quot;linkDestination\\&quot;:\\&quot;none\\&quot;} --&gt;\\n&lt;figure class=\\&quot;wp-block-image size-large is-resized\\&quot;&gt;&lt;img src=\\&quot;http:\\\/\\\/design-guidelines.burckhardt.swiss\\\/app\\\/uploads\\\/2023\\\/06\\\/Trennlinie-1024x746.jpg\\&quot; alt=\\&quot;\\&quot; class=\\&quot;wp-image-16034\\&quot; width=\\&quot;512\\&quot; height=\\&quot;373\\&quot;\\\/&gt;&lt;\\\/figure&gt;\\n&lt;!-- \\\/wp:image --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:column --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:columns --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:group --&gt;\\n\\n&lt;!-- wp:group {\\&quot;layout\\&quot;:{\\&quot;type\\&quot;:\\&quot;constrained\\&quot;}} --&gt;\\n&lt;div class=\\&quot;wp-block-group\\&quot;&gt;&lt;!-- wp:heading {\\&quot;textAlign\\&quot;:\\&quot;center\\&quot;} --&gt;\\n&lt;h2 class=\\&quot;wp-block-heading has-text-align-center\\&quot;&gt;Autres th\\u00e8mes&lt;\\\/h2&gt;\\n&lt;!-- \\\/wp:heading --&gt;\\n\\n&lt;!-- wp:acf\\\/more-posts {\\&quot;name\\&quot;:\\&quot;acf\\\/more-posts\\&quot;,\\&quot;data\\&quot;:{\\&quot;more_posts\\&quot;:[\\&quot;15544\\&quot;,\\&quot;15540\\&quot;],\\&quot;_more_posts\\&quot;:\\&quot;field_647707809fcb4\\&quot;},\\&quot;align\\&quot;:\\&quot;\\&quot;,\\&quot;mode\\&quot;:\\&quot;preview\\&quot;} \\\/--&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:group --&gt;&quot;,&quot;post_title&quot;:&quot;Ligne&quot;,&quot;post_excerpt&quot;:&quot;&quot;,&quot;post_status&quot;:&quot;publish&quot;,&quot;comment_status&quot;:&quot;closed&quot;,&quot;ping_status&quot;:&quot;closed&quot;,&quot;post_password&quot;:&quot;&quot;,&quot;post_name&quot;:&quot;ligne&quot;,&quot;to_ping&quot;:&quot;&quot;,&quot;pinged&quot;:&quot;&quot;,&quot;post_modified&quot;:&quot;2023-07-14 13:11:29&quot;,&quot;post_modified_gmt&quot;:&quot;2023-07-14 11:11:29&quot;,&quot;post_content_filtered&quot;:&quot;&quot;,&quot;post_parent&quot;:0,&quot;guid&quot;:&quot;https:\\\/\\\/design-guidelines.burckhardt.swiss\\\/ligne\\\/&quot;,&quot;menu_order&quot;:12,&quot;post_type&quot;:&quot;post&quot;,&quot;post_mime_type&quot;:&quot;&quot;,&quot;comment_count&quot;:&quot;0&quot;,&quot;filter&quot;:&quot;raw&quot;,&quot;post_link&quot;:&quot;https:\\\/\\\/design-guidelines.burckhardt.swiss\\\/fr\\\/elements-de-base\\\/ligne\\\/&quot;,&quot;post_thumbnail&quot;:&quot;https:\\\/\\\/design-guidelines.burckhardt.swiss\\\/app\\\/uploads\\\/2023\\\/06\\\/Header-linie-2000x630_FR_thumb.jpg&quot;},{&quot;ID&quot;:16587,&quot;post_author&quot;:&quot;10&quot;,&quot;post_date&quot;:&quot;2023-05-26 15:50:41&quot;,&quot;post_date_gmt&quot;:&quot;2023-05-26 13:50:41&quot;,&quot;post_content&quot;:&quot;&lt;!-- wp:image {\\&quot;id\\&quot;:18494,\\&quot;sizeSlug\\&quot;:\\&quot;full\\&quot;,\\&quot;linkDestination\\&quot;:\\&quot;none\\&quot;,\\&quot;align\\&quot;:\\&quot;full\\&quot;} --&gt;\\n&lt;figure class=\\&quot;wp-block-image alignfull size-full\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/design-guidelines.burckhardt.swiss\\\/app\\\/uploads\\\/2024\\\/07\\\/Icons-Header-2000x630-1.jpg\\&quot; alt=\\&quot;\\&quot; class=\\&quot;wp-image-18494\\&quot;\\\/&gt;&lt;\\\/figure&gt;\\n&lt;!-- \\\/wp:image --&gt;\\n\\n&lt;!-- wp:group {\\&quot;layout\\&quot;:{\\&quot;type\\&quot;:\\&quot;constrained\\&quot;}} --&gt;\\n&lt;div class=\\&quot;wp-block-group\\&quot;&gt;&lt;!-- wp:columns --&gt;\\n&lt;div class=\\&quot;wp-block-columns\\&quot;&gt;&lt;!-- wp:column {\\&quot;width\\&quot;:\\&quot;66.66%\\&quot;} --&gt;\\n&lt;div class=\\&quot;wp-block-column\\&quot; style=\\&quot;flex-basis:66.66%\\&quot;&gt;&lt;!-- wp:heading {\\&quot;level\\&quot;:1,\\&quot;className\\&quot;:\\&quot;is-style-separator\\&quot;,\\&quot;fontSize\\&quot;:\\&quot;huge\\&quot;} --&gt;\\n&lt;h1 class=\\&quot;wp-block-heading is-style-separator has-huge-font-size\\&quot;&gt;Ic\\u00f4nes&lt;\\\/h1&gt;\\n&lt;!-- \\\/wp:heading --&gt;\\n\\n&lt;!-- wp:paragraph --&gt;\\n&lt;p&gt;Les ic\\u00f4nes de Burckhardt ont l\\u2019aspect d\\u2019un dessin lin\\u00e9aire simple, pour \\u00eatre facilement identifiables, m\\u00eame en petit format. Elles s\\u2019inspirent des formes de la police Aeonik Fono Black. La discontinuit\\u00e9 volontaire du trait constitue un rappel visuel de la ligne du logo.&lt;\\\/p&gt;\\n&lt;!-- \\\/wp:paragraph --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:column --&gt;\\n\\n&lt;!-- wp:column {\\&quot;verticalAlignment\\&quot;:\\&quot;bottom\\&quot;,\\&quot;width\\&quot;:\\&quot;33.33%\\&quot;} --&gt;\\n&lt;div class=\\&quot;wp-block-column is-vertically-aligned-bottom\\&quot; style=\\&quot;flex-basis:33.33%\\&quot;&gt;&lt;!-- wp:acf\\\/downloads-list {\\&quot;name\\&quot;:\\&quot;acf\\\/downloads-list\\&quot;,\\&quot;data\\&quot;:{\\&quot;downloads\\&quot;:[\\&quot;15715\\&quot;],\\&quot;_downloads\\&quot;:\\&quot;field_6385e523b5ba5\\&quot;},\\&quot;align\\&quot;:\\&quot;\\&quot;,\\&quot;mode\\&quot;:\\&quot;edit\\&quot;} \\\/--&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:column --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:columns --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:group --&gt;\\n\\n&lt;!-- wp:group {\\&quot;layout\\&quot;:{\\&quot;type\\&quot;:\\&quot;constrained\\&quot;}} --&gt;\\n&lt;div class=\\&quot;wp-block-group\\&quot;&gt;&lt;!-- wp:image {\\&quot;id\\&quot;:18600,\\&quot;sizeSlug\\&quot;:\\&quot;full\\&quot;,\\&quot;linkDestination\\&quot;:\\&quot;none\\&quot;} --&gt;\\n&lt;figure class=\\&quot;wp-block-image size-full\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/design-guidelines.burckhardt.swiss\\\/app\\\/uploads\\\/2024\\\/07\\\/240723_Icons-Online-Guideline_FR_1.jpg\\&quot; alt=\\&quot;\\&quot; class=\\&quot;wp-image-18600\\&quot;\\\/&gt;&lt;\\\/figure&gt;\\n&lt;!-- \\\/wp:image --&gt;\\n\\n&lt;!-- wp:image {\\&quot;id\\&quot;:18603,\\&quot;sizeSlug\\&quot;:\\&quot;full\\&quot;,\\&quot;linkDestination\\&quot;:\\&quot;none\\&quot;} --&gt;\\n&lt;figure class=\\&quot;wp-block-image size-full\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/design-guidelines.burckhardt.swiss\\\/app\\\/uploads\\\/2024\\\/07\\\/240723_Icons-Online-Guideline_FR_2-1.jpg\\&quot; alt=\\&quot;\\&quot; class=\\&quot;wp-image-18603\\&quot;\\\/&gt;&lt;\\\/figure&gt;\\n&lt;!-- \\\/wp:image --&gt;\\n\\n&lt;!-- wp:image {\\&quot;id\\&quot;:18606,\\&quot;sizeSlug\\&quot;:\\&quot;full\\&quot;,\\&quot;linkDestination\\&quot;:\\&quot;none\\&quot;} --&gt;\\n&lt;figure class=\\&quot;wp-block-image size-full\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/design-guidelines.burckhardt.swiss\\\/app\\\/uploads\\\/2024\\\/07\\\/240723_Icons-Online-Guideline_FR_3-1.jpg\\&quot; alt=\\&quot;\\&quot; class=\\&quot;wp-image-18606\\&quot;\\\/&gt;&lt;\\\/figure&gt;\\n&lt;!-- \\\/wp:image --&gt;\\n\\n&lt;!-- wp:image {\\&quot;id\\&quot;:18609,\\&quot;sizeSlug\\&quot;:\\&quot;full\\&quot;,\\&quot;linkDestination\\&quot;:\\&quot;none\\&quot;} --&gt;\\n&lt;figure class=\\&quot;wp-block-image size-full\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/design-guidelines.burckhardt.swiss\\\/app\\\/uploads\\\/2024\\\/07\\\/240723_Icons-Online-Guideline_FR_4-1.jpg\\&quot; alt=\\&quot;\\&quot; class=\\&quot;wp-image-18609\\&quot;\\\/&gt;&lt;\\\/figure&gt;\\n&lt;!-- \\\/wp:image --&gt;\\n\\n&lt;!-- wp:image {\\&quot;id\\&quot;:18612,\\&quot;sizeSlug\\&quot;:\\&quot;full\\&quot;,\\&quot;linkDestination\\&quot;:\\&quot;none\\&quot;} --&gt;\\n&lt;figure class=\\&quot;wp-block-image size-full\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/design-guidelines.burckhardt.swiss\\\/app\\\/uploads\\\/2024\\\/07\\\/240723_Icons-Online-Guideline_FR_5-1.jpg\\&quot; alt=\\&quot;\\&quot; class=\\&quot;wp-image-18612\\&quot;\\\/&gt;&lt;\\\/figure&gt;\\n&lt;!-- \\\/wp:image --&gt;\\n\\n&lt;!-- wp:image {\\&quot;id\\&quot;:18661,\\&quot;sizeSlug\\&quot;:\\&quot;full\\&quot;,\\&quot;linkDestination\\&quot;:\\&quot;none\\&quot;} --&gt;\\n&lt;figure class=\\&quot;wp-block-image size-full\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/design-guidelines.burckhardt.swiss\\\/app\\\/uploads\\\/2024\\\/07\\\/240723_Icons-Online-Guideline_FR_6-2.jpg\\&quot; alt=\\&quot;\\&quot; class=\\&quot;wp-image-18661\\&quot;\\\/&gt;&lt;\\\/figure&gt;\\n&lt;!-- \\\/wp:image --&gt;\\n\\n&lt;!-- wp:image {\\&quot;id\\&quot;:18664,\\&quot;sizeSlug\\&quot;:\\&quot;full\\&quot;,\\&quot;linkDestination\\&quot;:\\&quot;none\\&quot;} --&gt;\\n&lt;figure class=\\&quot;wp-block-image size-full\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/design-guidelines.burckhardt.swiss\\\/app\\\/uploads\\\/2024\\\/07\\\/240723_Icons-Online-Guideline_FR_7-2.jpg\\&quot; alt=\\&quot;\\&quot; class=\\&quot;wp-image-18664\\&quot;\\\/&gt;&lt;\\\/figure&gt;\\n&lt;!-- \\\/wp:image --&gt;\\n\\n&lt;!-- wp:image {\\&quot;id\\&quot;:18621,\\&quot;sizeSlug\\&quot;:\\&quot;full\\&quot;,\\&quot;linkDestination\\&quot;:\\&quot;none\\&quot;} --&gt;\\n&lt;figure class=\\&quot;wp-block-image size-full\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/design-guidelines.burckhardt.swiss\\\/app\\\/uploads\\\/2024\\\/07\\\/240723_Icons-Online-Guideline_FR_8-1.jpg\\&quot; alt=\\&quot;\\&quot; class=\\&quot;wp-image-18621\\&quot;\\\/&gt;&lt;\\\/figure&gt;\\n&lt;!-- \\\/wp:image --&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:group --&gt;\\n\\n&lt;!-- wp:group {\\&quot;layout\\&quot;:{\\&quot;type\\&quot;:\\&quot;constrained\\&quot;}} --&gt;\\n&lt;div class=\\&quot;wp-block-group\\&quot;&gt;&lt;!-- wp:heading {\\&quot;textAlign\\&quot;:\\&quot;center\\&quot;} --&gt;\\n&lt;h2 class=\\&quot;wp-block-heading has-text-align-center\\&quot;&gt;Autres th\\u00e8mes&lt;\\\/h2&gt;\\n&lt;!-- \\\/wp:heading --&gt;\\n\\n&lt;!-- wp:acf\\\/more-posts {\\&quot;name\\&quot;:\\&quot;acf\\\/more-posts\\&quot;,\\&quot;data\\&quot;:{\\&quot;more_posts\\&quot;:\\&quot;\\&quot;,\\&quot;_more_posts\\&quot;:\\&quot;field_647707809fcb4\\&quot;},\\&quot;align\\&quot;:\\&quot;\\&quot;,\\&quot;mode\\&quot;:\\&quot;edit\\&quot;} \\\/--&gt;&lt;\\\/div&gt;\\n&lt;!-- \\\/wp:group --&gt;&quot;,&quot;post_title&quot;:&quot;Ic\\u00f4nes&quot;,&quot;post_excerpt&quot;:&quot;&quot;,&quot;post_status&quot;:&quot;publish&quot;,&quot;comment_status&quot;:&quot;closed&quot;,&quot;ping_status&quot;:&quot;closed&quot;,&quot;post_password&quot;:&quot;&quot;,&quot;post_name&quot;:&quot;icones&quot;,&quot;to_ping&quot;:&quot;&quot;,&quot;pinged&quot;:&quot;&quot;,&quot;post_modified&quot;:&quot;2024-07-23 14:26:05&quot;,&quot;post_modified_gmt&quot;:&quot;2024-07-23 12:26:05&quot;,&quot;post_content_filtered&quot;:&quot;&quot;,&quot;post_parent&quot;:0,&quot;guid&quot;:&quot;https:\\\/\\\/design-guidelines.burckhardt.swiss\\\/icones\\\/&quot;,&quot;menu_order&quot;:16,&quot;post_type&quot;:&quot;post&quot;,&quot;post_mime_type&quot;:&quot;&quot;,&quot;comment_count&quot;:&quot;0&quot;,&quot;filter&quot;:&quot;raw&quot;,&quot;post_link&quot;:&quot;https:\\\/\\\/design-guidelines.burckhardt.swiss\\\/fr\\\/elements-de-base\\\/icones\\\/&quot;,&quot;post_thumbnail&quot;:&quot;https:\\\/\\\/design-guidelines.burckhardt.swiss\\\/app\\\/uploads\\\/2023\\\/05\\\/tom-claes-qXpmFqxFzqg-unsplash-2-1-2.png&quot;}]\">\n        <template #record=\"record\">\n          <div class=\"c-slider--post\">\n            <div class=\"swiper-lazy-preloader\"><\/div>\n            <h3 v-html=\"record.post_title\"><\/h3>\n            <a :href=\"record.post_link\">\n              <img :src=\"record.post_thumbnail\" :alt=\"record.post_title\" \/>\n            <\/a>\n          <\/div>\n        <\/template>\n      <\/slider>\n    <\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Kit de l\u2019interface graphique Le design du site internet repose sur des \u00e9l\u00e9ments de l\u2019interface utilisateur maison. Il a \u00e9t\u00e9 r\u00e9alis\u00e9 avec des modules UI pertinents qui servent de base \u00e0 la cr\u00e9ation d\u2019interfaces graphiques. Exemple site web Autres th\u00e8mes<\/p>\n","protected":false},"author":10,"featured_media":16416,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"tags":[],"categories":[67],"class_list":["post-16593","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elements-de-base"],"acf":[],"_links":{"self":[{"href":"https:\/\/design-guidelines.burckhardt.swiss\/fr\/wp-json\/wp\/v2\/posts\/16593","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/design-guidelines.burckhardt.swiss\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/design-guidelines.burckhardt.swiss\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/design-guidelines.burckhardt.swiss\/fr\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/design-guidelines.burckhardt.swiss\/fr\/wp-json\/wp\/v2\/comments?post=16593"}],"version-history":[{"count":5,"href":"https:\/\/design-guidelines.burckhardt.swiss\/fr\/wp-json\/wp\/v2\/posts\/16593\/revisions"}],"predecessor-version":[{"id":16960,"href":"https:\/\/design-guidelines.burckhardt.swiss\/fr\/wp-json\/wp\/v2\/posts\/16593\/revisions\/16960"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/design-guidelines.burckhardt.swiss\/fr\/wp-json\/wp\/v2\/media\/16416"}],"wp:attachment":[{"href":"https:\/\/design-guidelines.burckhardt.swiss\/fr\/wp-json\/wp\/v2\/media?parent=16593"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/design-guidelines.burckhardt.swiss\/fr\/wp-json\/wp\/v2\/tags?post=16593"},{"taxonomy":"category","embeddable":true,"href":"https:\/\/design-guidelines.burckhardt.swiss\/fr\/wp-json\/wp\/v2\/categories?post=16593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}