{"id":22625,"date":"2023-09-29T15:33:03","date_gmt":"2023-09-29T13:33:03","guid":{"rendered":"https:\/\/truedesign.we-dev.it\/products\/code-out\/"},"modified":"2025-03-20T17:36:04","modified_gmt":"2025-03-20T16:36:04","slug":"code-out","status":"publish","type":"product","link":"https:\/\/staging.truedesign.we-dev.it\/en\/products\/code-out\/","title":{"rendered":"Code 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\/1621240148-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1621240148-300x188.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1621240148-768x480.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1621240148-1024x640.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1621240148-1536x960.jpg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1621240148.jpg 2048w\" loading=\"lazy\" alt=\"1621240148\" \/>\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\/parisottoformenton\/\">\n        <div class=\"cta__text transition-colors relative hover:text-grey text-base font-thin break-normal\">Parisotto+Formenton<\/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                Code 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-left font-bold animation-fade-in-up \">\n    <div><p><strong>A comfortable, flexible and modular seating system perfectly suited to any outdoor space thanks to the infinite syntactic possibilities.<\/strong><\/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-left font-light animation-fade-in-up \">\n    <div><p>Code Out identifies an aesthetic-formal language of simple geometric signs, which compose an alphabet of informal seating: poufs and maxi poufs, enriched with backrests and integrated tables.<\/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<div class=\"carousel swiper lg:px-16 overflow-hidden   --wide\" data-zoom-animation=\"\" data-loop=\"1\" data-space-between=\"100\" data-slides-per-view=\"1.1\" data-slide-effect=\"normal_slide\">\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\/16212396983857-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983857-300x172.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983857-768x440.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983857-1024x587.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983857-1536x880.jpg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983857.jpg 2048w\" loading=\"lazy\" alt=\"16212396983857\" \/>\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\/16212396983914-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983914-300x172.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983914-768x440.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983914-1024x587.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983914-1536x880.jpg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983914.jpg 2048w\" loading=\"lazy\" alt=\"16212396983914\" \/>\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\/16212396983931-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983931-300x172.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983931-768x440.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983931-1024x587.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983931-1536x880.jpg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983931.jpg 2048w\" loading=\"lazy\" alt=\"16212396983931\" \/>\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\/1621431269-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1621431269-300x172.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1621431269-768x440.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1621431269-1024x587.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1621431269-1536x880.jpg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1621431269.jpg 2048w\" loading=\"lazy\" alt=\"1621431269\" \/>\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\/16212396983952-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983952-300x172.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983952-768x440.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983952-1024x587.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983952-1536x880.jpg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983952.jpg 2048w\" loading=\"lazy\" alt=\"16212396983952\" \/>\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\/16212396983972-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983972-300x172.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983972-768x440.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983972-1024x587.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983972-1536x880.jpg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983972.jpg 2048w\" loading=\"lazy\" alt=\"16212396983972\" \/>\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\/16212396983990-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983990-300x172.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983990-768x440.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983990-1024x587.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983990-1536x880.jpg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16212396983990.jpg 2048w\" loading=\"lazy\" alt=\"16212396983990\" \/>\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:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n        <style>\n                                <\/style>\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-base text-left font-light animation-fade-in-up \">\n    <div><p>The design is inspired by the new ergonomics linked to the lifestyles of modern society. The reconfigurability of the combinations allows single or shared use for breaks, conversations, reading or use of computers and tablets.<\/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>In gardens, terraces, parks and outdoor lounges, Code finds its ideal location, thanks to the use of the new outdoor fabrics collections.<\/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<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\/16213409244765-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244765-300x172.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244765-768x440.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244765-1024x587.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244765-1536x880.jpg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244765.jpg 2048w\" loading=\"lazy\" alt=\"16213409244765\" \/>\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\/16213409244799-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244799-300x172.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244799-768x440.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244799-1024x587.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244799-1536x880.jpg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244799.jpg 2048w\" loading=\"lazy\" alt=\"16213409244799\" \/>\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\/16213409244813-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244813-300x172.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244813-768x440.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244813-1024x587.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244813-1536x880.jpg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244813.jpg 2048w\" loading=\"lazy\" alt=\"16213409244813\" \/>\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\/16213409244824-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244824-300x172.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244824-768x440.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244824-1024x587.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244824-1536x880.jpg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244824.jpg 2048w\" loading=\"lazy\" alt=\"16213409244824\" \/>\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\/16213409244837-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244837-300x172.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244837-768x440.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244837-1024x587.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244837-1536x880.jpg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244837.jpg 2048w\" loading=\"lazy\" alt=\"16213409244837\" \/>\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\/16323238001724-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16323238001724-300x172.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16323238001724-768x440.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16323238001724-1024x587.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16323238001724-1536x880.jpg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16323238001724.jpg 2048w\" loading=\"lazy\" alt=\"16323238001724\" \/>\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\/16213409244849-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244849-300x172.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244849-768x440.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244849-1024x587.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244849-1536x880.jpg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244849.jpg 2048w\" loading=\"lazy\" alt=\"16213409244849\" \/>\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\/16213409244860-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244860-300x172.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244860-768x440.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244860-1024x587.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244860-1536x880.jpg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/16213409244860.jpg 2048w\" loading=\"lazy\" alt=\"16213409244860\" \/>\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:50px\" 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 order-2\">\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> The indoor collection <\/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>Discover the Code for the indoor environment: poufs and maxi poufs that are enriched with backs and integrated tables.<br \/>\nA comfortable and flexible seating system, suitable for any space thanks to the infinite syntactic possibilities.<\/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\/prodotti\/code\/\">\n        <div class=\"cta__text transition-colors relative --hover-animation text-base font-semibold break-normal\">Scopri di pi\u00f9<\/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 order-1\">\n                                    <img class=\"w-[430px] lg:ml-auto aspect-square animation-fade-in-up mx-auto lg:mx-0 object-contain\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1634023561-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1634023561-300x300.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1634023561.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1634023561.jpg 1024w\" loading=\"lazy\" alt=\"\" \/>\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\/4\" 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\/1620987458-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1620987458-225x300.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1620987458-768x1022.jpg 768w, https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1620987458-770x1024.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1620987458-1154x1536.jpg 1400w\" loading=\"lazy\" alt=\"1620987458\" \/>\n                <\/div>\n                \n<div class=\"title text-base font-semibold text-center  \">\n    <div> CD 75SQ 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\/4\" 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\/1620987399-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1620987399-225x300.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1620987399-768x1022.jpg 768w, https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1620987399-770x1024.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1620987399-1154x1536.jpg 1400w\" loading=\"lazy\" alt=\"1620987399\" \/>\n                <\/div>\n                \n<div class=\"title text-base font-semibold text-center  \">\n    <div> CD 80RO 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\/4\" data-variant-index=\"2\">\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\/1620987502-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1620987502-225x300.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1620987502-768x1025.jpg 768w, https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1620987502-767x1024.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1620987502-1150x1536.jpg 1400w\" loading=\"lazy\" alt=\"1620987502\" \/>\n                <\/div>\n                \n<div class=\"title text-base font-semibold text-center  \">\n    <div> CD 75RE 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\/4\" data-variant-index=\"3\">\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\/cd75trout-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/cd75trout-225x300.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/cd75trout-768x1025.jpeg 768w, https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/cd75trout-767x1024.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/cd75trout-1151x1536.jpeg 1400w\" loading=\"lazy\" alt=\"cd75trout\" \/>\n                <\/div>\n                \n<div class=\"title text-base font-semibold text-center  \">\n    <div> CD 75TR 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\/1620987458-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1620987458-225x300.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1620987458-768x1022.jpg 768w, https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1620987458-770x1024.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1620987458-1154x1536.jpg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1620987458.jpg 2048w\" loading=\"lazy\" alt=\"1620987458\" \/>\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\/1620987399-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1620987399-225x300.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1620987399-768x1022.jpg 768w, https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1620987399-770x1024.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1620987399-1154x1536.jpg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1620987399.jpg 2048w\" loading=\"lazy\" alt=\"1620987399\" \/>\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\/1620987502-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1620987502-225x300.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1620987502-768x1025.jpg 768w, https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1620987502-767x1024.jpg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1620987502-1150x1536.jpg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1620987502.jpg 2048w\" loading=\"lazy\" alt=\"1620987502\" \/>\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\/cd75trout-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/cd75trout-225x300.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/cd75trout-768x1025.jpeg 768w, https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/cd75trout-767x1024.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/cd75trout-1151x1536.jpeg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/cd75trout.jpeg 2048w\" loading=\"lazy\" alt=\"cd75trout\" \/>\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> Code Out <\/div>\n<\/div>\n                            \n<div class=\"title text-lg font-semibold text-left  \">\n    <div> CD 75SQ 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\"> Square module 75cm <\/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\/1621408368-150x150.png 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1621408368-300x259.png 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1621408368-768x663.png 768w\" loading=\"lazy\" alt=\"1621408368\" \/> <\/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> Code Out <\/div>\n<\/div>\n                            \n<div class=\"title text-lg font-semibold text-left  \">\n    <div> CD 80RO 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\"> Round module 80cm <\/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\/1621408110-150x150.png 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1621408110-300x218.png 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1621408110-768x558.png 768w\" loading=\"lazy\" alt=\"1621408110\" \/> <\/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> Code Out <\/div>\n<\/div>\n                            \n<div class=\"title text-lg font-semibold text-left  \">\n    <div> CD 75RE 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\"> Rectangular module 75cm <\/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\/1553758663-150x150.png 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1553758663-300x218.png 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1553758663-768x558.png 768w\" loading=\"lazy\" alt=\"1553758663\" \/> <\/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> Code Out <\/div>\n<\/div>\n                            \n<div class=\"title text-lg font-semibold text-left  \">\n    <div> CD 75TR 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\"> Rectangular module 75cm <\/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\/cd75trout-dimensioni-150x150.png 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/cd75trout-dimensioni-300x218.png 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/cd75trout-dimensioni-768x558.png 768w\" loading=\"lazy\" alt=\"cd75trout-dimensioni\" \/> <\/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>Wooden support, inner polystyrene shell, padded with variable densities cold foam. Covered with 2 mm water-repellent PVC film and upholstered. Round table available in 30 or 40 cm diameter in HPL. Powder coated laser cut steel feet.<\/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\/1621341778-150x150.png 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1621341778-300x246.png 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1621341778-768x631.png 768w\" loading=\"lazy\" alt=\"1621341778\" \/>\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>Upholstery<\/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>Inner polystyrene shell<\/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>Flexibile hard injection foam<\/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>Laser cut steel feet<\/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>Round table \u00d830\/40 cm in HPL<\/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>2 mm water-repellent PVC film<\/div>\n<\/div>\n                <\/li>\n                        <\/ol>\n    <\/div>\n<\/div>\n\n<div style=\"height:50px\" 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                                    <img class=\"w-[430px] lg:ml-auto aspect-square animation-fade-in-up mx-auto lg:mx-0 object-contain\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644246399-1-150x150.jpg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644246399-1-300x300.jpg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644246399-1.jpg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1644246399-1.jpg 1024w\" loading=\"lazy\" alt=\"\" \/>\n                        <\/div>\n<\/div>\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/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_Code-Out_Catalogue.pdf\" download=\"TRUE_Code Out_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>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_Code-Out-pouf_Tech-Sheet.pdf\" download=\"TRUE_Code Out pouf_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>1 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_Code-Out-system_Pictures.zip\" download=\"TRUE_Code Out system_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>56 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_Code-Out-pouf_2D.zip\" download=\"TRUE_Code Out pouf_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>375 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_Code-Out-pouf_3D.zip\" download=\"TRUE_Code 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>11 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_Code-Out_revit.zip\" download=\"TRUE_Code 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>76 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_Code-Out_Assembly-Instructions.zip\" download=\"TRUE_Code 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>2 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\/\" 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\/1554980611-150x150.png 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1554980611-300x150.png 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1554980611-768x384.png 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2023\/09\/1554980611.png 1024w\" loading=\"lazy\" alt=\"1554980611\" \/>\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 <\/div>\n<\/div>\n                \n<div class=\"text text-base text-center font-thin animation-fade-in-up \">\n    <div><p>A system of comfortable, flexible seating suitable for any space, thanks to its infinite 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\/code-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;\">Code Out &#8211; Lounge ottoman with seatback<\/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-base text-left font-light animation-fade-in-up \">\n    <div><p class=\"paragraph-2 prodListDescription\" style=\"text-align: center;\">Conceived to provide a\u00a0<strong>contemporary feeling of comfort and design to any space<\/strong>, be it inside your home or outdoors under the blue wide sky, the modular collection of lounge ottomans Code Out have been crafted to perfection.<\/p>\n<p style=\"text-align: center;\">Thanks to the\u00a0<strong>variety of sizes, functional accessories and geometric shapes included in Code<\/strong>, this modular collection allows for an endless creativity of personalization of the arrangement which has the power to unleash your true self. Envisaged and conceptually developed in the imagination of the Italian designers and architects from Parisotto+Formenton, Code out provides not only a spot for relaxation but is equally good for studying, work or for casual conversations with your family and friends. Perfect for outdoor purposes, each lounge ottoman has been made out of a polystyrene steel and flexible foam for endurance and softness. With customizable accessories which include backrests and tables made of durable wooden material the modular seat collection Code out suits every occasion,<\/p>\n<p style=\"text-align: center;\">Code Out are capable to excite and electrify the spatial atmosphere in ways no ordinary furniture can. The result of their artistic brilliance could be further amplified with the tables composed of two elements\u00a0<span style=\"text-decoration: underline;\"><strong><a href=\"https:\/\/www.truedesign.it\/en\/products\/tizio-e-caio\/\">Tizio and Caio<\/a><\/strong><\/span><a href=\"https:\/\/www.truedesign.it\/en\/products\/tizio_e_caio-259.html\">\u00a0<\/a>which carry a sense of multifunctionality and futuristic vision.<\/p>\n<\/div>\n<\/div>\n            <\/div>\n            <\/div>\n<\/div>\n","protected":false},"featured_media":0,"template":"","class_list":["post-22625","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>Code Out - True Design<\/title>\n<meta name=\"description\" content=\"Scopri la famiglia di sedute Code Out : divani e poltrone di design 100% Made in Italy. Mettiti comodo e scopri la nostra gamma di soluzioni per te.\" \/>\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=\"Code Out - True Design\" \/>\n<meta property=\"og:description\" content=\"Scopri la famiglia di sedute Code Out : divani e poltrone di design 100% Made in Italy. Mettiti comodo e scopri la nostra gamma di soluzioni per te.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/staging.truedesign.we-dev.it\/en\/products\/code-out\/\" \/>\n<meta property=\"og:site_name\" content=\"True Design\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-20T16:36:04+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Code Out - True Design","description":"Scopri la famiglia di sedute Code Out : divani e poltrone di design 100% Made in Italy. Mettiti comodo e scopri la nostra gamma di soluzioni per te.","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":"Code Out - True Design","og_description":"Scopri la famiglia di sedute Code Out : divani e poltrone di design 100% Made in Italy. Mettiti comodo e scopri la nostra gamma di soluzioni per te.","og_url":"https:\/\/staging.truedesign.we-dev.it\/en\/products\/code-out\/","og_site_name":"True Design","article_modified_time":"2025-03-20T16:36:04+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/staging.truedesign.we-dev.it\/en\/products\/code-out\/","url":"https:\/\/staging.truedesign.we-dev.it\/en\/products\/code-out\/","name":"Code Out - True Design","isPartOf":{"@id":"https:\/\/staging.truedesign.we-dev.it\/en\/#website"},"datePublished":"2023-09-29T13:33:03+00:00","dateModified":"2025-03-20T16:36:04+00:00","description":"Scopri la famiglia di sedute Code Out : divani e poltrone di design 100% Made in Italy. Mettiti comodo e scopri la nostra gamma di soluzioni per te.","breadcrumb":{"@id":"https:\/\/staging.truedesign.we-dev.it\/en\/products\/code-out\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/staging.truedesign.we-dev.it\/en\/products\/code-out\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/staging.truedesign.we-dev.it\/en\/products\/code-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":"Code 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\/22625","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\/22625\/revisions"}],"predecessor-version":[{"id":27683,"href":"https:\/\/staging.truedesign.we-dev.it\/en\/wp-json\/wp\/v2\/product\/22625\/revisions\/27683"}],"wp:attachment":[{"href":"https:\/\/staging.truedesign.we-dev.it\/en\/wp-json\/wp\/v2\/media?parent=22625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}