{"id":16025,"date":"2026-10-16T07:00:00","date_gmt":"2026-10-16T06:00:00","guid":{"rendered":"https:\/\/www.stampasi.it\/blog\/?p=16025"},"modified":"2026-10-15T15:10:36","modified_gmt":"2026-10-15T14:10:36","slug":"bento-grid-la-tendenza-dei-layout-a-moduli","status":"publish","type":"post","link":"https:\/\/www.stampasi.it\/blog\/bento-grid-la-tendenza-dei-layout-a-moduli\/","title":{"rendered":"Bento grid, la tendenza dei layout a moduli"},"content":{"rendered":"\n<style>\n.sbart-wrap{font-family:inherit;max-width:100%;color:inherit}\n.sbart-wrap *{box-sizing:border-box}\n.sbart-h2{border-left:4px solid #194093;padding-left:.75rem;margin:2rem 0 1rem;font-size:1.35rem}\n.sbart-cta-btn{display:inline-block;background:#194093;color:#fff;padding:.65rem 1.4rem;border-radius:5px;text-decoration:none;font-weight:600;font-size:.95rem;margin:.5rem 0 1.5rem}\n.sbart-cta-btn:hover{background:#122d6b;color:#fff}\n.sbart-cta-btn.sbart-red{background:#D52732}\n.sbart-cta-btn.sbart-red:hover{background:#a81e28}\n.sbart-tip{background:#f0f4ff;border-left:4px solid #194093;padding:.9rem 1.1rem;margin:1.5rem 0;border-radius:0 6px 6px 0;font-size:.95rem}\n.sbart-tip strong{color:#194093}\n.sbart-product{display:flex;gap:0;align-items:stretch;background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;margin:1.5rem 0}\n.sbart-product img{width:200px;min-width:200px;height:auto;object-fit:contain;object-position:center;background:#f7f8fa;display:block}\n.sbart-product-body{flex:1;padding:1rem 1.1rem}\n.sbart-product-body h3{margin:0 0 .5rem;font-size:1.05rem;color:#194093;text-align:left}\n.sbart-product-body p{margin:0 0 .8rem;font-size:.92rem;line-height:1.6;text-align:left}\n.sbart-product-body .sbart-cta-btn{display:block;text-align:center}\n@media(max-width:600px){\n  .sbart-product{flex-direction:column}\n  .sbart-product img{width:100%;min-width:unset;height:260px;object-fit:contain}\n}\n.sbart-faq{margin:2rem 0}\n.sbart-faq-item{border-bottom:1px solid #e2e8f0}\n.sbart-faq-btn{width:100%;background:none;border:none;text-align:left;padding:.85rem .5rem;font-size:.97rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:inherit;color:inherit}\n.sbart-faq-btn::after{content:'+';font-size:1.2rem;color:#194093}\n.sbart-faq-btn[aria-expanded=\"true\"]::after{content:'-'}\n.sbart-faq-answer{display:none;padding:.1rem .5rem .85rem;font-size:.93rem;line-height:1.65}\n.sbart-faq-answer.open{display:block}\n.sbart-cta-final{background:linear-gradient(135deg,#194093 0%,#2255b8 100%);color:#fff;padding:2rem 1.5rem;border-radius:10px;text-align:center;margin:2.5rem 0 1.5rem}\n.sbart-cta-final h2{color:#fff;margin:0 0 .7rem;border:none;padding:0;font-size:1.3rem}\n.sbart-cta-final p{margin:0 0 1.2rem;font-size:.97rem;opacity:.92}\n.sbart-cta-final a{display:inline-block;background:#fff;color:#194093;padding:.65rem 1.5rem;border-radius:5px;font-weight:700;text-decoration:none;font-size:.95rem}\n.sbart-cta-final a:hover{background:#f0f4ff}\n.sbart-footer{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:1rem;font-size:.88rem;color:#555;line-height:1.6}\n.sbart-curiosita-wrap{display:flex;gap:1rem;flex-wrap:wrap;margin:2rem 0}\n.sbart-curiosita{flex:1;min-width:200px;border-radius:10px;padding:1rem 1.1rem;font-size:.92rem;line-height:1.55}\n.sbart-curiosita strong{display:block;margin-bottom:.35rem;font-size:.95rem}\n.sbart-curiosita.sbart-c1{background:#eaf0fb;border-left:4px solid #194093}\n.sbart-curiosita.sbart-c1 strong{color:#194093}\n.sbart-curiosita.sbart-c2{background:#fdecef;border-left:4px solid #D52732}\n.sbart-curiosita.sbart-c2 strong{color:#D52732}\n.sbart-curiosita.sbart-c3{background:#fff6e2;border-left:4px solid #c98a12}\n.sbart-curiosita.sbart-c3 strong{color:#c98a12}\n@media(max-width:600px){\n  .sbart-curiosita-wrap{flex-direction:column}\n}\n<\/style>\n\n<div class=\"sbart-wrap\" itemscope itemtype=\"https:\/\/schema.org\/Article\">\n\n<p>Il <strong>bento grid<\/strong> \u00e8 il layout a moduli che negli ultimi anni \u00e8 comparso su siti, app e presentazioni: tante caselle di dimensioni diverse che convivono in un design ordinato e leggibile. Il nome arriva dal Giappone e dal suo pranzo diviso in scomparti, e la sua logica funziona anche fuori dallo schermo.<\/p>\n\n<p style=\"text-align:center\"><a class=\"sbart-cta-btn\" href=\"https:\/\/www.stampasi.it\/tipografia-online?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=bento-grid&amp;utm_content=cta-intro\">Scopri la tipografia online<\/a><\/p>\n\n<h2 class=\"sbart-h2\">Bento grid: cos&#8217;\u00e8 e da dove nasce<\/h2>\n<p>Il bento grid \u00e8 un sistema di layout che divide i contenuti in blocchi modulari di dimensioni diverse, disposti in una griglia come gli scomparti di un <em>bento box<\/em>. La parola <a href=\"https:\/\/it.wikipedia.org\/wiki\/Bent%C5%8D\" target=\"_blank\" rel=\"noopener\">bento<\/a> deriva da <em>bi\u00e0nd\u0101ng<\/em>, un termine della dinastia Song meridionale che significa &#8220;conveniente&#8221;. <strong>Le prime forme di pranzo portatile giapponese risalgono al tardo periodo Kamakura<\/strong>, tra il 1185 e il 1333, mentre le scatole in legno laccato arrivarono pi\u00f9 tardi, alla fine del Cinquecento.<\/p>\n<p>Il bento originale non \u00e8 mai passato di moda: i contenitori con scomparti restano un gadget concreto, ideale per aziende, ristoranti, mense ed eventi, e si personalizzano facilmente con il logo.<\/p>\n\n<!-- Prodotto 1 - Porta pranzo Pyrus -->\n<div class=\"sbart-product\">\n  <img decoding=\"async\" src=\"https:\/\/www.stampasi.it\/blog\/wp-content\/uploads\/2026\/10\/Porta-pranzo-porta-pranzo-con-chiusura-ermetica-Pyrus.webp\" alt=\"Porta pranzo con chiusura ermetica Pyrus - StampaSi\" width=\"450\" height=\"600\" loading=\"lazy\">\n  <div class=\"sbart-product-body\">\n    <h3>Porta pranzo Pyrus con chiusura ermetica<\/h3>\n    <p>Porta pranzo in PP con chiusura ermetica, capacit\u00e0 fino a 1 litro e coperchio con scomparto per le posate, incluse. Senza coperchio \u00e8 adatto al microonde, ma \u00e8 sconsigliato per i liquidi. Misura 21 x 14,5 x 8 cm, minimo ordinabile 10 pezzi.<\/p>\n    <a class=\"sbart-cta-btn\" href=\"https:\/\/www.stampasi.it\/pyrus-porta-pranzo-porta-pranzo-con-chiusura-ermetica-in-pp-da-1000-ml-94265-1?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=bento-grid&amp;utm_content=banner-porta-pranzo-pyrus\">Scopri il porta pranzo Pyrus<\/a>\n  <\/div>\n<\/div>\n\n<!-- Prodotto 2 - Lunch box pieghevole Dill -->\n<div class=\"sbart-product\">\n  <img decoding=\"async\" src=\"https:\/\/www.stampasi.it\/blog\/wp-content\/uploads\/2026\/10\/Porta-pranzo-Dill-contenitore-ermetico-in-silicone-e-pp-480-e-760-ml.webp\" alt=\"Porta pranzo pieghevole Dill in silicone e PP - StampaSi\" width=\"450\" height=\"600\" loading=\"lazy\">\n  <div class=\"sbart-product-body\">\n    <h3>Lunch box pieghevole a due scomparti<\/h3>\n    <p>Porta pranzo pieghevole in silicone e PP con due scomparti da 480 ml e 760 ml e posata 2 in 1 con forchetta e cucchiaio. Senza coperchio si pu\u00f2 usare nel microonde. Misura 21,2 x 15,3 x 7,3 cm aperto e 21,2 x 15,3 x 3,8 cm piegato. Minimo ordinabile 10 pezzi.<\/p>\n    <a class=\"sbart-cta-btn\" href=\"https:\/\/www.stampasi.it\/lunch-box-personalizzata-1?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=bento-grid&amp;utm_content=banner-lunch-box-pieghevole\">Scopri la lunch box pieghevole<\/a>\n  <\/div>\n<\/div>\n\n<h2 class=\"sbart-h2\">Bento grid nel web design: come funziona il layout a moduli<\/h2>\n<p>Nel web design il bento grid organizza testi, immagini, numeri e icone in <em>card<\/em> di misure diverse: il blocco pi\u00f9 grande fa da protagonista, gli altri lo completano. <strong>La gerarchia dei contenuti \u00e8 scritta nel layout stesso<\/strong>, perch\u00e9 l&#8217;occhio va prima alla casella pi\u00f9 grande e poi a quelle vicine. A renderlo popolare sono state soprattutto le pagine prodotto di Apple, poi imitate da molti siti di software e servizi digitali. Oggi lo si trova in portfolio, dashboard e landing page, dove permette di mostrare in un colpo d&#8217;occhio funzioni, numeri e immagini senza appesantire la pagina.<\/p>\n<p>La differenza con una grid tradizionale sta nelle proporzioni: invece di colonne uguali, il bento grid usa una composizione asimmetrica ma bilanciata. Dal punto di vista tecnico \u00e8 diventato semplice da realizzare con CSS Grid, disponibile sui principali browser da marzo 2017, e si adatta anche agli schermi piccoli, dove i moduli si dispongono uno sotto l&#8217;altro in modo <em>responsive<\/em>.<\/p>\n\n<div class=\"sbart-tip\"><strong>Suggerimento pratico<\/strong>: per costruire un bento grid efficace parti da una sola casella protagonista, mantieni sempre uguali gli spazi tra i moduli e limita lo stile a poche regole, come angoli arrotondati e una palette ristretta. \u00c8 la coerenza a far funzionare il design.<\/div>\n\n<h2 class=\"sbart-h2\">Dal web alla stampa: il bento grid nei materiali cartacei<\/h2>\n<p>Un layout a moduli non vive solo su schermo: grid e design si applicano benissimo anche a ci\u00f2 che si stampa. Il pieghevole a portafoglio \u00e8 un bento grid naturale: aperto misura 63 x 29,7 cm e si divide in tre ante da 21 cm, <strong>ciascuna perfetta per un contenuto diverso<\/strong>, come servizi, orari e contatti. Si legge a piccoli passi, un modulo alla volta. Anche la <a href=\"https:\/\/www.stampasi.it\/blog\/carta-intestata-il-tuo-biglietto-da-visita\/\" target=\"_blank\" rel=\"noopener\">carta intestata<\/a> ragiona cos\u00ec: logo, dati di contatto e spazio per il testo occupano zone precise della pagina.<\/p>\n\n<!-- Prodotto 3 - Pieghevoli a portafoglio -->\n<div class=\"sbart-product\">\n  <img decoding=\"async\" src=\"https:\/\/www.stampasi.it\/blog\/wp-content\/uploads\/2026\/10\/Pieghevoli-formato-chiuso-a4-piega-a-portafoglio.webp\" alt=\"Pieghevoli a portafoglio formato chiuso A4 - StampaSi\" width=\"450\" height=\"600\" loading=\"lazy\">\n  <div class=\"sbart-product-body\">\n    <h3>Pieghevoli a portafoglio formato chiuso A4<\/h3>\n    <p>Pieghevoli a portafoglio con formato chiuso 21 x 29,7 cm e formato aperto 63 x 29,7 cm, stampati a 4 colori fronte e retro su carta patinata lucida. Tre ante da riempire con moduli diversi.<\/p>\n    <a class=\"sbart-cta-btn\" href=\"https:\/\/www.stampasi.it\/pieghevoli-formato-chiuso-a4-piega-a-portafoglio-pie061?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=bento-grid&amp;utm_content=banner-pieghevole-portafoglio\">Scopri i pieghevoli a portafoglio<\/a>\n  <\/div>\n<\/div>\n\n<p>Lo stesso vale per la tovaglietta men\u00f9, il layout a moduli per eccellenza dei locali: sul foglio A3 si possono ricavare riquadri per antipasti, primi, secondi, dolci, bevande e informazioni, con una casella pi\u00f9 grande per il piatto del giorno. <em>Ogni sezione ha il suo spazio<\/em>, e il cliente trova subito quello che cerca.<\/p>\n\n<!-- Prodotto 4 - Tovagliette in carta -->\n<div class=\"sbart-product\">\n  <img decoding=\"async\" src=\"https:\/\/www.stampasi.it\/blog\/wp-content\/uploads\/2026\/10\/Tovagliette-in-carta-personalizzate-con-stampasi.webp\" alt=\"Tovagliette in carta personalizzate formato A3 - StampaSi\" width=\"450\" height=\"600\" loading=\"lazy\">\n  <div class=\"sbart-product-body\">\n    <h3>Tovagliette in carta personalizzate A3<\/h3>\n    <p>Tovagliette in carta formato A3 (42 x 29,7 cm) con stampa in quadricromia su entrambi i lati, in carta offset bianca da 80 g\/m\u00b2. Ideali per men\u00f9, promozioni e giochi per i pi\u00f9 piccoli.<\/p>\n    <a class=\"sbart-cta-btn\" href=\"https:\/\/www.stampasi.it\/tovagliette-in-carta-personalizzate-con-stampa-fronte-e-retro-tov005?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=bento-grid&amp;utm_content=banner-tovagliette-carta\">Scopri le tovagliette in carta<\/a>\n  <\/div>\n<\/div>\n\n<h2 class=\"sbart-h2\">Come applicare il bento grid ai tuoi materiali<\/h2>\n<p>Per portare questo schema nei tuoi materiali stampati basta seguire poche regole: individua il contenuto pi\u00f9 importante e dagli la casella pi\u00f9 grande, tieni margini uguali tra i moduli, usa lo stesso stile grafico in ogni riquadro e scrivi testi brevi. <strong>Meno moduli, ma ben bilanciati, funzionano meglio di tanti riquadri affollati<\/strong>. Prima di andare in stampa controlla sempre la bozza: StampaSi la invia a ogni ordine, ed \u00e8 il momento giusto per verificare la leggibilit\u00e0 di ogni casella. Se hai gi\u00e0 un layout per il sito, riprendine colori e proporzioni anche sulla carta: la tua <a href=\"https:\/\/www.stampasi.it\/blog\/brand-image-costruire-la-propria-identita\/\" target=\"_blank\" rel=\"noopener\">brand image<\/a> rester\u00e0 coordinata tra online e offline.<\/p>\n\n<h2 class=\"sbart-h2\">Curiosit\u00e0 sul bento grid<\/h2>\n<div class=\"sbart-curiosita-wrap\">\n  <div class=\"sbart-curiosita sbart-c1\">\n    <strong>Lo sapevi?<\/strong>\n    La parola &#8220;bento&#8221; deriva dal termine cinese bi\u00e0nd\u0101ng, usato nella dinastia Song meridionale, e significa &#8220;conveniente&#8221;.\n  <\/div>\n  <div class=\"sbart-curiosita sbart-c2\">\n    <strong>Lo sapevi?<\/strong>\n    Il CSS Grid, la tecnologia che ha reso semplice creare layout a moduli, \u00e8 arrivato sui principali browser a marzo 2017: Firefox il 7, Chrome il 14 e Safari il 27 marzo.\n  <\/div>\n  <div class=\"sbart-curiosita sbart-c3\">\n    <strong>Lo sapevi?<\/strong>\n    Il makunouchi bento, &#8220;bento tra gli atti&#8221;, nacque in epoca Edo per il pubblico del teatro N\u014d e Kabuki, che mangiava durante gli intervalli.\n  <\/div>\n<\/div>\n\n<div class=\"sbart-faq\" itemscope itemtype=\"https:\/\/schema.org\/FAQPage\">\n\n  <h2 class=\"sbart-h2\">Domande frequenti sul bento grid<\/h2>\n\n  <div class=\"sbart-faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n    <button class=\"sbart-faq-btn\" type=\"button\" aria-expanded=\"false\" aria-controls=\"sbfaq1\" onclick=\"sbartFaq(this)\">\n      <span itemprop=\"name\">Che cos&#8217;\u00e8 un layout a bento?<\/span>\n    <\/button>\n    <div class=\"sbart-faq-answer\" id=\"sbfaq1\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n      <p itemprop=\"text\">\u00c8 uno schema che divide la pagina in riquadri modulari di misure diverse, ordinati come gli scomparti di un bento box giapponese.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"sbart-faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n    <button class=\"sbart-faq-btn\" type=\"button\" aria-expanded=\"false\" aria-controls=\"sbfaq2\" onclick=\"sbartFaq(this)\">\n      <span itemprop=\"name\">Perch\u00e9 si chiama bento?<\/span>\n    <\/button>\n    <div class=\"sbart-faq-answer\" id=\"sbfaq2\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n      <p itemprop=\"text\">Prende il nome dal pranzo giapponese servito in un contenitore diviso in scomparti, ognuno con un cibo diverso ma tutti in un&#8217;unica composizione ordinata.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"sbart-faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n    <button class=\"sbart-faq-btn\" type=\"button\" aria-expanded=\"false\" aria-controls=\"sbfaq3\" onclick=\"sbartFaq(this)\">\n      <span itemprop=\"name\">Che differenza c&#8217;\u00e8 con una griglia tradizionale?<\/span>\n    <\/button>\n    <div class=\"sbart-faq-answer\" id=\"sbfaq3\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n      <p itemprop=\"text\">Una griglia classica usa colonne e blocchi uguali, mentre il bento mescola riquadri grandi e piccoli per creare una gerarchia visiva immediata.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"sbart-faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n    <button class=\"sbart-faq-btn\" type=\"button\" aria-expanded=\"false\" aria-controls=\"sbfaq4\" onclick=\"sbartFaq(this)\">\n      <span itemprop=\"name\">Questo layout funziona anche su smartphone?<\/span>\n    <\/button>\n    <div class=\"sbart-faq-answer\" id=\"sbfaq4\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n      <p itemprop=\"text\">S\u00ec: sugli schermi piccoli i moduli si riorganizzano, in genere in una sola colonna, mantenendo l&#8217;ordine di importanza dei contenuti.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"sbart-faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n    <button class=\"sbart-faq-btn\" type=\"button\" aria-expanded=\"false\" aria-controls=\"sbfaq5\" onclick=\"sbartFaq(this)\">\n      <span itemprop=\"name\">Si pu\u00f2 usare un layout a moduli anche nella stampa?<\/span>\n    <\/button>\n    <div class=\"sbart-faq-answer\" id=\"sbfaq5\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n      <p itemprop=\"text\">S\u00ec, funziona molto bene su pieghevoli, men\u00f9, tovagliette e volantini, dove ogni riquadro o anta ospita un contenuto distinto.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"sbart-faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n    <button class=\"sbart-faq-btn\" type=\"button\" aria-expanded=\"false\" aria-controls=\"sbfaq6\" onclick=\"sbartFaq(this)\">\n      <span itemprop=\"name\">Quanti moduli conviene inserire?<\/span>\n    <\/button>\n    <div class=\"sbart-faq-answer\" id=\"sbfaq6\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n      <p itemprop=\"text\">Non c&#8217;\u00e8 un numero fisso: meglio pochi moduli ben bilanciati, con un riquadro protagonista, che molti riquadri uguali e affollati.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"sbart-faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n    <button class=\"sbart-faq-btn\" type=\"button\" aria-expanded=\"false\" aria-controls=\"sbfaq7\" onclick=\"sbartFaq(this)\">\n      <span itemprop=\"name\">I porta pranzo si possono personalizzare con il logo?<\/span>\n    <\/button>\n    <div class=\"sbart-faq-answer\" id=\"sbfaq7\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n      <p itemprop=\"text\">S\u00ec, entrambi i modelli presentati si personalizzano con il logo e hanno un minimo ordinabile di 10 pezzi.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"sbart-faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n    <button class=\"sbart-faq-btn\" type=\"button\" aria-expanded=\"false\" aria-controls=\"sbfaq8\" onclick=\"sbartFaq(this)\">\n      <span itemprop=\"name\">Posso vedere una bozza prima della stampa?<\/span>\n    <\/button>\n    <div class=\"sbart-faq-answer\" id=\"sbfaq8\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n      <p itemprop=\"text\">S\u00ec: StampaSi invia sempre una bozza grafica prima di andare in stampa e l&#8217;ordine entra in produzione solo dopo la tua approvazione.<\/p>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<div class=\"sbart-cta-final\">\n  <h2>Porta il bento a pranzo<\/h2>\n  <p>Scopri tutti i porta pranzo personalizzabili di StampaSi e dai al tuo brand il gadget a scomparti da cui \u00e8 nato tutto.<\/p>\n  <a href=\"https:\/\/www.stampasi.it\/porta-pranzo-personalizzati?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=bento-grid&amp;utm_content=cta-finale\">Scopri i porta pranzo personalizzati<\/a>\n<\/div>\n\n<div class=\"sbart-footer\">\n  <p>Articolo aggiornato in data: 16 ottobre 2026 da Redazione Stampasi. I nostri editor lavorano costantemente per rendere i contenuti sempre pi\u00f9 interessanti, utili e fruibili. Se vuoi conoscere il nostro negozio online, visita ora <a href=\"https:\/\/www.stampasi.it\">www.stampasi.it<\/a>.<\/p>\n<\/div>\n\n<\/div>\n\n<script>\nfunction sbartFaq(btn){\n  var id=btn.getAttribute('aria-controls');\n  var ans=document.getElementById(id);\n  var open=btn.getAttribute('aria-expanded')==='true';\n  btn.setAttribute('aria-expanded',open?'false':'true');\n  ans.classList.toggle('open',!open);\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Il bento grid \u00e8 il layout a moduli che negli ultimi anni \u00e8 comparso su siti, app e presentazioni: tante caselle di dimensioni diverse che convivono in un design ordinato e leggibile. Il nome arriva dal Giappone e dal suo pranzo diviso in scomparti, e la sua logica funziona anche fuori dallo schermo. Scopri la&#8230;<\/p>\n","protected":false},"author":16,"featured_media":16027,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-16025","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cat-business"],"_links":{"self":[{"href":"https:\/\/www.stampasi.it\/blog\/wp-json\/wp\/v2\/posts\/16025","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.stampasi.it\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.stampasi.it\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.stampasi.it\/blog\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/www.stampasi.it\/blog\/wp-json\/wp\/v2\/comments?post=16025"}],"version-history":[{"count":2,"href":"https:\/\/www.stampasi.it\/blog\/wp-json\/wp\/v2\/posts\/16025\/revisions"}],"predecessor-version":[{"id":16028,"href":"https:\/\/www.stampasi.it\/blog\/wp-json\/wp\/v2\/posts\/16025\/revisions\/16028"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.stampasi.it\/blog\/wp-json\/wp\/v2\/media\/16027"}],"wp:attachment":[{"href":"https:\/\/www.stampasi.it\/blog\/wp-json\/wp\/v2\/media?parent=16025"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.stampasi.it\/blog\/wp-json\/wp\/v2\/categories?post=16025"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.stampasi.it\/blog\/wp-json\/wp\/v2\/tags?post=16025"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}