{"id":22591,"date":"2024-04-22T12:25:24","date_gmt":"2024-04-22T10:25:24","guid":{"rendered":"https:\/\/truedesign.we-dev.it\/palette\/2024\/"},"modified":"2025-03-27T12:51:30","modified_gmt":"2025-03-27T11:51:30","slug":"2024","status":"publish","type":"palette","link":"https:\/\/staging.truedesign.we-dev.it\/en\/palette\/2024\/","title":{"rendered":"2024"},"content":{"rendered":"\n<div class=\"palette-hero-carousel swiper animation-fade-in-up lg:px-16 min-h-120 h-3\/4-screen lg:h-screen\">\n    <div class=\"palette-hero-carousel-wrapper swiper-wrapper\">\n        <!-- Slides -->\n                    <div class=\"palette-hero-carousel-slide swiper-slide text-white\">\n                <img class=\"w-full h-full object-cover\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-1-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-1-300x172.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-1-768x440.jpeg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-1-1024x587.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-1-1536x880.jpeg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-1.jpeg 2048w\" loading=\"lazy\" alt=\"cover-cmf-2024-1\" \/>\n            <\/div>\n                    <div class=\"palette-hero-carousel-slide swiper-slide text-white\">\n                <img class=\"w-full h-full object-cover\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-2-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-2-300x172.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-2-768x440.jpeg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-2-1024x587.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-2-1536x880.jpeg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-2.jpeg 2048w\" loading=\"lazy\" alt=\"cover-cmf-2024-2\" \/>\n            <\/div>\n                    <div class=\"palette-hero-carousel-slide swiper-slide text-white\">\n                <img class=\"w-full h-full object-cover\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-3-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-3-300x172.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-3-768x440.jpeg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-3-1024x587.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-3-1536x880.jpeg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-3.jpeg 2048w\" loading=\"lazy\" alt=\"cover-cmf-2024-3\" \/>\n            <\/div>\n                    <div class=\"palette-hero-carousel-slide swiper-slide text-white\">\n                <img class=\"w-full h-full object-cover\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-4-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-4-300x172.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-4-768x440.jpeg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-4-1024x587.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-4-1536x880.jpeg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-4.jpeg 2048w\" loading=\"lazy\" alt=\"cover-cmf-2024-4\" \/>\n            <\/div>\n                    <div class=\"palette-hero-carousel-slide swiper-slide text-white\">\n                <img class=\"w-full h-full object-cover\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-5-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-5-300x172.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-5-768x440.jpeg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-5-1024x587.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-5-1536x880.jpeg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-5.jpeg 2048w\" loading=\"lazy\" alt=\"cover-cmf-2024-5\" \/>\n            <\/div>\n                    <div class=\"palette-hero-carousel-slide swiper-slide text-white\">\n                <img class=\"w-full h-full object-cover\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-6-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-6-300x172.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-6-768x440.jpeg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-6-1024x587.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-6-1536x880.jpeg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-6.jpeg 2048w\" loading=\"lazy\" alt=\"cover-cmf-2024-6\" \/>\n            <\/div>\n                    <div class=\"palette-hero-carousel-slide swiper-slide text-white\">\n                <img class=\"w-full h-full object-cover\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-7-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-7-300x172.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-7-768x440.jpeg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-7-1024x587.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-7-1536x880.jpeg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-7.jpeg 2048w\" loading=\"lazy\" alt=\"cover-cmf-2024-7\" \/>\n            <\/div>\n                    <div class=\"palette-hero-carousel-slide swiper-slide text-white\">\n                <img class=\"w-full h-full object-cover\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-8-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-8-300x172.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-8-768x440.jpeg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-8-1024x587.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-8-1536x880.jpeg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-8.jpeg 2048w\" loading=\"lazy\" alt=\"cover-cmf-2024-8\" \/>\n            <\/div>\n                    <div class=\"palette-hero-carousel-slide swiper-slide text-white\">\n                <img class=\"w-full h-full object-cover\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-9-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-9-300x172.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-9-768x440.jpeg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-9-1024x587.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-9-1536x880.jpeg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cover-cmf-2024-9.jpeg 2048w\" loading=\"lazy\" alt=\"cover-cmf-2024-9\" \/>\n            <\/div>\n            <\/div>\n    <h1 class=\"text-2xl lg:text-4xl pointer-events-none font-semibold text-white absolute w-fit h-fit top-0 bottom-0 left-0 right-0 m-auto z-10\">\n        2024    <\/h1>\n    <div class=\"palette-hero-carousel-pagination swiper-pagination text-white text-sm\"><\/div>\n\n    <div class=\"palette-hero-carousel-button-prev relative swiper-button-prev h-12 w-12 md:h-16 md:w-16 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=\"palette-hero-carousel-button-next relative swiper-button-next h-12 w-12 md:h-16 md:w-16  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=\"banner-text relative flex items-center h-full \">\n    <div class=\"block lg:w-3\/4 xl:w-2\/3 lg:mx-auto text-center max-w-screen-md\">\n                    <div class=\"my-10 mx-10 \">\n                \n<div class=\"title text-lg lg:text-[32px] font-semibold text-center animation-fade-in-up \">\n    <div> Color Trend Forecasting <\/div>\n<\/div>\n            <\/div>\n        \n        <div class=\"my-10 mx-10\">\n            \n<div class=\"text text-base text-center font-normal animation-fade-in-up \">\n    <div><p>Every year, True Design, under the art direction of Aldo Parisotto, Parisotto + Formenton Architetti, studies CMF: a working tool that goes far beyond the emotion of a color palette but translates into a language that fully and harmoniously combines the use of materials, colors, and finishes.<\/p>\n<p>&nbsp;<\/p>\n<p>Through this study, we not only approach trends and fashions in the design sector, but we also interpret the dynamic views of contemporary society. Habits, choices, tastes, and needs: the world speaks to us through images, materials, and sensations, and we translate and synthesize them into a design tool.<br \/>This year, colors are not only for textile parts, but also for structures, wood and metal finishes&#8230; for a comprehensive chromatic project.<\/p>\n<\/div>\n<\/div>\n        <\/div>\n\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> New Shades and Meanings <\/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>Society is gearing up for a new chromatic era in which people are ready to explore new shades and uses of color. While neutral tones offer comfort and moments of reflection, colors symbolize changes, challenges, triumphs, ambitions, and respect.<\/p>\n<\/div>\n<\/div>\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\/2024\/04\/cmf-2024-1-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-1-300x300.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-1.jpeg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-1.jpeg 1024w\" loading=\"lazy\" alt=\"\" \/>\n                        <\/div>\n<\/div>\n\n<section class=\"video flex align-center justify-center relative animation-fade-in-up --boxed \">\n    <div class=\"video__container relative w-screen max-w-screen-huge mx-auto\">\n                                    <video class=\"hidden lg:block w-full\" autoplay muted loop playsinline>\n                    <source src=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/video-1-cmf-2024.mp4\" type=\"video\/mp4\" \/>\n                <\/video>\n            \n                            <video class=\"lg:hidden w-full\" autoplay muted loop playsinline>\n                    <source src=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/video-1-cmf-2024.mp4\" type=\"video\/mp4\" \/>\n                <\/video>\n                        <\/div>\n<\/section>\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> Chromatic Stories <\/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>Our 2024 color range, divided into three palettes, tells an engaging story of how shades envelop surfaces and materials, generating new interpretations. Whether beautifying an object on a small scale or defining the atmosphere of an entire interior design project, these colors have the power to enliven and enrich.<\/p>\n<\/div>\n<\/div>\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\/2024\/04\/cmf-2024-2-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-2-300x300.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-2.jpeg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-2.jpeg 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=\"banner-text relative flex items-center h-full \">\n    <div class=\"block lg:w-3\/4 xl:w-2\/3 lg:mx-auto text-center max-w-screen-xl\">\n                    <div class=\"my-10 mx-10 \">\n                \n<div class=\"title text-lg lg:text-[32px] font-semibold text-center animation-fade-in-up \">\n    <div> The 2024 Palettes <\/div>\n<\/div>\n            <\/div>\n        \n        <div class=\"my-10 mx-10\">\n            \n<div class=\"text text-base text-center font-normal animation-fade-in-up \">\n    <div><div id=\"fascia_20429\" class=\"f-fascia-1 -text-center \">\n<div class=\"row align-center\">\n<div class=\"columns small-12 medium-10 large-9 xlarge-6\">\n<p class=\"f-fascia-1__body is-in-viewport\" style=\"text-align: center;\" data-scroll-monitor=\"fade-in-from-bottom\">The three palettes of the year are:\u2063<br \/>\n&#8211; Spectrum of nature\u2063<br \/>\n&#8211; Lengthy transition\u2063<br \/>\n&#8211; Digital mist\u2063<br \/>\n\u2063<br \/>\nFor each, four colors and six combinations have been defined.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n        <\/div>\n\n            <\/div>\n<\/div>\n\n<div class=\"pie-palettes flex flex-wrap lg:flex-nowrap lg:flex justify-center gap-x-6 gap-y-12 px-2 lg:px-4 mb-24 max-w-screen-xl mx-auto\"  >\n                        <div class=\"pie-palettes__item transition-opacity duration-300 relative w-full md:w-1\/2 lg:w-1\/4 flex flex-col justify-center items-center overflow-hidden\" data-link=\"spectrum-of-nature\">\n                <div class=\"palette_grid__item-shape h-60 w-60 mb-6\">\n                                            <img width=\"240\" height=\"240\" class=\"aspect-square\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/spectrum-of-nature.svg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/spectrum-of-nature.svg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/spectrum-of-nature.svg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/spectrum-of-nature.svg 1024w\" loading=\"lazy\" alt=\"spectrum-of-nature\" \/>\n                                    <\/div>\n                <div>\n                    \n<div class=\"title text-base font-semibold text-left animation-fade-in-up \">\n    <div> SPECTRUM OF NATURE <\/div>\n<\/div>\n                <\/div>\n            <\/div>\n                    <div class=\"pie-palettes__item transition-opacity duration-300 relative w-full md:w-1\/2 lg:w-1\/4 flex flex-col justify-center items-center overflow-hidden\" data-link=\"lengthy-transition\">\n                <div class=\"palette_grid__item-shape h-60 w-60 mb-6\">\n                                            <img width=\"240\" height=\"240\" class=\"aspect-square\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/lengthy-transition.svg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/lengthy-transition.svg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/lengthy-transition.svg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/lengthy-transition.svg 1024w\" loading=\"lazy\" alt=\"lengthy-transition\" \/>\n                                    <\/div>\n                <div>\n                    \n<div class=\"title text-base font-semibold text-left animation-fade-in-up \">\n    <div> LENGTHY TRANSITION <\/div>\n<\/div>\n                <\/div>\n            <\/div>\n                    <div class=\"pie-palettes__item transition-opacity duration-300 relative w-full md:w-1\/2 lg:w-1\/4 flex flex-col justify-center items-center overflow-hidden\" data-link=\"digital-mist\">\n                <div class=\"palette_grid__item-shape h-60 w-60 mb-6\">\n                                            <img width=\"240\" height=\"240\" class=\"aspect-square\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/digital-mist.svg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/digital-mist.svg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/digital-mist.svg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/digital-mist.svg 1024w\" loading=\"lazy\" alt=\"digital-mist\" \/>\n                                    <\/div>\n                <div>\n                    \n<div class=\"title text-base font-semibold text-left animation-fade-in-up \">\n    <div> DIGITAL MIST <\/div>\n<\/div>\n                <\/div>\n            <\/div>\n            <\/div>\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<div class=\"hero min-h-screen text-white relative px-4 lg:px-24 py-16 lg:py-40 flex flex-col gap-y-2 lg:gap-y-4 text-center justify-center items-center \">\n    <div class=\"hidden md:block left-0 top-0 absolute h-full w-full overflow-hidden \">\n                                    <img srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/spectrum-of-nature-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/spectrum-of-nature-300x94.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/spectrum-of-nature-768x241.jpeg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/spectrum-of-nature-1024x321.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/spectrum-of-nature-1536x482.jpeg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/spectrum-of-nature.jpeg 2048w\" class=\"object-cover h-full w-full\" loading=\"lazy\" alt=\"spectrum-of-nature\"\/>\n                        <\/div>\n    <div class=\"block md:hidden left-0 top-0 absolute h-full w-full overflow-hidden \">\n                                    <img srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/spectrum-of-nature-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/spectrum-of-nature-300x94.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/spectrum-of-nature-768x241.jpeg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/spectrum-of-nature-1024x321.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/spectrum-of-nature-1536x482.jpeg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/spectrum-of-nature.jpeg 2048w\" class=\"object-cover h-full w-full\" loading=\"lazy\" alt=\"spectrum-of-nature\"\/>\n                        <\/div>\n    <div class=\"relative z-10 hero__title-wrapper leading-tight\">\n        <h1 class=\"hero__title title text-3xl lg:text-4xl font-semibold\"> <p>Spectrum of<br \/>\nNature<\/p>\n <\/h1>\n    <\/div>\n            <\/div>\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<div class=\"banner-text relative flex items-center h-full \">\n    <div class=\"block lg:w-3\/4 xl:w-2\/3 lg:mx-auto text-center max-w-screen-md\">\n        \n        <div class=\"my-10 mx-10\">\n            \n<div class=\"text text-base text-center font-normal animation-fade-in-up \">\n    <div><p>A palette close to nature, to the conscious and ethical choices that our society is increasingly seeking to make. There is a growing trend towards choosing pastel tones reminiscent of the natural palette; a return to the authenticity and truthfulness of natural colors and materials.<\/p>\n<\/div>\n<\/div>\n        <\/div>\n\n            <\/div>\n<\/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 warmth of nature <\/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>This trend seeks to distance itself from the digital world, advocating for an &#8220;eco-design&#8221; ethic that translates into warm, pure, and uncontaminated materials and finishes.<\/p>\n<\/div>\n<\/div>\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\/2024\/04\/cmf-2024-1-1-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-1-1-300x300.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-1-1.jpeg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-1-1.jpeg 1024w\" loading=\"lazy\" alt=\"\" \/>\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   --boxed\" 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\/2024\/04\/cmf-2024-2-1-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-2-1-300x172.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-2-1-768x440.jpeg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-2-1-1024x587.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-2-1-1536x880.jpeg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-2-1.jpeg 2048w\" loading=\"lazy\" alt=\"cmf-2024-2\"  \/>\n                            <img class=\"lg:hidden w-full object-contain\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-2-1-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-2-1-300x172.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-2-1-768x440.jpeg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-2-1-1024x587.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-2-1-1536x880.jpeg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-2-1.jpeg 2048w\" loading=\"lazy\" alt=\"cmf-2024-2\"  \/>\n            <\/div>\n<\/section>\n\n<div class=\"banner-text relative flex items-center h-full \">\n    <div class=\"block lg:w-3\/4 xl:w-2\/3 lg:mx-auto text-center max-w-screen-md\">\n        \n        <div class=\"my-10 mx-10\">\n            \n<div class=\"text text-base text-center font-normal animation-fade-in-up \">\n    <div><p>The charm lies in the essence of colors that faithfully reflect the tones of nature, evoking a sense of connection with the world around us. It is a departure from the synthetic and artificial; it is a search for the organic and genuine.<\/p>\n<\/div>\n<\/div>\n        <\/div>\n\n            <\/div>\n<\/div>\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<div class=\"palette-moodboard group relative animation-fade-in-up lg:px-16 min-h-[220px] md:min-h-[350px] lg:min-h-[640px] flex flex-col justify-center \">\n    <div style=\"color:#000000\" class=\"text-xl lg:text-[60px] relative mx-auto pointer-events-none z-10 mb-4 font-semibold text-center\">\n        Moodboard    <\/div>\n        <div class=\"flex items-center mx-auto pointer-events-none z-10 font-semibold transition duration-500 lg:opacity-0 lg:translate-y-6 transition duration-500 group-hover:opacity-100 group-hover:translate-y-0\" href=\"https:\/\/staging.truedesign.we-dev.it\/en\/palette\/2024\/\">\n                    <div style=\"color:#000000\" class=\"lg:text-[20px]\">Discover more<\/div>\n                <div style=\"color:#000000\" class=\"h-4 lg:h-6 ml-2 lg: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            <a href=\"https:\/\/www.pinterest.it\/truedesign_it\/color-material-finishing\/\" target=\"_blank\" class=\"palette-moodboard__image-wrapper\">\n            <img class=\"w-full aspect-video lg:aspect-21\/9 object-cover lg:object-contain absolute top-0 left-0\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/moodboard-2024-1-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/moodboard-2024-1-300x94.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/moodboard-2024-1-768x241.jpeg 768w ,  https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/moodboard-2024-1-1024x321.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/moodboard-2024-1-1536x482.jpeg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/moodboard-2024-1.jpeg 2048w\" loading=\"lazy\" alt=\"moodboard-2024-1\" \/>\n        <\/a>\n    <\/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>This rebirth heralds the beauty of the untouched, the unaltered, as an antidote to the intrusive and omnipresent digital existence we have become accustomed to.<\/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><strong>Keyword<\/strong><\/p>\n<p>&#8211; Tactile and Emotional<br \/>\n&#8211; Sustainable Consumption<br \/>\n&#8211; Natural Palette<br \/>\n&#8211; Eco-design<br \/>\n&#8211; Reassuring Tones<\/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=\"hero min-h-screen text-white relative px-4 lg:px-24 py-16 lg:py-40 flex flex-col gap-y-2 lg:gap-y-4 text-center justify-center items-center \">\n    <div class=\"hidden md:block left-0 top-0 absolute h-full w-full overflow-hidden \">\n                                    <img srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/lengthy-transition-cmf-2024-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/lengthy-transition-cmf-2024-300x94.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/lengthy-transition-cmf-2024-768x241.jpeg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/lengthy-transition-cmf-2024-1024x321.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/lengthy-transition-cmf-2024-1536x482.jpeg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/lengthy-transition-cmf-2024.jpeg 2048w\" class=\"object-cover h-full w-full\" loading=\"lazy\" alt=\"lengthy-transition-cmf-2024\"\/>\n                        <\/div>\n    <div class=\"block md:hidden left-0 top-0 absolute h-full w-full overflow-hidden \">\n                                    <img srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/lengthy-transition-cmf-2024-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/lengthy-transition-cmf-2024-300x94.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/lengthy-transition-cmf-2024-768x241.jpeg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/lengthy-transition-cmf-2024-1024x321.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/lengthy-transition-cmf-2024-1536x482.jpeg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/lengthy-transition-cmf-2024.jpeg 2048w\" class=\"object-cover h-full w-full\" loading=\"lazy\" alt=\"lengthy-transition-cmf-2024\"\/>\n                        <\/div>\n    <div class=\"relative z-10 hero__title-wrapper leading-tight\">\n        <h1 class=\"hero__title title text-3xl lg:text-5xl font-semibold\"> <p>Lengthy<\/p>\n<p>Transition<\/p>\n <\/h1>\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> Collectivity and sharing in red <\/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>There is a collective desire to pause, reflect, and move towards a vision of hope that requires tangible and shared actions. Red, a color rich in tradition and meaning, is the tone that unites us, representing shared participation.<\/p>\n<\/div>\n<\/div>\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\/2024\/04\/cmf-2024-4-1-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-4-1-300x300.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-4-1.jpeg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-4-1.jpeg 1024w\" loading=\"lazy\" alt=\"\" \/>\n                        <\/div>\n<\/div>\n\n<div class=\"banner-text relative flex items-center h-full \">\n    <div class=\"block lg:w-3\/4 xl:w-2\/3 lg:mx-auto text-center max-w-screen-md\">\n        \n        <div class=\"my-10 mx-10\">\n            \n<div class=\"text text-base text-center font-normal animation-fade-in-up \">\n    <div><p>Moving away from neutral colors, there is a tendency to embrace bolder hues, using color in design as a means to showcase our cultural origins.<\/p>\n<\/div>\n<\/div>\n        <\/div>\n\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   --boxed\" 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\/2024\/04\/cmf-2024-5-1-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-5-1-300x172.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-5-1-768x440.jpeg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-5-1-1024x587.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-5-1-1536x880.jpeg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-5-1.jpeg 2048w\" loading=\"lazy\" alt=\"cmf-2024-5\"  \/>\n                            <img class=\"lg:hidden w-full object-contain\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-5-1-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-5-1-300x172.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-5-1-768x440.jpeg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-5-1-1024x587.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-5-1-1536x880.jpeg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-5-1.jpeg 2048w\" loading=\"lazy\" alt=\"cmf-2024-5\"  \/>\n            <\/div>\n<\/section>\n\n<div class=\"banner-text relative flex items-center h-full \">\n    <div class=\"block lg:w-3\/4 xl:w-2\/3 lg:mx-auto text-center max-w-screen-md\">\n        \n        <div class=\"my-10 mx-10\">\n            \n<div class=\"text text-base text-center font-normal animation-fade-in-up \">\n    <div><p>The combination of blue, red, and gray fosters positivity but also translates the transition between ephemeral and concrete, between digital and real.<\/p>\n<\/div>\n<\/div>\n        <\/div>\n\n            <\/div>\n<\/div>\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<div class=\"palette-moodboard group relative animation-fade-in-up lg:px-16 min-h-[220px] md:min-h-[350px] lg:min-h-[640px] flex flex-col justify-center \">\n    <div style=\"color:#000000\" class=\"text-xl lg:text-[60px] relative mx-auto pointer-events-none z-10 mb-4 font-semibold text-center\">\n        Moodboard    <\/div>\n        <div class=\"flex items-center mx-auto pointer-events-none z-10 font-semibold transition duration-500 lg:opacity-0 lg:translate-y-6 transition duration-500 group-hover:opacity-100 group-hover:translate-y-0\" href=\"https:\/\/staging.truedesign.we-dev.it\/en\/palette\/2024\/\">\n                    <div style=\"color:#000000\" class=\"lg:text-[20px]\">Discover more<\/div>\n                <div style=\"color:#000000\" class=\"h-4 lg:h-6 ml-2 lg: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            <a href=\"https:\/\/www.pinterest.it\/truedesign_it\/color-material-finishing\/\" target=\"_blank\" class=\"palette-moodboard__image-wrapper\">\n            <img class=\"w-full aspect-video lg:aspect-21\/9 object-cover lg:object-contain absolute top-0 left-0\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-pinterest-2-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-pinterest-2-300x94.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-pinterest-2-768x241.jpeg 768w ,  https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-pinterest-2-1024x321.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-pinterest-2-1536x482.jpeg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-pinterest-2.jpeg 2048w\" loading=\"lazy\" alt=\"cmf-2024-pinterest-2\" \/>\n        <\/a>\n    <\/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>It is a search marked by the purity of lines, blurring the boundaries between the digital realm and the physical one, seeking both the rawness and sophistication inherent in design.<\/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><strong>Keyword<\/strong><\/p>\n<p>&#8211;\u00a0Harmonious Union<br \/>\n&#8211; Cultural Origins<br \/>\n&#8211; Creative Expression<br \/>\n&#8211; Blurred Boundary<br \/>\n&#8211; Digital Art<\/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=\"hero min-h-screen text-white relative px-4 lg:px-24 py-16 lg:py-40 flex flex-col gap-y-2 lg:gap-y-4 text-center justify-center items-center \">\n    <div class=\"hidden md:block left-0 top-0 absolute h-full w-full overflow-hidden \">\n                                    <img srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/digital-mist-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/digital-mist-300x94.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/digital-mist-768x241.jpeg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/digital-mist-1024x321.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/digital-mist-1536x482.jpeg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/digital-mist.jpeg 2048w\" class=\"object-cover h-full w-full\" loading=\"lazy\" alt=\"digital-mist\"\/>\n                        <\/div>\n    <div class=\"block md:hidden left-0 top-0 absolute h-full w-full overflow-hidden \">\n                                    <img srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/digital-mist-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/digital-mist-300x94.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/digital-mist-768x241.jpeg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/digital-mist-1024x321.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/digital-mist-1536x482.jpeg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/digital-mist.jpeg 2048w\" class=\"object-cover h-full w-full\" loading=\"lazy\" alt=\"digital-mist\"\/>\n                        <\/div>\n    <div class=\"relative z-10 hero__title-wrapper leading-tight\">\n        <h1 class=\"hero__title title text-3xl lg:text-4xl font-semibold\"> <p>Digital Mist<\/p>\n <\/h1>\n    <\/div>\n            <\/div>\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<div class=\"block-text max-w-screen-huge w-full lg:w-2\/3 px-8 mx-auto \">\n    \n<div class=\"text text-base text-left font-light animation-fade-in-up \">\n    <div><p>A set of neutral but intense tones that blend seamlessly to evoke a sense of escape.<br \/>\nThese shades transport us to a distant place, to a destination where we seek ourselves, to revitalize and calm ourselves.<\/p>\n<\/div>\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> Emotional refuges <\/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>Within this palette lies a haven, fostering a sense of well-being that allows us to explore our emotions, preparing us for a new mindset capable of bridging the gap between digital and human creations.<\/p>\n<\/div>\n<\/div>\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\/2024\/04\/cmf-2024-7-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-7-300x300.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-7.jpeg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-7.jpeg 1024w\" loading=\"lazy\" alt=\"\" \/>\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   --boxed\" 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\/2024\/04\/digital-mist-cmf-2024-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/digital-mist-cmf-2024-300x172.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/digital-mist-cmf-2024-768x440.jpeg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/digital-mist-cmf-2024-1024x587.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/digital-mist-cmf-2024-1536x880.jpeg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/digital-mist-cmf-2024.jpeg 2048w\" loading=\"lazy\" alt=\"digital-mist-cmf-2024\"  \/>\n                            <img class=\"lg:hidden w-full object-contain\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/digital-mist-cmf-2024-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/digital-mist-cmf-2024-300x172.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/digital-mist-cmf-2024-768x440.jpeg 768w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/digital-mist-cmf-2024-1024x587.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/digital-mist-cmf-2024-1536x880.jpeg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/digital-mist-cmf-2024.jpeg 2048w\" loading=\"lazy\" alt=\"digital-mist-cmf-2024\"  \/>\n            <\/div>\n<\/section>\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<div class=\"block-text max-w-screen-huge w-full lg:w-2\/3 px-8 mx-auto \">\n    \n<div class=\"text text-base text-left font-light animation-fade-in-up \">\n    <div><p>Metallic elements introduce the concept of chromatic reflection, but also warm and enveloping tones that contrast with the cold atmosphere of technological perfection: a captivating contrast that captivates the senses.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<div class=\"palette-moodboard group relative animation-fade-in-up lg:px-16 min-h-[220px] md:min-h-[350px] lg:min-h-[640px] flex flex-col justify-center \">\n    <div style=\"color:#000000\" class=\"text-xl lg:text-[60px] relative mx-auto pointer-events-none z-10 mb-4 font-semibold text-center\">\n        Moodboard    <\/div>\n        <div class=\"flex items-center mx-auto pointer-events-none z-10 font-semibold transition duration-500 lg:opacity-0 lg:translate-y-6 transition duration-500 group-hover:opacity-100 group-hover:translate-y-0\" href=\"https:\/\/staging.truedesign.we-dev.it\/en\/palette\/2024\/\">\n                    <div style=\"color:#000000\" class=\"lg:text-[20px]\">Discover more<\/div>\n                <div style=\"color:#000000\" class=\"h-4 lg:h-6 ml-2 lg: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            <a href=\"https:\/\/www.pinterest.it\/truedesign_it\/color-material-finishing\/\" target=\"_blank\" class=\"palette-moodboard__image-wrapper\">\n            <img class=\"w-full aspect-video lg:aspect-21\/9 object-cover lg:object-contain absolute top-0 left-0\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/moodboard-cmf-2024-3-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/moodboard-cmf-2024-3-300x94.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/moodboard-cmf-2024-3-768x241.jpeg 768w ,  https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/moodboard-cmf-2024-3-1024x321.jpeg 1024w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/moodboard-cmf-2024-3-1536x482.jpeg 1400w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/moodboard-cmf-2024-3.jpeg 2048w\" loading=\"lazy\" alt=\"moodboard-cmf-2024-3\" \/>\n        <\/a>\n    <\/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>A palette characterized by a delicate yet decisive gray-brown, a color that embodies delicacy and strength, and a metallic gray that merges into a language halfway between digital innovation and human creativity.<\/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><strong>Keyword<\/strong><\/p>\n<p>&#8211;\u00a0Chromatic Mix<br \/>\n&#8211; Tranquil Refuge<br \/>\n&#8211; Sensory Journey<br \/>\n&#8211; Metallic Elements<br \/>\n&#8211; Human Essence<\/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=\"columns-image-text mx-auto px-6 lg:px-20 \">\n    <div class=\"flex justify-center flex-wrap gap-y-4 lg:gap-x-6\">\n                                <div class=\"lg:flex-1 max-w-screen-sm\">\n                <div class=\"w-full mb-6\">\n                                                                        <img class=\"w-full\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-3-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-3-300x300.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-3.jpeg 768w\" loading=\"lazy\" alt=\"cmf-2024-3\" \/>\n                                                            <\/div>\n                <div class=\"mb-4\">\n<div class=\"title text-lg font-semibold text-center animation-fade-in-up \">\n    <div> Spectrum of Nature <\/div>\n<\/div>\n<\/div>\n                <div>\n<div class=\"text text-base text-center font-thin animation-fade-in-up \">\n    <div><p>Key Colors: 01 | 02 | 03 | 04<\/p>\n<\/div>\n<\/div>\n<\/div>\n            <\/div>\n                                <div class=\"lg:flex-1 max-w-screen-sm\">\n                <div class=\"w-full mb-6\">\n                                                                        <img class=\"w-full\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-4-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-4-300x300.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-4.jpeg 768w\" loading=\"lazy\" alt=\"cmf-2024-4\" \/>\n                                                            <\/div>\n                <div class=\"mb-4\">\n<div class=\"title text-lg font-semibold text-center animation-fade-in-up \">\n    <div> Lengthy Transition <\/div>\n<\/div>\n<\/div>\n                <div>\n<div class=\"text text-base text-center font-thin animation-fade-in-up \">\n    <div><p class=\"p1\">Key Colors: 05 | 06 | 07 | 08<\/p>\n<\/div>\n<\/div>\n<\/div>\n            <\/div>\n                                <div class=\"lg:flex-1 max-w-screen-sm\">\n                <div class=\"w-full mb-6\">\n                                                                        <img class=\"w-full\" srcset=\"https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-5-150x150.jpeg 150w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-5-300x300.jpeg 300w , https:\/\/staging.truedesign.we-dev.it\/app\/uploads\/2024\/04\/cmf-2024-5.jpeg 768w\" loading=\"lazy\" alt=\"cmf-2024-5\" \/>\n                                                            <\/div>\n                <div class=\"mb-4\">\n<div class=\"title text-lg font-semibold text-center animation-fade-in-up \">\n    <div> Digital Mist <\/div>\n<\/div>\n<\/div>\n                <div>\n<div class=\"text text-base text-center font-thin animation-fade-in-up \">\n    <div><p>Key Colors: 09 | 10 | 11 | 12<\/p>\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","protected":false},"featured_media":0,"template":"","class_list":["post-22591","palette","type-palette","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>Palette colors 2024 - True Design<\/title>\n<meta name=\"description\" content=\"Every year True design studies the CMF. Discover all the colours of the 2024 palette and experience the colour emotions.\" \/>\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=\"Palette colors 2024 - True Design\" \/>\n<meta property=\"og:description\" content=\"Every year True design studies the CMF. Discover all the colours of the 2024 palette and experience the colour emotions.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/staging.truedesign.we-dev.it\/en\/palette\/2024\/\" \/>\n<meta property=\"og:site_name\" content=\"True Design\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-27T11:51:30+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Palette colors 2024 - True Design","description":"Every year True design studies the CMF. Discover all the colours of the 2024 palette and experience the colour emotions.","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":"Palette colors 2024 - True Design","og_description":"Every year True design studies the CMF. Discover all the colours of the 2024 palette and experience the colour emotions.","og_url":"https:\/\/staging.truedesign.we-dev.it\/en\/palette\/2024\/","og_site_name":"True Design","article_modified_time":"2025-03-27T11:51:30+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/staging.truedesign.we-dev.it\/en\/palette\/2024\/","url":"https:\/\/staging.truedesign.we-dev.it\/en\/palette\/2024\/","name":"Palette colors 2024 - True Design","isPartOf":{"@id":"https:\/\/staging.truedesign.we-dev.it\/en\/#website"},"datePublished":"2024-04-22T10:25:24+00:00","dateModified":"2025-03-27T11:51:30+00:00","description":"Every year True design studies the CMF. Discover all the colours of the 2024 palette and experience the colour emotions.","breadcrumb":{"@id":"https:\/\/staging.truedesign.we-dev.it\/en\/palette\/2024\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/staging.truedesign.we-dev.it\/en\/palette\/2024\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/staging.truedesign.we-dev.it\/en\/palette\/2024\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/staging.truedesign.we-dev.it\/en\/"},{"@type":"ListItem","position":2,"name":"Palette","item":"https:\/\/staging.truedesign.we-dev.it\/en\/palette\/"},{"@type":"ListItem","position":3,"name":"2024"}]},{"@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\/palette\/22591","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.truedesign.we-dev.it\/en\/wp-json\/wp\/v2\/palette"}],"about":[{"href":"https:\/\/staging.truedesign.we-dev.it\/en\/wp-json\/wp\/v2\/types\/palette"}],"version-history":[{"count":3,"href":"https:\/\/staging.truedesign.we-dev.it\/en\/wp-json\/wp\/v2\/palette\/22591\/revisions"}],"predecessor-version":[{"id":28281,"href":"https:\/\/staging.truedesign.we-dev.it\/en\/wp-json\/wp\/v2\/palette\/22591\/revisions\/28281"}],"wp:attachment":[{"href":"https:\/\/staging.truedesign.we-dev.it\/en\/wp-json\/wp\/v2\/media?parent=22591"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}