{"id":25112,"date":"2026-08-24T11:34:02","date_gmt":"2026-08-24T11:34:02","guid":{"rendered":"https:\/\/barrasso.dpishop.it\/?page_id=25112"},"modified":"2026-08-24T11:34:02","modified_gmt":"2026-08-24T11:34:02","slug":"i-nostri-servizi-grafica-coordinata-personalizzazione","status":"publish","type":"page","link":"https:\/\/barrasso.dpishop.it\/?page_id=25112","title":{"rendered":"I nostri servizi: grafica coordinata &amp; personalizzazione"},"content":{"rendered":"<!-- wp:html -->\n<style>\n  :root{\n    --paper:#F4F3EF; --surface:#FBFAF7; --ink:#17191F; --ink-soft:#565A63;\n    --cobalt:#2340E6; --signal:#F5502F; --line:#E4E2DA; --line-strong:#D3D0C6;\n    --dot:rgba(23,25,31,.13);\n    --maxw:1140px;\n    --sans:\"Helvetica Neue\",Helvetica,Arial,\"Segoe UI\",Roboto,sans-serif;\n  }\n  @media (prefers-color-scheme: dark){\n    :root{\n      --paper:#131519; --surface:#1B1E25; --ink:#ECEAE3; --ink-soft:#9AA0AA;\n      --cobalt:#5B72FF; --signal:#FF6A4F; --line:#2A2E37; --line-strong:#3A3F4A;\n      --dot:rgba(236,234,227,.10);\n    }\n  }\n  :root[data-theme=\"light\"]{\n    --paper:#F4F3EF; --surface:#FBFAF7; --ink:#17191F; --ink-soft:#565A63;\n    --cobalt:#2340E6; --signal:#F5502F; --line:#E4E2DA; --line-strong:#D3D0C6;\n    --dot:rgba(23,25,31,.13);\n  }\n  :root[data-theme=\"dark\"]{\n    --paper:#131519; --surface:#1B1E25; --ink:#ECEAE3; --ink-soft:#9AA0AA;\n    --cobalt:#5B72FF; --signal:#FF6A4F; --line:#2A2E37; --line-strong:#3A3F4A;\n    --dot:rgba(236,234,227,.10);\n  }\n\n  *{box-sizing:border-box}\n  body{margin:0}\n  .wrap{background:var(--paper);color:var(--ink);font-family:var(--sans);\n    -webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}\n  .shell{max-width:var(--maxw);margin:0 auto;padding:0 32px}\n  @media(max-width:640px){.shell{padding:0 20px}}\n\n  a{color:inherit}\n  h1,h2,h3,p{margin:0}\n  .eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--cobalt)}\n  .muted{color:var(--ink-soft)}\n  .tnum{font-variant-numeric:tabular-nums}\n\n  \/* ---- top bar ---- *\/\n  .topbar{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--paper) 88%,transparent);\n    backdrop-filter:saturate(1.1) blur(8px);border-bottom:1px solid var(--line)}\n  .topbar .row{display:flex;align-items:center;justify-content:space-between;height:66px}\n  .brand{display:flex;align-items:center;gap:11px;text-decoration:none}\n  .brand .mark{font-weight:800;font-size:21px;letter-spacing:-.02em}\n  .brand .reg{width:15px;height:15px;color:var(--signal);flex:0 0 auto}\n  .brand .sub{font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);\n    border-left:1px solid var(--line-strong);padding-left:11px}\n  .tag{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);\n    border:1px solid var(--line-strong);border-radius:999px;padding:6px 12px}\n  @media(max-width:560px){.brand .sub{display:none}}\n\n  \/* ---- buttons ---- *\/\n  .btn{display:inline-flex;align-items:center;gap:9px;font-family:inherit;font-size:15px;font-weight:600;\n    text-decoration:none;padding:13px 22px;border-radius:4px;border:1px solid transparent;cursor:pointer;\n    transition:transform .15s ease, background .15s ease, border-color .15s ease}\n  .btn:focus-visible{outline:2px solid var(--cobalt);outline-offset:3px}\n  .btn--solid{background:var(--cobalt);color:#fff}\n  .btn--solid:hover{transform:translateY(-2px)}\n  .btn--ghost{border-color:var(--line-strong);color:var(--ink);background:transparent}\n  .btn--ghost:hover{border-color:var(--ink);transform:translateY(-2px)}\n  .btn--signal{background:var(--signal);color:#fff}\n  .btn--signal:hover{transform:translateY(-2px)}\n  .btn .arw{width:16px;height:16px}\n\n  \/* ---- hero ---- *\/\n  .hero{position:relative;padding:88px 0 76px;border-bottom:1px solid var(--line);overflow:hidden}\n  .hero .dots{position:absolute;inset:0;pointer-events:none;\n    background-image:radial-gradient(var(--dot) 1.1px,transparent 1.4px);background-size:15px 15px;\n    -webkit-mask-image:linear-gradient(115deg,#000 8%,transparent 46%);\n    mask-image:linear-gradient(115deg,#000 8%,transparent 46%);opacity:.9}\n  .hero-grid{position:relative;display:grid;grid-template-columns:1.55fr .9fr;gap:56px;align-items:end}\n  @media(max-width:860px){.hero-grid{grid-template-columns:1fr;gap:36px}}\n  .hero h1{font-size:clamp(42px,7vw,74px);font-weight:800;line-height:.98;letter-spacing:-.03em;\n    text-wrap:balance;margin:22px 0 0}\n  .hero h1 em{font-style:normal;color:var(--cobalt)}\n  .hero .lead{font-size:clamp(17px,2vw,20px);color:var(--ink-soft);max-width:34ch;margin-top:26px}\n  .hero .cta{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}\n  .hero .aside{border-left:2px solid var(--ink);padding-left:22px;padding-bottom:8px}\n  .hero .aside .k{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}\n  .hero .aside .v{font-size:15px;margin-top:8px}\n  .hero .aside .v strong{font-weight:700}\n  .hero .aside .div{height:1px;background:var(--line);margin:16px 0}\n\n  \/* section frame *\/\n  .section{padding:78px 0;border-bottom:1px solid var(--line)}\n  .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px}\n  .sec-head h2{font-size:clamp(26px,3.4vw,38px);font-weight:800;letter-spacing:-.02em;text-wrap:balance}\n  .sec-head .idx{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);\n    white-space:nowrap;padding-bottom:8px}\n\n  \/* featured pair *\/\n  .feat{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}\n  @media(max-width:760px){.feat{grid-template-columns:1fr}}\n  .fcard{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:30px 30px 34px;\n    overflow:hidden;transition:border-color .18s ease, transform .18s ease}\n  .fcard:hover{border-color:var(--cobalt);transform:translateY(-3px)}\n  .fcard .reg{position:absolute;top:16px;right:16px;width:16px;height:16px;color:var(--line-strong)}\n  .fcard .ic{width:34px;height:34px;color:var(--cobalt)}\n  .fcard h3{font-size:21px;font-weight:700;letter-spacing:-.01em;margin-top:20px}\n  .fcard p{color:var(--ink-soft);margin-top:10px;font-size:15px;max-width:42ch}\n  .fcard .pill{display:inline-block;margin-top:18px;font-size:11px;font-weight:700;letter-spacing:.1em;\n    text-transform:uppercase;color:var(--cobalt);background:color-mix(in srgb,var(--cobalt) 12%,transparent);\n    padding:5px 10px;border-radius:999px}\n\n  \/* plain services grid *\/\n  .svc{display:grid;grid-template-columns:repeat(4,1fr)}\n  @media(max-width:860px){.svc{grid-template-columns:1fr 1fr}}\n  @media(max-width:520px){.svc{grid-template-columns:1fr}}\n  .scell{padding:26px 22px 26px 0;border-top:1px solid var(--line-strong)}\n  .svc .scell{border-right:1px solid var(--line)}\n  .svc .scell:last-child{border-right:none}\n  @media(max-width:860px){.svc .scell:nth-child(2n){border-right:none}}\n  @media(max-width:520px){.svc .scell{border-right:none}}\n  .scell .ic{width:26px;height:26px;color:var(--ink)}\n  .scell h4{font-size:16px;font-weight:700;margin-top:16px}\n  .scell p{font-size:13.5px;color:var(--ink-soft);margin-top:7px}\n\n  \/* steps *\/\n  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}\n  @media(max-width:720px){.steps{grid-template-columns:1fr}}\n  .step{background:var(--paper);padding:30px 26px 34px}\n  .step .n{font-size:13px;font-weight:800;letter-spacing:.1em;color:var(--cobalt);font-variant-numeric:tabular-nums}\n  .step h4{font-size:19px;font-weight:700;margin-top:14px;letter-spacing:-.01em}\n  .step p{color:var(--ink-soft);margin-top:9px;font-size:14.5px}\n\n  \/* offer divider *\/\n  .divider{padding:46px 0;text-align:center;border-bottom:1px solid var(--line)}\n  .divider .rule{display:flex;align-items:center;gap:18px;justify-content:center;color:var(--ink-soft)}\n  .divider .rule span{height:1px;background:var(--line-strong);flex:1;max-width:120px}\n  .divider .rule .lbl{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}\n  .divider p{margin-top:14px;color:var(--ink-soft);font-size:14px;max-width:50ch;margin-left:auto;margin-right:auto}\n\n  \/* offer landing *\/\n  .offer{padding:70px 0 80px;border-bottom:1px solid var(--line)}\n  .offer-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}\n  @media(max-width:860px){.offer-hero{grid-template-columns:1fr;gap:34px}}\n  .badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.12em;\n    text-transform:uppercase;color:var(--signal);background:color-mix(in srgb,var(--signal) 13%,transparent);\n    padding:7px 13px;border-radius:999px}\n  .offer h2{font-size:clamp(32px,5vw,52px);font-weight:800;line-height:1.02;letter-spacing:-.025em;margin-top:20px;text-wrap:balance}\n  .offer .desc{color:var(--ink-soft);font-size:16px;margin-top:16px;max-width:40ch}\n  .price{display:flex;align-items:baseline;gap:14px;margin-top:26px}\n  .price .now{font-size:44px;font-weight:800;letter-spacing:-.02em;color:var(--signal)}\n  .price .was{font-size:20px;color:var(--ink-soft);text-decoration:line-through}\n  .price .note{font-size:12px;color:var(--ink-soft);letter-spacing:.04em}\n  .offer .cta{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}\n\n  .kit{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px}\n  .kit-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}\n  .prod{background:var(--paper);border:1px solid var(--line);border-radius:8px;aspect-ratio:1\/1;\n    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;\n    transition:border-color .18s ease}\n  .prod:hover{border-color:var(--signal)}\n  .prod svg{width:56px;height:56px;color:var(--ink)}\n  .prod .nm{font-size:12px;font-weight:600;letter-spacing:.02em}\n\n  .others{margin-top:40px}\n  .others .lab{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:16px}\n  .otypes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n  @media(max-width:640px){.otypes{grid-template-columns:1fr}}\n  .otype{border:1px solid var(--line);border-radius:8px;padding:20px 20px 22px;background:var(--surface)}\n  .otype .h{display:flex;align-items:center;gap:10px}\n  .otype .h svg{width:20px;height:20px;color:var(--signal)}\n  .otype .h b{font-size:15px;font-weight:700}\n  .otype p{font-size:13px;color:var(--ink-soft);margin-top:8px}\n  .samplenote{margin-top:32px;font-size:13px;color:var(--ink-soft);border-left:2px solid var(--line-strong);padding-left:16px;max-width:60ch}\n\n  \/* footer CTA *\/\n  .foot{background:var(--ink);color:var(--paper);padding:76px 0 40px}\n  .foot .in{max-width:var(--maxw);margin:0 auto;padding:0 32px}\n  @media(max-width:640px){.foot .in{padding:0 20px}}\n  .foot h2{font-size:clamp(30px,4.6vw,50px);font-weight:800;letter-spacing:-.025em;line-height:1.02;text-wrap:balance;color:var(--paper)}\n  .foot .lead{color:color-mix(in srgb,var(--paper) 66%,transparent);margin-top:16px;font-size:17px;max-width:44ch}\n  .foot .cta{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}\n  .foot .btn--ghost{border-color:color-mix(in srgb,var(--paper) 30%,transparent);color:var(--paper)}\n  .foot .btn--ghost:hover{border-color:var(--paper)}\n  .foot .end{margin-top:56px;padding-top:22px;border-top:1px solid color-mix(in srgb,var(--paper) 16%,transparent);\n    display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}\n  .foot .end .brand .sub{color:color-mix(in srgb,var(--paper) 55%,transparent);border-color:color-mix(in srgb,var(--paper) 24%,transparent)}\n  .foot .fine{font-size:12px;color:color-mix(in srgb,var(--paper) 50%,transparent);letter-spacing:.03em}\n\n  .reveal{opacity:0;transform:translateY(14px);animation:rise .7s cubic-bezier(.2,.7,.2,1) forwards}\n  .d1{animation-delay:.05s}.d2{animation-delay:.14s}.d3{animation-delay:.22s}\n  @keyframes rise{to{opacity:1;transform:none}}\n  @media(prefers-reduced-motion:reduce){.reveal{animation:none;opacity:1;transform:none}}\n:root,:root[data-theme=\"dark\"]{--paper:#F4F3EF!important;--surface:#FBFAF7!important;--ink:#17191F!important;--ink-soft:#565A63!important;--cobalt:#2340E6!important;--signal:#F5502F!important;--line:#E4E2DA!important;--line-strong:#D3D0C6!important;--dot:rgba(23,25,31,.13)!important}\n.wrap h1,.wrap h2,.wrap h3,.wrap h4{color:var(--ink)}\n.dpi-topnav{display:flex;gap:22px;align-items:center}.dpi-topnav a{font-size:14px;font-weight:600;text-decoration:none;color:var(--ink)}.dpi-topnav a:hover{color:var(--cobalt)}@media(max-width:560px){.dpi-topnav{gap:13px}.dpi-topnav a{font-size:12.5px}}<\/style>\n<div class=\"wrap\">\n  <a id=\"top\"><\/a>\n  <header class=\"topbar\">\n    <div class=\"shell row\">\n      <a class=\"brand\" href=\"#top\" aria-label=\"DPI Digital Print\">\n        <span class=\"mark\">DPI<\/span>\n        <svg class=\"reg\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M12 2v7M12 15v7M2 12h7M15 12h7\" stroke=\"currentColor\" stroke-width=\"1.6\"\/><circle cx=\"12\" cy=\"12\" r=\"4.4\" stroke=\"currentColor\" stroke-width=\"1.6\"\/><\/svg>\n        <span class=\"sub\">Digital&nbsp;Print<\/span>\n      <\/a>\n      <nav class=\"dpi-topnav\"><a href=\"https:\/\/demo.dpishop.it\/\">Home<\/a><a href=\"https:\/\/demo.dpishop.it\/negozio\/\">Negozio<\/a><a href=\"https:\/\/demo.dpishop.it\/i-nostri-servizi-grafica-coordinata-personalizzazione\/\">Servizi<\/a><a href=\"https:\/\/demo.dpishop.it\/offerte\/\">Offerte<\/a><\/nav>\n    <\/div>\n  <\/header>\n  <section class=\"hero\">\n    <div class=\"dots\" aria-hidden=\"true\"><\/div>\n    <div class=\"shell hero-grid\">\n      <div>\n        <span class=\"eyebrow reveal d1\">Studio grafico \u00b7 Web \u00b7 Personalizzazione<\/span>\n        <h1 class=\"reveal d2\">Il tuo marchio,<br>curato in ogni <em>dettaglio.<\/em><\/h1>\n        <p class=\"lead reveal d3\">Non solo un catalogo. Costruiamo, personalizziamo e <strong>gestiamo<\/strong> il tuo negozio online \u2014 e tutta l'immagine che ci gira intorno.<\/p>\n        <div class=\"cta reveal d3\">\n          <a class=\"btn btn--solid\" href=\"#contatti\">Parliamone\n            <svg class=\"arw\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/a>\n          <a class=\"btn btn--ghost\" href=\"#servizi\">Guarda cosa facciamo<\/a>\n        <\/div>\n      <\/div>\n      <aside class=\"hero aside reveal d3\" aria-label=\"In sintesi\">\n        <div class=\"k\">In sintesi<\/div>\n        <div class=\"v\"><strong>Grafica coordinata<\/strong> \u2014 un'identit\u00e0 sola, ovunque<\/div>\n        <div class=\"div\"><\/div>\n        <div class=\"v\"><strong>Personalizzazione<\/strong> \u2014 il tuo logo sui prodotti<\/div>\n        <div class=\"div\"><\/div>\n        <div class=\"v\"><strong>Sito & negozio<\/strong> \u2014 costruiti e gestiti da noi<\/div>\n      <\/aside>\n    <\/div>\n  <\/section>\n  <section class=\"section\" id=\"servizi\">\n    <div class=\"shell\">\n      <div class=\"sec-head\">\n        <h2>Cosa facciamo per te<\/h2>\n        <div class=\"idx\">I nostri servizi<\/div>\n      <\/div>\n\n      <!-- featured pair: grafica + personalizzazione -->\n      <div class=\"feat\">\n        <article class=\"fcard\">\n          <svg class=\"reg\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M12 3v18M3 12h18\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><circle cx=\"12\" cy=\"12\" r=\"5\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><\/svg>\n          <svg class=\"ic\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M3 17.5 13.5 7l3.5 3.5L6.5 21H3v-3.5Z\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/><path d=\"M14.5 6 17 3.5a1.8 1.8 0 0 1 2.6 0l1.9 1.9a1.8 1.8 0 0 1 0 2.6L19 10.5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/><\/svg>\n          <h3>Grafica coordinata personalizzata<\/h3>\n          <p>Logo, colori, materiali: un'immagine coerente che ti riconoscono a colpo d'occhio, dal sito al biglietto da visita.<\/p>\n          <span class=\"pill\">In primo piano<\/span>\n        <\/article>\n        <article class=\"fcard\">\n          <svg class=\"reg\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M12 3v18M3 12h18\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><circle cx=\"12\" cy=\"12\" r=\"5\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><\/svg>\n          <svg class=\"ic\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M7 4h10l-1.2 4.2a2 2 0 0 1-1.9 1.4H10a2 2 0 0 1-1.9-1.4L7 4Z\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/><path d=\"M9 11v9h6v-9\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/><circle cx=\"12\" cy=\"15\" r=\"1.6\" stroke=\"currentColor\" stroke-width=\"1.4\"\/><\/svg>\n          <h3>Personalizzazione prodotti<\/h3>\n          <p>Il tuo logo sui capi e sui gadget, con l'anteprima online: il cliente vede il risultato prima di ordinare.<\/p>\n          <span class=\"pill\">In primo piano<\/span>\n        <\/article>\n      <\/div>\n\n      <!-- the rest -->\n      <div class=\"svc\">\n        <div class=\"scell\">\n          <svg class=\"ic\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M4 7h16l-1 4H5L4 7Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/><path d=\"M5 11v8h14v-8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/><path d=\"M9 7V5h6v2\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>\n          <h4>Negozio online pronto<\/h4>\n          <p>Catalogo, ricerca, megamenu e ordini. Come questo demo.<\/p>\n        <\/div>\n        <div class=\"scell\">\n          <svg class=\"ic\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"m8 8-4 4 4 4M16 8l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <h4>Sviluppo WordPress su misura<\/h4>\n          <p>Funzioni e integrazioni: tutto ci\u00f2 che il sito deve fare.<\/p>\n        <\/div>\n        <div class=\"scell\">\n          <svg class=\"ic\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M19 12a7 7 0 0 0-.1-1l2-1.5-2-3.4-2.3 1a7 7 0 0 0-1.7-1L14.5 3h-4l-.4 2.1a7 7 0 0 0-1.7 1l-2.3-1-2 3.4L4 10a7 7 0 0 0 0 2l-2 1.5 2 3.4 2.3-1a7 7 0 0 0 1.7 1L10 21h4l.4-2.1a7 7 0 0 0 1.7-1l2.3 1 2-3.4-2-1.5c.1-.3.1-.6.1-1Z\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\/><\/svg>\n          <h4>Gestione del sito<\/h4>\n          <p>Aggiornamenti, sicurezza, manutenzione: pensiamo a tutto noi.<\/p>\n        <\/div>\n        <div class=\"scell\">\n          <svg class=\"ic\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M4 4h9l7 7-9 9-7-7V4Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.4\" stroke=\"currentColor\" stroke-width=\"1.4\"\/><\/svg>\n          <h4>Offerte & landing dedicate<\/h4>\n          <p>Pagine promo su misura, pronte per le tue campagne.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n  <section class=\"section\">\n    <div class=\"shell\">\n      <div class=\"sec-head\">\n        <h2>Come funziona<\/h2>\n        <div class=\"idx\">Dal bisogno al sito, in tre passi<\/div>\n      <\/div>\n      <div class=\"steps\">\n        <div class=\"step\">\n          <div class=\"n\">01<\/div>\n          <h4>Ci racconti<\/h4>\n          <p>Il tuo marchio, i prodotti, cosa ti serve. Partiamo dal tuo bisogno, non da un modello.<\/p>\n        <\/div>\n        <div class=\"step\">\n          <div class=\"n\">02<\/div>\n          <h4>Progettiamo e costruiamo<\/h4>\n          <p>Grafica coordinata, sito e negozio. Lo vedi prima online, lo mettiamo a punto insieme.<\/p>\n        <\/div>\n        <div class=\"step\">\n          <div class=\"n\">03<\/div>\n          <h4>Gestiamo e aggiorniamo<\/h4>\n          <p>Manutenzione, nuove offerte, campagne: resta vivo nel tempo, senza pensieri tuoi.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n  <footer class=\"foot\" id=\"contatti\">\n    <div class=\"in\">\n      <span class=\"eyebrow\" style=\"color:var(--cobalt)\">Il prossimo passo<\/span>\n      <h2 style=\"margin-top:16px\">Vuoi un sito cos\u00ec?<br>Partiamo dal tuo marchio.<\/h2>\n      <p class=\"lead\">Ci dici cosa ti serve, pensiamo noi a grafica, sito e offerte. Tu vedi crescere il tuo negozio.<\/p>\n      <div class=\"cta\">\n        <a class=\"btn btn--solid\" href=\"#top\">Scrivici\n          <svg class=\"arw\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/a>\n        <a class=\"btn btn--ghost\" href=\"#servizi\">Rivedi i servizi<\/a>\n      <\/div>\n      <div class=\"end\">\n        <div class=\"brand\">\n          <span class=\"mark\" style=\"color:var(--paper);font-weight:800;font-size:20px;letter-spacing:-.02em\">DPI<\/span>\n          <svg class=\"reg\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" style=\"width:14px;height:14px;color:var(--signal)\"><path d=\"M12 2v7M12 15v7M2 12h7M15 12h7\" stroke=\"currentColor\" stroke-width=\"1.6\"\/><circle cx=\"12\" cy=\"12\" r=\"4.4\" stroke=\"currentColor\" stroke-width=\"1.6\"\/><\/svg>\n          <span class=\"sub\">Digital Print<\/span>\n        <\/div>\n        <span class=\"fine\">Pagina dimostrativa \u00b7 Demo rivenditore \u00b7 contenuti di esempio<\/span>\n      <\/div>\n    <\/div>\n  <\/footer>\n<\/div>\n<!-- \/wp:html -->\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"disabled","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-25112","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/barrasso.dpishop.it\/index.php?rest_route=\/wp\/v2\/pages\/25112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/barrasso.dpishop.it\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/barrasso.dpishop.it\/index.php?rest_route=\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/barrasso.dpishop.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=25112"}],"version-history":[{"count":0,"href":"https:\/\/barrasso.dpishop.it\/index.php?rest_route=\/wp\/v2\/pages\/25112\/revisions"}],"wp:attachment":[{"href":"https:\/\/barrasso.dpishop.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=25112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}