{"id":91340,"date":"2026-07-10T11:59:47","date_gmt":"2026-07-10T06:29:47","guid":{"rendered":"https:\/\/showcase.ananyoo.com\/patterns\/"},"modified":"2026-10-23T13:18:43","modified_gmt":"2026-10-23T07:48:43","slug":"patterns","status":"publish","type":"page","link":"https:\/\/showcase.ananyoo.com\/fr\/patterns\/","title":{"rendered":"Compositions"},"content":{"rendered":"<div class=\"wp-block-group ariade-hub is-layout-flow wp-block-group-is-layout-flow\"><p class=\"wp-block-paragraph\">Toutes les mises en page au choix du th\u00e8me, pr\u00e9sent\u00e9es en direct et regroup\u00e9es par type de page - chaque vignette esquisse le design avant que vous ne cliquiez.<\/p><div class=\"wp-block-group hub-sec-head hs-1 is-layout-flow wp-block-group-is-layout-flow\"><h2 class=\"wp-block-heading\">Mises en page de la page \u00c0 propos<\/h2><p class=\"hub-sec-n wp-block-paragraph\">4 mises en page<\/p><\/div><div class=\"hub-tiles\"><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/about\/\"><span class=\"hub-thumb t-mosaic\" aria-hidden=\"true\"><\/span><span class=\"hub-badge\">Par d\u00e9faut \u00b7 en direct<\/span><strong>Mosa\u00efque magazine<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/about-editorial\/\"><span class=\"hub-thumb t-editorial\" aria-hidden=\"true\"><\/span><strong>\u00c9ditorial en deux volets<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/about-chapters\/\"><span class=\"hub-thumb t-navy\" aria-hidden=\"true\"><\/span><strong>Chapitres bleu marine<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/about-spine\/\"><span class=\"hub-thumb t-spine\" aria-hidden=\"true\"><\/span><strong>Fil conducteur<\/strong><\/a><\/div><div class=\"wp-block-group hub-sec-head hs-2 is-layout-flow wp-block-group-is-layout-flow\"><h2 class=\"wp-block-heading\">Mises en page de portfolio<\/h2><p class=\"hub-sec-n wp-block-paragraph\">3 styles<\/p><\/div><div class=\"hub-tiles\"><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/portfolio\/\"><span class=\"hub-thumb t-pfwall\" aria-hidden=\"true\"><\/span><span class=\"hub-badge\">Par d\u00e9faut \u00b7 en direct<\/span><strong>Mur de filtres - filtre de s\u00e9lection et bascule grille\/liste<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/portfolio-editorial\/\"><span class=\"hub-thumb t-pfed\" aria-hidden=\"true\"><\/span><strong>Liste \u00e9ditoriale<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/portfolio-carousel\/\"><span class=\"hub-thumb t-pfcar\" aria-hidden=\"true\"><\/span><strong>Carrousel en vedette<\/strong><\/a><\/div><div class=\"wp-block-group hub-sec-head hs-3 is-layout-flow wp-block-group-is-layout-flow\"><h2 class=\"wp-block-heading\">Mises en page de la liste des services<\/h2><p class=\"hub-sec-n wp-block-paragraph\">3 styles<\/p><\/div><div class=\"hub-tiles\"><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/services-listing-styles\/\"><span class=\"hub-thumb t-chips\" aria-hidden=\"true\"><\/span><strong>Les trois styles, c\u00f4te \u00e0 c\u00f4te<\/strong><\/a><\/div><div class=\"wp-block-group hub-sec-head hs-1 is-layout-flow wp-block-group-is-layout-flow\"><h2 class=\"wp-block-heading\">Mises en page de d\u00e9tail d'un service<\/h2><p class=\"hub-sec-n wp-block-paragraph\">4 mises en page<\/p><\/div><div class=\"hub-tiles\"><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/services\/accessibility-audit\/\"><span class=\"hub-thumb t-tl\" aria-hidden=\"true\"><\/span><span class=\"hub-badge\">En direct sur Audit d'accessibilit\u00e9<\/span><strong>Frise \u00e0 n\u0153uds<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/services\/remediation\/\"><span class=\"hub-thumb t-cards\" aria-hidden=\"true\"><\/span><span class=\"hub-badge\">En direct sur Rem\u00e9diation<\/span><strong>Cartes d'\u00e9tapes<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/services\/accessible-builds\/\"><span class=\"hub-thumb t-bands\" aria-hidden=\"true\"><\/span><span class=\"hub-badge\">En direct sur Cr\u00e9ations accessibles<\/span><strong>Bandeaux de chapitres<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/services\/training\/\"><span class=\"hub-thumb t-journey\" aria-hidden=\"true\"><\/span><span class=\"hub-badge\">En direct sur Formation<\/span><strong>Parcours en liste de contr\u00f4le<\/strong><\/a><\/div><div class=\"wp-block-group hub-sec-head hs-2 is-layout-flow wp-block-group-is-layout-flow\"><h2 class=\"wp-block-heading\">Mises en page de contact<\/h2><p class=\"hub-sec-n wp-block-paragraph\">3 styles<\/p><\/div><div class=\"hub-tiles\"><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/contact\/\"><span class=\"hub-thumb t-envelope\" aria-hidden=\"true\"><\/span><span class=\"hub-badge\">Par d\u00e9faut \u00b7 en direct<\/span><strong>Enveloppe d\u00e9grad\u00e9e<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/contact-styles\/\"><span class=\"hub-thumb t-split\" aria-hidden=\"true\"><\/span><strong>Les trois styles, c\u00f4te \u00e0 c\u00f4te<\/strong><\/a><\/div><div class=\"wp-block-group hub-sec-head hs-3 is-layout-flow wp-block-group-is-layout-flow\"><h2 class=\"wp-block-heading\">Mises en page de tarifs<\/h2><p class=\"hub-sec-n wp-block-paragraph\">4 styles<\/p><\/div><div class=\"hub-tiles\"><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/pricing\/\"><span class=\"hub-thumb t-grad\" aria-hidden=\"true\"><\/span><span class=\"hub-badge\">Par d\u00e9faut \u00b7 en direct<\/span><strong>Vitrine d\u00e9grad\u00e9e<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/pricing-styles\/\"><span class=\"hub-thumb t-table\" aria-hidden=\"true\"><\/span><strong>Les quatre styles, c\u00f4te \u00e0 c\u00f4te<\/strong><\/a><\/div><div class=\"wp-block-group hub-sec-head hs-1 is-layout-flow wp-block-group-is-layout-flow\"><h2 class=\"wp-block-heading\">Mises en page de FAQ<\/h2><p class=\"hub-sec-n wp-block-paragraph\">4 styles<\/p><\/div><div class=\"hub-tiles\"><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/faq-styles\/\"><span class=\"hub-thumb t-faq\" aria-hidden=\"true\"><\/span><strong>Les quatre styles, c\u00f4te \u00e0 c\u00f4te<\/strong><\/a><\/div><div class=\"wp-block-group hub-sec-head hs-2 is-layout-flow wp-block-group-is-layout-flow\"><h2 class=\"wp-block-heading\">Mises en page de t\u00e9moignages<\/h2><p class=\"hub-sec-n wp-block-paragraph\">4 styles<\/p><\/div><div class=\"hub-tiles\"><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/testimonials\/\"><span class=\"hub-thumb t-quote\" aria-hidden=\"true\"><\/span><span class=\"hub-badge\">Par d\u00e9faut \u00b7 en direct<\/span><strong>Cartes de citation \u00e0 couleur d'accent<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/testimonial-styles\/\"><span class=\"hub-thumb t-stack\" aria-hidden=\"true\"><\/span><strong>Les quatre styles, c\u00f4te \u00e0 c\u00f4te<\/strong><\/a><\/div><div class=\"wp-block-group hub-sec-head hs-3 is-layout-flow wp-block-group-is-layout-flow\"><h2 class=\"wp-block-heading\">Mises en page du blog<\/h2><p class=\"hub-sec-n wp-block-paragraph\">7 mises en page<\/p><\/div><div class=\"hub-tiles\"><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/blog\/\"><span class=\"hub-thumb t-mosaic\" aria-hidden=\"true\"><\/span><span class=\"hub-badge\">Par d\u00e9faut \u00b7 en direct<\/span><strong>Mosa\u00efque magazine<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/blog-tiles\/\"><span class=\"hub-thumb t-tiles\" aria-hidden=\"true\"><\/span><strong>Grille de tuiles<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/blog-featured\/\"><span class=\"hub-thumb t-blogfeat\" aria-hidden=\"true\"><\/span><strong>Article vedette et cartes<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/blog-bento\/\"><span class=\"hub-thumb t-bento\" aria-hidden=\"true\"><\/span><strong>Planche bento<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/blog-glass\/\"><span class=\"hub-thumb t-glass\" aria-hidden=\"true\"><\/span><strong>Cartes en verre<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/blog-index\/\"><span class=\"hub-thumb t-index\" aria-hidden=\"true\"><\/span><strong>Index surdimensionn\u00e9<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/blog-ledger\/\"><span class=\"hub-thumb t-faq\" aria-hidden=\"true\"><\/span><strong>Registre \u00e9ditorial<\/strong><\/a><\/div><div class=\"wp-block-group hub-sec-head hs-1 is-layout-flow wp-block-group-is-layout-flow\"><h2 class=\"wp-block-heading\">Mises en page d'article<\/h2><p class=\"hub-sec-n wp-block-paragraph\">4 mises en page<\/p><\/div><div class=\"hub-tiles\"><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/audit-findings-that-get-fixed\/\"><span class=\"hub-thumb t-aurora\" aria-hidden=\"true\"><\/span><span class=\"hub-badge\">Par d\u00e9faut \u00b7 en direct<\/span><strong>En-t\u00eate aurore - chaque article s'ouvre ainsi<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/text-styling-that-stays-readable\/\"><span class=\"hub-thumb t-blogfeat\" aria-hidden=\"true\"><\/span><span class=\"hub-badge\">En direct sur cet article<\/span><strong>\u00c9ditorial classique<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/forms-people-can-fill\/\"><span class=\"hub-thumb t-split\" aria-hidden=\"true\"><\/span><span class=\"hub-badge\">En direct sur cet article<\/span><strong>Panneau partag\u00e9<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/why-accessibility-default\/\"><span class=\"hub-thumb t-glass\" aria-hidden=\"true\"><\/span><span class=\"hub-badge\">En direct sur cet article<\/span><strong>Couverture immersive<\/strong><\/a><\/div><div class=\"wp-block-group hub-sec-head hs-2 is-layout-flow wp-block-group-is-layout-flow\"><h2 class=\"wp-block-heading\">Mises en page d'\u00e9v\u00e9nements<\/h2><p class=\"hub-sec-n wp-block-paragraph\">7 mises en page<\/p><\/div><div class=\"hub-tiles\"><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/event-tiles\/\"><span class=\"hub-thumb t-tiles\" aria-hidden=\"true\"><\/span><strong>Grille de tuiles<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/event-featured\/\"><span class=\"hub-thumb t-blogfeat\" aria-hidden=\"true\"><\/span><strong>Article vedette et cartes<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/event-bento\/\"><span class=\"hub-thumb t-bento\" aria-hidden=\"true\"><\/span><strong>Planche bento<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/event-glass\/\"><span class=\"hub-thumb t-glass\" aria-hidden=\"true\"><\/span><strong>Cartes en verre<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/event-index\/\"><span class=\"hub-thumb t-index\" aria-hidden=\"true\"><\/span><strong>Index surdimensionn\u00e9<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/event-ledger\/\"><span class=\"hub-thumb t-faq\" aria-hidden=\"true\"><\/span><strong>Registre \u00e9ditorial<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/event-mosaic\/\"><span class=\"hub-thumb t-mosaic\" aria-hidden=\"true\"><\/span><strong>Mosa\u00efque magazine<\/strong><\/a><\/div><div class=\"wp-block-group hub-sec-head hs-3 is-layout-flow wp-block-group-is-layout-flow\"><h2 class=\"wp-block-heading\">Pages utilitaires<\/h2><p class=\"hub-sec-n wp-block-paragraph\">4 mises en page<\/p><\/div><div class=\"hub-tiles\"><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/this-page-does-not-exist\/\"><span class=\"hub-thumb t-404\" aria-hidden=\"true\"><\/span><span class=\"hub-badge\">En direct<\/span><strong>404 - Fil perdu (suivez ce lien volontairement cass\u00e9)<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/coming-soon\/\"><span class=\"hub-thumb t-cs\" aria-hidden=\"true\"><\/span><span class=\"hub-badge\">En direct<\/span><strong>Bient\u00f4t disponible - Tremplin d\u00e9grad\u00e9<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/utility-styles\/\"><span class=\"hub-thumb t-stack\" aria-hidden=\"true\"><\/span><strong>Les quatre mises en page utilitaires, c\u00f4te \u00e0 c\u00f4te<\/strong><\/a><\/div><div class=\"wp-block-group hub-sec-head hs-1 is-layout-flow wp-block-group-is-layout-flow\"><h2 class=\"wp-block-heading\">Mises en page de boutique<\/h2><p class=\"hub-sec-n wp-block-paragraph\">WooCommerce<\/p><\/div><div class=\"hub-tiles\"><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/shop\/\"><span class=\"hub-thumb t-shop\" aria-hidden=\"true\"><\/span><span class=\"hub-badge\">Par d\u00e9faut \u00b7 en direct<\/span><strong>Pastilles de prix d\u00e9grad\u00e9es - photos inclin\u00e9es, prix en pastilles, boutons de panier lumineux<\/strong><\/a><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/produit\/accessibility-checklist-pdf\/\"><span class=\"hub-thumb t-split\" aria-hidden=\"true\"><\/span><span class=\"hub-badge\">En direct sur un produit<\/span><strong>Fiche produit - galerie, prix en pastille, onglets en pilule, notices habill\u00e9es<\/strong><\/a><\/div><div class=\"wp-block-group hub-sec-head hs-1 is-layout-flow wp-block-group-is-layout-flow\"><h2 class=\"wp-block-heading\">Compositions Ariade Pro<\/h2><p class=\"hub-sec-n wp-block-paragraph\">Compl\u00e9ment<\/p><\/div><div class=\"hub-tiles\"><a class=\"hub-tile\" href=\"https:\/\/showcase.ananyoo.com\/fr\/ariade-pro\/\"><span class=\"hub-thumb\" style=\"border:0;background-color:#0e1b36;background-image:linear-gradient(100deg,#2743d0,#7a2fd6 55%,#c02582),linear-gradient(rgba(255,255,255,.4),rgba(255,255,255,.4)),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(100deg,#2743d0,#c02582),linear-gradient(100deg,#2743d0,#c02582),linear-gradient(100deg,#2743d0,#c02582);background-size:20% 13%,46% 7%,26% 42%,26% 42%,26% 42%,26% 6%,26% 6%,26% 6%;background-position:9% 14%,9% 34%,10% 84%,50% 84%,90% 84%,10% 56%,50% 56%,90% 56%\" aria-hidden=\"true\"><\/span><span class=\"hub-badge\">Ariade Pro \u00b7 en direct<\/span><strong>Mod\u00e8les de boutique et sections d'entreprise - accueil de la boutique, fiche produit, \u00e9quipe, \u00e9tude de cas, d\u00e9claration d'accessibilit\u00e9 et plus encore<\/strong><\/a><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Toutes les mises en page au choix du th\u00e8me, en direct sur un seul hub.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-91340","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/pages\/91340","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/comments?post=91340"}],"version-history":[{"count":22,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/pages\/91340\/revisions"}],"predecessor-version":[{"id":94794,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/pages\/91340\/revisions\/94794"}],"wp:attachment":[{"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/media?parent=91340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}