{"id":22639,"date":"2023-09-29T15:33:15","date_gmt":"2023-09-29T13:33:15","guid":{"rendered":"https:\/\/truedesign.we-dev.it\/products\/dna-out\/"},"modified":"2025-03-20T17:42:07","modified_gmt":"2025-03-20T16:42:07","slug":"dna-out","status":"publish","type":"product","link":"https:\/\/staging.truedesign.we-dev.it\/en\/products\/dna-out\/","title":{"rendered":"Dna Out"},"content":{"rendered":"\n<div class=\"product-hero relative overflow-hidden h-3\/4-screen md:h-screen min-h-120 flex lg:block flex-col items-center\">\n            <img class=\"h-full w-full object-cover object-top order-2\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1622448913-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1622448913-300x188.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1622448913-768x480.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1622448913-1024x640.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1622448913-1536x960.jpg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1622448913.jpg 2048w\" loading=\"lazy\" alt=\"1622448913\" \/>\n        <div class=\"product-hero__content absolute h-fit top-0 bottom-0 mt-40 z-10 lg:my-auto mx-0 px-4 order-1 text-center\">\n                                    <div>\n    <a class=\"cta-base inline-block w-fit animation-fade-in-up\" target=\"_self\" href=\"https:\/\/staging.truedesign.we-dev.it\/en\/designers\/debora-mansur\/\">\n        <div class=\"cta__text transition-colors relative hover:text-grey text-base font-thin break-normal\">Debora Mansur<\/div>\n    <\/a>\n<\/div>\n                            <div>\n    <a class=\"cta-base inline-block w-fit animation-fade-in-up\" target=\"_self\" href=\"https:\/\/staging.truedesign.we-dev.it\/en\/designers\/leonardo-rossano\/\">\n        <div class=\"cta__text transition-colors relative hover:text-grey text-base font-thin break-normal\">Leonardo Rossano<\/div>\n    <\/a>\n<\/div>\n                            <div class=\"mb-10 lg:mb-0\">\n            <h1 class=\"title text-[50px] lg:text-[90px] font-semibold text-center animation-fade-in-up\">\n                Dna Out            <\/h1>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n        <style>\n                                <\/style>\n    \n<div class=\"block-columns relative px-5 -n-cols-2 max-w-screen-xl mx-auto \">\n    \n    <div class=\"block-columns__wrapper lg:flex lg:justify-center  lg:gap-x-8 \">\n                    <div class=\"block-columns__text-wr flex-1 my-8 lg:my-10 lg:px-14\">\n                \n<div class=\"text text-lg lg:text-xl text-left font-bold animation-fade-in-up \">\n    <div><p>DNA Out: the all-steel version of the bench that has become an iconic piece of the True collection, designed by Leonardo Rossano and Debora Mansur.<\/p>\n<\/div>\n<\/div>\n            <\/div>\n                    <div class=\"block-columns__text-wr flex-1 my-8 lg:my-10 lg:px-14\">\n                \n<div class=\"text text-base text-left font-light animation-fade-in-up \">\n    <div><p>The lightness of the steel sheet and the absence of joints on the seat embrace the sense of spatial continuity of this product, which is much more than a bench: an object in space. Like the indoor version, Dna Out is also based on the potentially infinite repetition of a single modular element. Available in different colors and finishes, it is suitable for furnishing a variety of spaces, not only outdoors.<\/p>\n<\/div>\n<\/div>\n            <\/div>\n            <\/div>\n<\/div>\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<section class=\"image flex align-center justify-center relative animation-fade-in-up   --small\" data-zoom-animation=\"\">\n    <div class=\"image__container overflow-hidden relative w-screen max-w-screen-huge mx-auto\">\n                    <img class=\"hidden lg:block w-full object-contain\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644223041-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644223041-300x172.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644223041-768x440.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644223041-1024x587.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644223041-1536x880.jpg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644223041.jpg 2048w\" loading=\"lazy\" alt=\"1644223041\"  \/>\n                            <img class=\"lg:hidden w-full object-contain\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644223041-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644223041-300x172.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644223041-768x440.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644223041-1024x587.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644223041-1536x880.jpg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644223041.jpg 2048w\" loading=\"lazy\" alt=\"1644223041\"  \/>\n            <\/div>\n<\/section>\n\n<div style=\"height:250px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<div class=\"carousel swiper lg:px-16 overflow-hidden   --wide\" data-zoom-animation=\"\" data-loop=\"1\" data-space-between=\"0\" data-slides-per-view=\"1\" data-slide-effect=\"\">\n    <div class=\"carousel-wrapper swiper-wrapper\">\n                                    <div class=\"carousel-slide swiper-slide\">\n                                            <img class=\"w-full aspect-video\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16442241879870-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16442241879870-300x172.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16442241879870-768x440.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16442241879870-1024x587.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16442241879870-1536x880.jpg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16442241879870.jpg 2048w\" loading=\"lazy\" alt=\"16442241879870\" \/>\n                                    <\/div>\n                            <div class=\"carousel-slide swiper-slide\">\n                                            <img class=\"w-full aspect-video\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16442241879891-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16442241879891-300x172.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16442241879891-768x440.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16442241879891-1024x587.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16442241879891-1536x880.jpg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16442241879891.jpg 2048w\" loading=\"lazy\" alt=\"16442241879891\" \/>\n                                    <\/div>\n                            <div class=\"carousel-slide swiper-slide\">\n                                            <img class=\"w-full aspect-video\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16442241879902-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16442241879902-300x172.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16442241879902-768x440.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16442241879902-1024x587.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16442241879902-1536x880.jpg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16442241879902.jpg 2048w\" loading=\"lazy\" alt=\"16442241879902\" \/>\n                                    <\/div>\n                        <\/div>\n    <div class=\"carousel-pagination swiper-pagination text-black md:text-white text-sm\"><\/div>\n\n    <div class=\"carousel-button-prev relative swiper-button-prev h-12 w-12 md:h-16 md:w-16 hidden md:flex justify-center items-center text-white overflow-hidden\">\n        <svg width=\"30\" height=\"31\" viewBox=\"0 0 30 31\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g opacity=\"0.8\" clip-path=\"url(#clip0_551_6364)\">\n<path d=\"M23.75 15.0083H6.25\" stroke=\"currentColor\" stroke-width=\"1.25\"\/>\n<path d=\"M15 23.7583L6.25 15.0083L15 6.2583\" stroke=\"currentColor\" stroke-width=\"1.25\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_551_6364\">\n<rect width=\"30\" height=\"30\" fill=\"white\" transform=\"translate(0 0.00830078)\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n    <\/div>\n    <div class=\"carousel-button-next relative swiper-button-next h-12 w-12 md:h-16 md:w-16 hidden md:flex justify-center items-center text-white overflow-hidden\">\n        <svg width=\"30\" height=\"31\" viewBox=\"0 0 30 31\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g opacity=\"0.8\" clip-path=\"url(#clip0_551_6359)\">\n<path d=\"M6.25 15.0083H23.75\" stroke=\"currentColor\" stroke-width=\"1.25\"\/>\n<path d=\"M15 6.2583L23.75 15.0083L15 23.7583\" stroke=\"currentColor\" stroke-width=\"1.25\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_551_6359\">\n<rect width=\"30\" height=\"30\" fill=\"white\" transform=\"translate(0 0.00830078)\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n    <\/div>\n<\/div>\n\n<div style=\"height:170px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<div class=\"text-media relative lg:flex lg:items-center max-w-screen-xl mx-auto justify-center gap-12 lg:gap-16 px-5 lg:px-20 \">\n    <div class=\"max-w-100 mx-auto lg:mx-0 \">\n        <div>\n            <div class=\"mb-4 leading-10\">\n                <div class=\"title text-[22px] lg:text-[30px] font-semibold text-left animation-fade-in-up \">\n                    <div> Appearing to disappear <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"mr-4 lg:mr-0 my-4 lg:my-8 leading-7\">\n                \n<div class=\"text text-base text-left font-light animation-fade-in-up \">\n    <div><p>The True Outdoor collection\u00a0not only immerses itself in nature, it blends into it.<br \/>\nObjects designed to be experienced in open spaces are transformed into camouflaged bodies, where function overtakes trends and aesthetics become totally integrated with the place.<\/p>\n<\/div>\n<\/div>\n            <\/div>\n                            <div class=\"mr-4 lg:mr-0 lg:mt-8\">\n                    \n    <a class=\"cta-underline inline-flex items-center gap-x-2 w-fit group animation-fade-in-up\" target=\"_self\" href=\"\/it\/stories\/mimesi\/\">\n        <div class=\"cta__text transition-colors relative --hover-animation text-base font-semibold break-normal\">Scopri il progetto Mimesi<\/div>\n                    <div class=\"h-4 lg:translate-y-4 transition duration-300 opacity-0 group-hover:opacity-100 lg:group-hover:translate-y-0\"><svg width=\"30\" height=\"30\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g clip-path=\"url(#clip0_629_5901)\">\n<path d=\"M1 1H15M15 1V15M15 1L1 15\" stroke=\"currentColor\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_629_5901\">\n<rect width=\"30\" height=\"30\" fill=\"white\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n <\/div>\n            <\/a>\n                <\/div>\n                    <\/div>\n    <\/div>\n    <div class=\"my-12 \">\n                                    <video class=\"w-[430px] lg:ml-auto aspect-square animation-fade-in-up mx-auto lg:mx-0 object-cover\" muted autoplay loop playsinline>\n                    <source src=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/dna-out-video.mp4\" type=\"video\/mp4\" \/>\n                <\/video>\n                        <\/div>\n<\/div>\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<div class=\"product-variants my-28 px-6 lg:px-20 mx-auto\">\n    \n<div class=\"title text-xl font-semibold text-center animation-fade-in-up \">\n    <div> Variants <\/div>\n<\/div>\n    <ul class=\"product-variants__list flex flex-wrap list-none\">\n                            <li class=\"product-variants__item animation-fade-in-up group cursor-pointer w-full lg:w-1\/2\" data-variant-index=\"0\">\n                <div class=\"h-92 overflow-hidden\" >\n                    <img class=\"h-full w-full object-contain transition duration-500 group-hover:opacity-75\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/dn3000out-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/dn3000out-300x200.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/dn3000out-768x512.jpeg 768w, https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/dn3000out-1024x683.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/dn3000out-1536x1024.jpeg 1400w\" loading=\"lazy\" alt=\"dn3000out\" \/>\n                <\/div>\n                \n<div class=\"title text-base font-semibold text-center  \">\n    <div> DN 3000 OUT <\/div>\n<\/div>\n                <div class=\"flex justify-center ml-4 mt-2 opacity-0 translate-y-10 uppercase text-xs transition duration-500 text-grey text-center font-semibold group-hover:opacity-100 group-hover:translate-y-0\">\n                    <div>Dettagli <\/div>\n                    <div class=\"h-3 ml-1 mt-0.5\"><svg width=\"30\" height=\"30\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g clip-path=\"url(#clip0_629_5901)\">\n<path d=\"M1 1H15M15 1V15M15 1L1 15\" stroke=\"currentColor\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_629_5901\">\n<rect width=\"30\" height=\"30\" fill=\"white\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n <\/div>\n                <\/div>\n            <\/li>\n                                <li class=\"product-variants__item animation-fade-in-up group cursor-pointer w-full lg:w-1\/2\" data-variant-index=\"1\">\n                <div class=\"h-92 overflow-hidden\" >\n                    <img class=\"h-full w-full object-contain transition duration-500 group-hover:opacity-75\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644225180-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644225180-300x200.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644225180-768x512.jpg 768w, https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644225180-1024x683.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644225180-1536x1024.jpg 1400w\" loading=\"lazy\" alt=\"1644225180\" \/>\n                <\/div>\n                \n<div class=\"title text-base font-semibold text-center  \">\n    <div> DN 4000 OUT <\/div>\n<\/div>\n                <div class=\"flex justify-center ml-4 mt-2 opacity-0 translate-y-10 uppercase text-xs transition duration-500 text-grey text-center font-semibold group-hover:opacity-100 group-hover:translate-y-0\">\n                    <div>Dettagli <\/div>\n                    <div class=\"h-3 ml-1 mt-0.5\"><svg width=\"30\" height=\"30\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g clip-path=\"url(#clip0_629_5901)\">\n<path d=\"M1 1H15M15 1V15M15 1L1 15\" stroke=\"currentColor\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_629_5901\">\n<rect width=\"30\" height=\"30\" fill=\"white\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n <\/div>\n                <\/div>\n            <\/li>\n                        <\/ul>\n\n    <div class=\"product-variants__popup fixed z-30 w-screen h-screen bg-white left-0 top-full overflow-hidden\">\n        <div class=\"flex relative z-10 flex-wrap lg:flex-nowrap\">\n            <div class=\"product-variants__carousel-images swiper w-screen lg:w-3\/4 h-screen lg:overflow-hidden\">\n                <div class=\"product-variants__close-popup absolute z-10 top-10 left-10 opacity-50 hover:opacity-100 cursor-pointer w-6 h-6 lg:w-9 lg:h-9 text-black\">\n                    <svg width=\"21\" height=\"21\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M19.5 1.5L1.49999 19.5\" stroke=\"currentColor\"\/>\n<path d=\"M1.49999 1.5L19.5 19.5\" stroke=\"currentColor\"\/>\n<\/svg>\n                <\/div>\n                <div class=\"product-variants__open-tech absolute z-10 top-10 right-10 cursor-pointer font-semibold text-[18px] text-grey underline lg:hidden\">\n                    Techsheet                <\/div>\n                <div class=\"product-variants__carousel-images-wrapper swiper-wrapper\">\n                                            <div class=\"product-variants__carousel-images-slide swiper-slide\">\n                            <img class=\"h-full w-auto object-contain mx-auto\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/dn3000out-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/dn3000out-300x200.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/dn3000out-768x512.jpeg 768w, https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/dn3000out-1024x683.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/dn3000out-1536x1024.jpeg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/dn3000out.jpeg 2048w\" loading=\"lazy\" alt=\"dn3000out\" \/>\n                        <\/div>\n                                            <div class=\"product-variants__carousel-images-slide swiper-slide\">\n                            <img class=\"h-full w-auto object-contain mx-auto\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644225180-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644225180-300x200.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644225180-768x512.jpg 768w, https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644225180-1024x683.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644225180-1536x1024.jpg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644225180-2048x1365.jpg 2048w\" loading=\"lazy\" alt=\"1644225180\" \/>\n                        <\/div>\n                                    <\/div>\n                <div class=\"product-variants__carousel-images-pagination swiper-pagination text-black text-sm\"><\/div>\n                <div class=\"product-variants__carousel-images-button-prev relative swiper-button-prev h-12 w-12 md:h-16 md:w-16 hidden md:flex justify-center items-center text-white\">\n                    <svg width=\"30\" height=\"31\" viewBox=\"0 0 30 31\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g opacity=\"0.8\" clip-path=\"url(#clip0_551_6364)\">\n<path d=\"M23.75 15.0083H6.25\" stroke=\"currentColor\" stroke-width=\"1.25\"\/>\n<path d=\"M15 23.7583L6.25 15.0083L15 6.2583\" stroke=\"currentColor\" stroke-width=\"1.25\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_551_6364\">\n<rect width=\"30\" height=\"30\" fill=\"white\" transform=\"translate(0 0.00830078)\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n                <\/div>\n                <div class=\"product-variants__carousel-images-button-next relative swiper-button-next h-12 w-12 md:h-16 md:w-16 hidden md:flex justify-center items-center text-white\">\n                    <svg width=\"30\" height=\"31\" viewBox=\"0 0 30 31\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g opacity=\"0.8\" clip-path=\"url(#clip0_551_6359)\">\n<path d=\"M6.25 15.0083H23.75\" stroke=\"currentColor\" stroke-width=\"1.25\"\/>\n<path d=\"M15 6.2583L23.75 15.0083L15 23.7583\" stroke=\"currentColor\" stroke-width=\"1.25\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_551_6359\">\n<rect width=\"30\" height=\"30\" fill=\"white\" transform=\"translate(0 0.00830078)\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n                <\/div>\n            <\/div>\n            <div class=\"product-variants__carousel-info swiper z-40 fixed lg:static left-full top-0 w-full lg:w-1\/4 bg-light-grey h-screen\">\n                <div class=\"product-variants__close-tech lg:hidden absolute z-10 top-8 right-8 cursor-pointer w-8 h-8 stroke-black\">\n                    <svg width=\"21\" height=\"21\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M19.5 1.5L1.49999 19.5\" stroke=\"currentColor\"\/>\n<path d=\"M1.49999 1.5L19.5 19.5\" stroke=\"currentColor\"\/>\n<\/svg>\n                <\/div>\n                <div class=\"product-variants__carousel-info-wrapper swiper-wrapper\">\n                                            <div class=\"product-variants__carousel-info-slide swiper-slide px-8 lg:px-10 pt-20 lg:pt-32 pb-20\">\n                            \n<div class=\"title text-xl lg:text-2xl font-semibold text-left  \">\n    <div> Dna Out <\/div>\n<\/div>\n                            \n<div class=\"title text-lg font-semibold text-left  \">\n    <div> DN 3000 OUT <\/div>\n<\/div>\n                            <div class=\"flex gap-4 my-6\">\n                                \n    <a class=\"cta-base inline-block w-fit \" target=\"_self\" href=\"https:\/\/staging.truedesign.we-dev.it\/en\/families\/outdoor\/\">\n        <div class=\"cta__text transition-colors relative hover:text-grey text-sm font-semibold break-normal\">Outdoor<\/div>\n    <\/a>\n                                <div class=\"text-sm\"> 3 seater outdoor bench <\/div>\n                            <\/div>\n                            <div class=\"lg:mt-8\"> <img class=\"product-variants__carousel-info-tech-image h-72 xl:h-96 aspect-square object-contain\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/dn3000out-dimensioni-150x79.png 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/dn3000out-dimensioni-300x67.png 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/dn3000out-dimensioni.png 768w\" loading=\"lazy\" alt=\"dn3000out-dimensioni\" \/> <\/div>\n                        <\/div>\n                                            <div class=\"product-variants__carousel-info-slide swiper-slide px-8 lg:px-10 pt-20 lg:pt-32 pb-20\">\n                            \n<div class=\"title text-xl lg:text-2xl font-semibold text-left  \">\n    <div> Dna Out <\/div>\n<\/div>\n                            \n<div class=\"title text-lg font-semibold text-left  \">\n    <div> DN 4000 OUT <\/div>\n<\/div>\n                            <div class=\"flex gap-4 my-6\">\n                                \n    <a class=\"cta-base inline-block w-fit \" target=\"_self\" href=\"https:\/\/staging.truedesign.we-dev.it\/en\/families\/outdoor\/\">\n        <div class=\"cta__text transition-colors relative hover:text-grey text-sm font-semibold break-normal\">Outdoor<\/div>\n    <\/a>\n                                <div class=\"text-sm\"> 4 seater outdoor bench <\/div>\n                            <\/div>\n                            <div class=\"lg:mt-8\"> <img class=\"product-variants__carousel-info-tech-image h-72 xl:h-96 aspect-square object-contain\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644243230-150x79.png 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644243230-300x67.png 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644243230.png 768w\" loading=\"lazy\" alt=\"1644243230\" \/> <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<div class=\"product-tech-specifications flex flex-wrap gap-y-8 mx-auto my-28 px-6\">\n    <div class=\"w-full lg:w-1\/3 lg:px-4 leading-7\">\n        \n<div class=\"text lg:text-lg text-left font-semibold animation-fade-in-up \">\n    <div>Metal bench with laser-cut and cold-bent monolithic support elements. The bench is galvanised and painted.<\/div>\n<\/div>\n    <\/div>\n    <div class=\"w-full lg:w-1\/3 lg:px-20\">\n        <img class=\"product-tech-specifications__tech-image min-h-[100px] object-contain animation-fade-in-up \" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1623250595-150x150.png 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1623250595-300x145.png 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1623250595.png 768w\" loading=\"lazy\" alt=\"1623250595\" \/>\n    <\/div>\n    <div class=\"w-full lg:w-1\/3\">\n        \n<div class=\"text text-[26px] text-left font-semibold animation-fade-in-up \">\n    <div>Specifiche tecniche<\/div>\n<\/div>\n        <ol class=\"product-tech-specifications__list mt-4 animation-fade-in-up\">\n                                    <li class=\"product-tech-specifications__item my-2\">\n                    \n<div class=\"text text-[16px] text-left font-light  \">\n    <div>Steel frame<\/div>\n<\/div>\n                <\/li>\n                                                <li class=\"product-tech-specifications__item my-2\">\n                    \n<div class=\"text text-[16px] text-left font-light  \">\n    <div>Steel support<\/div>\n<\/div>\n                <\/li>\n                        <\/ol>\n    <\/div>\n<\/div>\n\n\n<div class=\"latest-projects bg-light-grey px-4 py-28 lg:py-32\">\n    <div class=\"text-center font-semibold text-xl\">\n        I progetti True    <\/div>\n    <div class=\"latest-projects__carousel swiper mt-16\">\n        <div class=\"latest-projects__carousel-wrapper swiper-wrapper\">\n            <!-- Slides -->\n            \n                                \n                                \n                                <a class=\"latest-projects__carousel-slide swiper-slide group\" href=\"https:\/\/staging.truedesign.we-dev.it\/en\/projects\/teamsystem-hq\/\">\n                    <div class=\"aspect-5\/3 flex items-end\">\n                                                    <img class=\"h-full w-full object-cover aspect-5\/3\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2025\/06\/A1-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2025\/06\/A1-300x169.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2025\/06\/A1-768x432.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2025\/06\/A1-1024x576.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2025\/06\/A1-1536x864.jpg 1400w\" loading=\"lazy\" alt=\"A1\" \/>\n                                            <\/div>\n                                        <div class=\"mt-4\">\n                                                    \n    <div class=\"cta-base inline-block w-fit animation-fade-in-up\" target=\"_self\" href=\"\">\n        <div class=\"cta__text transition-colors relative text-sm font-semibold break-normal\">Offices<\/div>\n    <\/div>\n                                                <div class=\"animation-fade-in-up flex justify-between py-2\">\n                            <div class=\"font-semibold transition-colors duration-500\">\n                                <div class=\"text-[22px]\">TeamSystem HQ <\/div>\n                                <div> \n<div class=\"text text-sm text-left font-normal  \">\n    <div>Milan, Italy<\/div>\n<\/div>\n <\/div>\n                            <\/div>\n                            <div class=\"link-icon h-5 translate-y-8 transition duration-500 opacity-0 group-hover:opacity-100 group-hover:translate-y-4\"><svg width=\"30\" height=\"30\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g clip-path=\"url(#clip0_629_5901)\">\n<path d=\"M1 1H15M15 1V15M15 1L1 15\" stroke=\"currentColor\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_629_5901\">\n<rect width=\"30\" height=\"30\" fill=\"white\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n <\/div>\n                        <\/div>\n                    <\/div>\n                <\/a>\n            \n                                \n                                \n                                <a class=\"latest-projects__carousel-slide swiper-slide group\" href=\"https:\/\/staging.truedesign.we-dev.it\/en\/projects\/snaitech\/\">\n                    <div class=\"aspect-5\/3 flex items-end\">\n                                                    <img class=\"h-full w-full object-cover aspect-5\/3\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2025\/06\/AA1-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2025\/06\/AA1-300x169.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2025\/06\/AA1-768x432.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2025\/06\/AA1-1024x576.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2025\/06\/AA1-1536x864.jpg 1400w\" loading=\"lazy\" alt=\"AA1\" \/>\n                                            <\/div>\n                                        <div class=\"mt-4\">\n                                                    \n    <div class=\"cta-base inline-block w-fit animation-fade-in-up\" target=\"_self\" href=\"\">\n        <div class=\"cta__text transition-colors relative text-sm font-semibold break-normal\">Offices<\/div>\n    <\/div>\n                                                <div class=\"animation-fade-in-up flex justify-between py-2\">\n                            <div class=\"font-semibold transition-colors duration-500\">\n                                <div class=\"text-[22px]\">Snaitech <\/div>\n                                <div> \n<div class=\"text text-sm text-left font-normal  \">\n    <div>Milan, Italy<\/div>\n<\/div>\n <\/div>\n                            <\/div>\n                            <div class=\"link-icon h-5 translate-y-8 transition duration-500 opacity-0 group-hover:opacity-100 group-hover:translate-y-4\"><svg width=\"30\" height=\"30\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g clip-path=\"url(#clip0_629_5901)\">\n<path d=\"M1 1H15M15 1V15M15 1L1 15\" stroke=\"currentColor\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_629_5901\">\n<rect width=\"30\" height=\"30\" fill=\"white\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n <\/div>\n                        <\/div>\n                    <\/div>\n                <\/a>\n            \n                                \n                                \n                                <a class=\"latest-projects__carousel-slide swiper-slide group\" href=\"https:\/\/staging.truedesign.we-dev.it\/en\/projects\/true-concept-space-in-london\/\">\n                    <div class=\"aspect-5\/3 flex items-end\">\n                                                    <img class=\"h-full w-full object-cover aspect-5\/3\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2025\/06\/true-concept-space-in-london12-3-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2025\/06\/true-concept-space-in-london12-3-300x194.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2025\/06\/true-concept-space-in-london12-3-768x496.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2025\/06\/true-concept-space-in-london12-3-1024x661.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2025\/06\/true-concept-space-in-london12-3-1536x992.jpg 1400w\" loading=\"lazy\" alt=\"Progetto senza titolo - 5\" \/>\n                                            <\/div>\n                                        <div class=\"mt-4\">\n                                                    \n    <div class=\"cta-base inline-block w-fit animation-fade-in-up\" target=\"_self\" href=\"\">\n        <div class=\"cta__text transition-colors relative text-sm font-semibold break-normal\">True Spaces<\/div>\n    <\/div>\n                                                <div class=\"animation-fade-in-up flex justify-between py-2\">\n                            <div class=\"font-semibold transition-colors duration-500\">\n                                <div class=\"text-[22px]\">True Concept Space in London <\/div>\n                                <div> \n<div class=\"text text-sm text-left font-normal  \">\n    <div>London, UK<\/div>\n<\/div>\n <\/div>\n                            <\/div>\n                            <div class=\"link-icon h-5 translate-y-8 transition duration-500 opacity-0 group-hover:opacity-100 group-hover:translate-y-4\"><svg width=\"30\" height=\"30\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g clip-path=\"url(#clip0_629_5901)\">\n<path d=\"M1 1H15M15 1V15M15 1L1 15\" stroke=\"currentColor\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_629_5901\">\n<rect width=\"30\" height=\"30\" fill=\"white\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n <\/div>\n                        <\/div>\n                    <\/div>\n                <\/a>\n            \n                                \n                                \n                                <a class=\"latest-projects__carousel-slide swiper-slide group\" href=\"https:\/\/staging.truedesign.we-dev.it\/en\/projects\/nami-medical-resort-clinic\/\">\n                    <div class=\"aspect-5\/3 flex items-end\">\n                                                    <img class=\"h-full w-full object-cover aspect-5\/3\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2025\/05\/DJI_0218-1-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2025\/05\/DJI_0218-1-300x190.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2025\/05\/DJI_0218-1-768x486.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2025\/05\/DJI_0218-1-1024x647.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2025\/05\/DJI_0218-1-1536x971.jpg 1400w\" loading=\"lazy\" alt=\"DJI_0218\" \/>\n                                            <\/div>\n                                        <div class=\"mt-4\">\n                                                    \n    <div class=\"cta-base inline-block w-fit animation-fade-in-up\" target=\"_self\" href=\"\">\n        <div class=\"cta__text transition-colors relative text-sm font-semibold break-normal\">Hospitality<\/div>\n    <\/div>\n                                                <div class=\"animation-fade-in-up flex justify-between py-2\">\n                            <div class=\"font-semibold transition-colors duration-500\">\n                                <div class=\"text-[22px]\">Nami Medical Resort &#038; Clinic <\/div>\n                                <div> \n<div class=\"text text-sm text-left font-normal  \">\n    <div>Sopot, Poland<\/div>\n<\/div>\n <\/div>\n                            <\/div>\n                            <div class=\"link-icon h-5 translate-y-8 transition duration-500 opacity-0 group-hover:opacity-100 group-hover:translate-y-4\"><svg width=\"30\" height=\"30\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g clip-path=\"url(#clip0_629_5901)\">\n<path d=\"M1 1H15M15 1V15M15 1L1 15\" stroke=\"currentColor\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_629_5901\">\n<rect width=\"30\" height=\"30\" fill=\"white\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n <\/div>\n                        <\/div>\n                    <\/div>\n                <\/a>\n            \n                                \n                                \n                                <a class=\"latest-projects__carousel-slide swiper-slide group\" href=\"https:\/\/staging.truedesign.we-dev.it\/en\/projects\/salone-del-mobile-2025\/\">\n                    <div class=\"aspect-5\/3 flex items-end\">\n                                                    <img class=\"h-full w-full object-cover aspect-5\/3\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2025\/04\/zuel_slide_3-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2025\/04\/zuel_slide_3-300x169.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2025\/04\/zuel_slide_3-768x432.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2025\/04\/zuel_slide_3-1024x576.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2025\/04\/zuel_slide_3-1536x864.jpg 1400w\" loading=\"lazy\" alt=\"zuel_slide_3\" \/>\n                                            <\/div>\n                                        <div class=\"mt-4\">\n                                                    \n    <div class=\"cta-base inline-block w-fit animation-fade-in-up\" target=\"_self\" href=\"\">\n        <div class=\"cta__text transition-colors relative text-sm font-semibold break-normal\">True Spaces<\/div>\n    <\/div>\n                                                <div class=\"animation-fade-in-up flex justify-between py-2\">\n                            <div class=\"font-semibold transition-colors duration-500\">\n                                <div class=\"text-[22px]\">Salone del Mobile 2025 <\/div>\n                                <div> \n<div class=\"text text-sm text-left font-normal  \">\n    <div>Milan, Italy<\/div>\n<\/div>\n <\/div>\n                            <\/div>\n                            <div class=\"link-icon h-5 translate-y-8 transition duration-500 opacity-0 group-hover:opacity-100 group-hover:translate-y-4\"><svg width=\"30\" height=\"30\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g clip-path=\"url(#clip0_629_5901)\">\n<path d=\"M1 1H15M15 1V15M15 1L1 15\" stroke=\"currentColor\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_629_5901\">\n<rect width=\"30\" height=\"30\" fill=\"white\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n <\/div>\n                        <\/div>\n                    <\/div>\n                <\/a>\n                    <\/div>\n        <div class=\"latest-projects__carousel-pagination swiper-pagination\"><\/div>\n\n        <div class=\"latest-projects__carousel-button-prev relative swiper-button-prev h-12 w-12 md:h-14 md:w-14 overflow-hidden hidden md:flex justify-center items-center text-white\">\n            <svg width=\"30\" height=\"31\" viewBox=\"0 0 30 31\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g opacity=\"0.8\" clip-path=\"url(#clip0_551_6364)\">\n<path d=\"M23.75 15.0083H6.25\" stroke=\"currentColor\" stroke-width=\"1.25\"\/>\n<path d=\"M15 23.7583L6.25 15.0083L15 6.2583\" stroke=\"currentColor\" stroke-width=\"1.25\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_551_6364\">\n<rect width=\"30\" height=\"30\" fill=\"white\" transform=\"translate(0 0.00830078)\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n        <\/div>\n        <div class=\"latest-projects__carousel-button-next relative swiper-button-next h-12 w-12 md:h-14 md:w-14 overflow-hidden hidden md:flex justify-center items-center text-white\">\n            <svg width=\"30\" height=\"31\" viewBox=\"0 0 30 31\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g opacity=\"0.8\" clip-path=\"url(#clip0_551_6359)\">\n<path d=\"M6.25 15.0083H23.75\" stroke=\"currentColor\" stroke-width=\"1.25\"\/>\n<path d=\"M15 6.2583L23.75 15.0083L15 23.7583\" stroke=\"currentColor\" stroke-width=\"1.25\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_551_6359\">\n<rect width=\"30\" height=\"30\" fill=\"white\" transform=\"translate(0 0.00830078)\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<div class=\"product-downloads relative py-24 px-5 lg:px-20 bg-brown text-white\">\n    \n<div class=\"title text-lg font-semibold text-center animation-fade-in-up \">\n    <div> Downloads <\/div>\n<\/div>\n    <ul class=\"product-downloads__grid grid md:grid-cols-2 lg:grid-cols-3 gap-6 mt-12 list-none\">\n                                    <li class=\"opacity-0 translate-y-4\">\n                    <a class=\"flex w-full group border border-opacity-grey hover:border-grey transition-colors duration-500 py-4 px-4 items-center\" href=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/TRUE_Dna-Out-benches_Catalogue.pdf\" download=\"TRUE_Dna Out benches_Catalogue\">\n                        <div class=\"flex w-2\/3 md:w-3\/4 items-center gap-x-2 lg:gap-x-4\">\n                            <div class=\"h-3 md:h-10 fill-white transition-transform duration-500 lg:-translate-x-1 lg:-translate-y-1 lg:group-hover:translate-x-0 lg:group-hover:translate-y-0\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g clip-path=\"url(#clip0_629_5900)\">\n<path d=\"M15 1L15 15M15 15L0.999999 15M15 15L1 0.999999\" stroke=\"currentColor\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_629_5900\">\n<rect width=\"16\" height=\"16\" fill=\"white\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n                            <\/div>\n                            <div class=\"font-semibold text-[14px] md:text-base\">Catalogue<\/div>\n                        <\/div>\n                        <div class=\"flex w-1\/3 md:w-1\/4 text-grey items-center justify-end gap-x-2 text-xs uppercase\">\n                            <div>pdf<\/div>\n                            &#8211;\n                                                            <div>7 MB<\/div>\n                                                    <\/div>\n                    <\/a>\n                <\/li>\n                                                <li class=\"opacity-0 translate-y-4\">\n                    <a class=\"flex w-full group border border-opacity-grey hover:border-grey transition-colors duration-500 py-4 px-4 items-center\" href=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/TRUE_Dna-benches_Tech-Sheet-1.pdf\" download=\"TRUE_Dna benches_Tech Sheet\">\n                        <div class=\"flex w-2\/3 md:w-3\/4 items-center gap-x-2 lg:gap-x-4\">\n                            <div class=\"h-3 md:h-10 fill-white transition-transform duration-500 lg:-translate-x-1 lg:-translate-y-1 lg:group-hover:translate-x-0 lg:group-hover:translate-y-0\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g clip-path=\"url(#clip0_629_5900)\">\n<path d=\"M15 1L15 15M15 15L0.999999 15M15 15L1 0.999999\" stroke=\"currentColor\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_629_5900\">\n<rect width=\"16\" height=\"16\" fill=\"white\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n                            <\/div>\n                            <div class=\"font-semibold text-[14px] md:text-base\">Techsheet<\/div>\n                        <\/div>\n                        <div class=\"flex w-1\/3 md:w-1\/4 text-grey items-center justify-end gap-x-2 text-xs uppercase\">\n                            <div>pdf<\/div>\n                            &#8211;\n                                                            <div>891 KB<\/div>\n                                                    <\/div>\n                    <\/a>\n                <\/li>\n                                                <li class=\"opacity-0 translate-y-4\">\n                    <a class=\"flex w-full group border border-opacity-grey hover:border-grey transition-colors duration-500 py-4 px-4 items-center\" href=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/TRUE_Dna-Out-benches_Pictures.zip\" download=\"TRUE_Dna Out benches_Pictures\">\n                        <div class=\"flex w-2\/3 md:w-3\/4 items-center gap-x-2 lg:gap-x-4\">\n                            <div class=\"h-3 md:h-10 fill-white transition-transform duration-500 lg:-translate-x-1 lg:-translate-y-1 lg:group-hover:translate-x-0 lg:group-hover:translate-y-0\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g clip-path=\"url(#clip0_629_5900)\">\n<path d=\"M15 1L15 15M15 15L0.999999 15M15 15L1 0.999999\" stroke=\"currentColor\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_629_5900\">\n<rect width=\"16\" height=\"16\" fill=\"white\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n                            <\/div>\n                            <div class=\"font-semibold text-[14px] md:text-base\">Images<\/div>\n                        <\/div>\n                        <div class=\"flex w-1\/3 md:w-1\/4 text-grey items-center justify-end gap-x-2 text-xs uppercase\">\n                            <div>zip<\/div>\n                            &#8211;\n                                                            <div>3 MB<\/div>\n                                                    <\/div>\n                    <\/a>\n                <\/li>\n                                                <li class=\"opacity-0 translate-y-4\">\n                    <a class=\"flex w-full group border border-opacity-grey hover:border-grey transition-colors duration-500 py-4 px-4 items-center\" href=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/TRUE_Dna-Out-benches_2D.zip\" download=\"TRUE_Dna Out benches_2D\">\n                        <div class=\"flex w-2\/3 md:w-3\/4 items-center gap-x-2 lg:gap-x-4\">\n                            <div class=\"h-3 md:h-10 fill-white transition-transform duration-500 lg:-translate-x-1 lg:-translate-y-1 lg:group-hover:translate-x-0 lg:group-hover:translate-y-0\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g clip-path=\"url(#clip0_629_5900)\">\n<path d=\"M15 1L15 15M15 15L0.999999 15M15 15L1 0.999999\" stroke=\"currentColor\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_629_5900\">\n<rect width=\"16\" height=\"16\" fill=\"white\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n                            <\/div>\n                            <div class=\"font-semibold text-[14px] md:text-base\">Drawings 2D<\/div>\n                        <\/div>\n                        <div class=\"flex w-1\/3 md:w-1\/4 text-grey items-center justify-end gap-x-2 text-xs uppercase\">\n                            <div>zip<\/div>\n                            &#8211;\n                                                            <div>564 KB<\/div>\n                                                    <\/div>\n                    <\/a>\n                <\/li>\n                                                <li class=\"opacity-0 translate-y-4\">\n                    <a class=\"flex w-full group border border-opacity-grey hover:border-grey transition-colors duration-500 py-4 px-4 items-center\" href=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/TRUE_Dna-Out-pouf_3D.zip\" download=\"TRUE_Dna Out pouf_3D\">\n                        <div class=\"flex w-2\/3 md:w-3\/4 items-center gap-x-2 lg:gap-x-4\">\n                            <div class=\"h-3 md:h-10 fill-white transition-transform duration-500 lg:-translate-x-1 lg:-translate-y-1 lg:group-hover:translate-x-0 lg:group-hover:translate-y-0\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g clip-path=\"url(#clip0_629_5900)\">\n<path d=\"M15 1L15 15M15 15L0.999999 15M15 15L1 0.999999\" stroke=\"currentColor\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_629_5900\">\n<rect width=\"16\" height=\"16\" fill=\"white\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n                            <\/div>\n                            <div class=\"font-semibold text-[14px] md:text-base\">3D models<\/div>\n                        <\/div>\n                        <div class=\"flex w-1\/3 md:w-1\/4 text-grey items-center justify-end gap-x-2 text-xs uppercase\">\n                            <div>zip<\/div>\n                            &#8211;\n                                                            <div>5 MB<\/div>\n                                                    <\/div>\n                    <\/a>\n                <\/li>\n                                                <li class=\"opacity-0 translate-y-4\">\n                    <a class=\"flex w-full group border border-opacity-grey hover:border-grey transition-colors duration-500 py-4 px-4 items-center\" href=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/TRUE_Dna-out_revit.zip\" download=\"TRUE_Dna out_revit\">\n                        <div class=\"flex w-2\/3 md:w-3\/4 items-center gap-x-2 lg:gap-x-4\">\n                            <div class=\"h-3 md:h-10 fill-white transition-transform duration-500 lg:-translate-x-1 lg:-translate-y-1 lg:group-hover:translate-x-0 lg:group-hover:translate-y-0\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g clip-path=\"url(#clip0_629_5900)\">\n<path d=\"M15 1L15 15M15 15L0.999999 15M15 15L1 0.999999\" stroke=\"currentColor\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_629_5900\">\n<rect width=\"16\" height=\"16\" fill=\"white\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n                            <\/div>\n                            <div class=\"font-semibold text-[14px] md:text-base\">Revit<\/div>\n                        <\/div>\n                        <div class=\"flex w-1\/3 md:w-1\/4 text-grey items-center justify-end gap-x-2 text-xs uppercase\">\n                            <div>zip<\/div>\n                            &#8211;\n                                                            <div>14 MB<\/div>\n                                                    <\/div>\n                    <\/a>\n                <\/li>\n                                                <li class=\"opacity-0 translate-y-4\">\n                    <a class=\"flex w-full group border border-opacity-grey hover:border-grey transition-colors duration-500 py-4 px-4 items-center\" href=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/TRUE_Dna-OUT_Assembly-Instructions.zip\" download=\"TRUE_Dna OUT_Assembly Instructions\">\n                        <div class=\"flex w-2\/3 md:w-3\/4 items-center gap-x-2 lg:gap-x-4\">\n                            <div class=\"h-3 md:h-10 fill-white transition-transform duration-500 lg:-translate-x-1 lg:-translate-y-1 lg:group-hover:translate-x-0 lg:group-hover:translate-y-0\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g clip-path=\"url(#clip0_629_5900)\">\n<path d=\"M15 1L15 15M15 15L0.999999 15M15 15L1 0.999999\" stroke=\"currentColor\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_629_5900\">\n<rect width=\"16\" height=\"16\" fill=\"white\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n                            <\/div>\n                            <div class=\"font-semibold text-[14px] md:text-base\">Assembly instructions<\/div>\n                        <\/div>\n                        <div class=\"flex w-1\/3 md:w-1\/4 text-grey items-center justify-end gap-x-2 text-xs uppercase\">\n                            <div>zip<\/div>\n                            &#8211;\n                                                            <div>4 MB<\/div>\n                                                    <\/div>\n                    <\/a>\n                <\/li>\n                        <\/ul>\n<\/div>\n\n        <a href=\"https:\/\/staging.truedesign.we-dev.it\/en\/products\/code-out\/\" class=\"product-featuredproduct block w-full bg-light-grey lg:pr-6 group mb-8\">\n        <div class=\"flex flex-wrap lg:flex-nowrap gap-y-8 max-w-[1920px] mx-auto\">\n            <div class=\"lg:w-2\/3 order-2 lg:order-1 mx-4 lg:mx-0\">\n                                    <img class=\"w-full lg:w-3\/4 lg:mx-auto aspect-video\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1621238898-150x150.png 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1621238898-300x150.png 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1621238898-768x384.png 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1621238898.png 1024w\" loading=\"lazy\" alt=\"1621238898\" \/>\n                            <\/div>\n            <div class=\"flex relative flex-col justify-center lg:w-1\/4 order-1 lg:order-2 mx-4 py-8\">\n                \n<div class=\"title text-xl lg:text-3xl xl:text-4xl font-semibold text-center animation-fade-in-up \">\n    <div> Code Out <\/div>\n<\/div>\n                \n<div class=\"text text-base text-center font-thin animation-fade-in-up \">\n    <div><p>A comfortable, flexible and modular seating system perfectly suited to any outdoor space due to the endless syntactic possibilities.<\/p>\n<\/div>\n<\/div>\n                <div class=\"flex items-center z-10 font-semibold transition duration-500 left-0 bottom-1 right-0 mx-auto mt-6 lg:mt-14 w-fit lg:opacity-0 lg:group-hover:opacity-100 lg:group-hover:-translate-y-6\" href=\"https:\/\/staging.truedesign.we-dev.it\/en\/products\/dna-out\/\">\n                    <div class=\"text-[20px]\">Discover more<\/div>\n                    <div class=\"h-6 ml-3\"><svg width=\"30\" height=\"30\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g clip-path=\"url(#clip0_629_5901)\">\n<path d=\"M1 1H15M15 1V15M15 1L1 15\" stroke=\"currentColor\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_629_5901\">\n<rect width=\"30\" height=\"30\" fill=\"white\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/a>\n        <style>\n                                <\/style>\n    \n<div class=\"block-columns relative px-5 -n-cols-1 max-w-screen-xl mx-auto \">\n            <div class=\"block-columns__title font-semibold mb-10 lg:px-14\">\n            <div class=\"title text-xl lg:text-[32px] font-semibold text-left animation-fade-in-up \">\n                <div> <p style=\"text-align: center;\">DNA Out: the modular steel bench for every space<\/p> <\/div>\n            <\/div>\n        <\/div>\n    \n    <div class=\"block-columns__wrapper lg:flex lg:justify-center  lg:gap-x-8 \">\n                    <div class=\"block-columns__text-wr flex-1 my-8 lg:my-10 lg:px-14\">\n                \n<div class=\"text  text-left font-light animation-fade-in-up \">\n    <div><p style=\"text-align: center;\">DNA Out is the outdoor evolution of True design&#8217;s iconic bench, reinterpreted entirely in steel to withstand the elements and ensure exceptional durability. With its essential design and jointless seat, DNA OUT enhances spatial continuity, transforming into a sculptural element capable of enriching any environment.<\/p>\n<p style=\"text-align: center;\">Based on modular, potentially infinite repetition, this bench elegantly adapts to open and closed spaces, blending seamlessly with its surroundings. Available in a range of colors and finishes, it is a versatile addition, perfect for gardens, terraces, urban areas and contract environments.<\/p>\n<p style=\"text-align: center;\">Made of steel with laser-cut and cold-bent monolithic elements, the bench undergoes galvanizing and painting treatments for optimal strength. DNA OUT is not just a piece of furniture: it is an object that appears to disappear, blending in with nature and creating a harmonious dialogue with the environment.<\/p>\n<p style=\"text-align: center;\">Choose DNA OUT for timeless design, capable of combining aesthetics, functionality and durability.<\/p>\n<\/div>\n<\/div>\n            <\/div>\n            <\/div>\n<\/div>\n","protected":false},"featured_media":0,"template":"","class_list":["post-22639","product","type-product","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Dna Out - True Design<\/title>\n<meta name=\"description\" content=\"Explore the Dna Out seating family: designer sofas and armchairs 100% Made in Italy. Relax and explore our collections for you.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dna Out - True Design\" \/>\n<meta property=\"og:description\" content=\"Explore the Dna Out seating family: designer sofas and armchairs 100% Made in Italy. Relax and explore our collections for you.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/staging.truedesign.we-dev.it\/en\/products\/dna-out\/\" \/>\n<meta property=\"og:site_name\" content=\"True Design\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-20T16:42:07+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dna Out - True Design","description":"Explore the Dna Out seating family: designer sofas and armchairs 100% Made in Italy. Relax and explore our collections for you.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Dna Out - True Design","og_description":"Explore the Dna Out seating family: designer sofas and armchairs 100% Made in Italy. Relax and explore our collections for you.","og_url":"https:\/\/staging.truedesign.we-dev.it\/en\/products\/dna-out\/","og_site_name":"True Design","article_modified_time":"2025-03-20T16:42:07+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/staging.truedesign.we-dev.it\/en\/products\/dna-out\/","url":"https:\/\/staging.truedesign.we-dev.it\/en\/products\/dna-out\/","name":"Dna Out - True Design","isPartOf":{"@id":"https:\/\/staging.truedesign.we-dev.it\/en\/#website"},"datePublished":"2023-09-29T13:33:15+00:00","dateModified":"2025-03-20T16:42:07+00:00","description":"Explore the Dna Out seating family: designer sofas and armchairs 100% Made in Italy. Relax and explore our collections for you.","breadcrumb":{"@id":"https:\/\/staging.truedesign.we-dev.it\/en\/products\/dna-out\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/staging.truedesign.we-dev.it\/en\/products\/dna-out\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/staging.truedesign.we-dev.it\/en\/products\/dna-out\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/staging.truedesign.we-dev.it\/en\/"},{"@type":"ListItem","position":2,"name":"Products","item":"https:\/\/staging.truedesign.we-dev.it\/en\/products\/"},{"@type":"ListItem","position":3,"name":"Dna Out"}]},{"@type":"WebSite","@id":"https:\/\/staging.truedesign.we-dev.it\/en\/#website","url":"https:\/\/staging.truedesign.we-dev.it\/en\/","name":"True Design","description":"Un nuovo sito targato WordPress","inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/staging.truedesign.we-dev.it\/en\/wp-json\/wp\/v2\/product\/22639","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.truedesign.we-dev.it\/en\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/staging.truedesign.we-dev.it\/en\/wp-json\/wp\/v2\/types\/product"}],"version-history":[{"count":2,"href":"https:\/\/staging.truedesign.we-dev.it\/en\/wp-json\/wp\/v2\/product\/22639\/revisions"}],"predecessor-version":[{"id":27709,"href":"https:\/\/staging.truedesign.we-dev.it\/en\/wp-json\/wp\/v2\/product\/22639\/revisions\/27709"}],"wp:attachment":[{"href":"https:\/\/staging.truedesign.we-dev.it\/en\/wp-json\/wp\/v2\/media?parent=22639"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}