<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Culture Archive | Elementi</title>
	<atom:link href="https://www.elementi-design.com/category/culture/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.elementi-design.com/category/culture/</link>
	<description>Corporate Design, Web Design, Marketing Consulting</description>
	<lastBuildDate>Tue, 24 Mar 2026 13:13:57 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://www.elementi-design.com/wp-content/uploads/2017/04/cropped-elementi-sign-512-32x32.png</url>
	<title>Culture Archive | Elementi</title>
	<link>https://www.elementi-design.com/category/culture/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Capability Versus Subtlety</title>
		<link>https://www.elementi-design.com/capability-versus-subtlety/</link>
					<comments>https://www.elementi-design.com/capability-versus-subtlety/#comments</comments>
		
		<dc:creator><![CDATA[Stefan Seifert]]></dc:creator>
		<pubDate>Sun, 15 Mar 2026 10:33:27 +0000</pubDate>
				<category><![CDATA[Culture]]></category>
		<category><![CDATA[Artificial Intelligence]]></category>
		<category><![CDATA[Personal]]></category>
		<guid isPermaLink="false">https://www.elementi-design.com/?p=17690</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://www.elementi-design.com/capability-versus-subtlety/">Capability Versus Subtlety</a> erschien zuerst auf <a href="https://www.elementi-design.com">Elementi</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div id="stefan-seifert-ceo-elementi" class="az-main-section-content az-module no-neg-margin az-padding-top-0 az-padding-bottom-0 az-section-full-screen az-section-with-equal no-animate-content az-module-bg-image">
        <div class="az-module-wrap-bg">
            <div  class="az-module-wrapper-bg  az-imagesLoadedBg" style="background-image: url(https://www.elementi-design.com/wp-content/uploads/2026/03/stefan-seifert-ceo-elementi.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;">
            
            </div>
            
        </div><div class="container-fluid az-container-no-padding"><div class="row row-parent az-gutter-default az-equal"><div class="single-clms col-md-12 full-height az-main-col-content az-module az-col-pos-middle az-v-space-clm clm-border-active no-animate-content az-module-default" style="border-right: 30px solid #FFFFFF; border-bottom: 30px solid #FFFFFF; border-left: 30px solid #FFFFFF;"><div class="az-col az-clm-padding-75 az-clm-force-height" ><div class="az-col-cont"><div id="title" class="row row-inner az-padding-top-0 az-padding-bottom-0 az-gutter-default no-animate-content"><div class="multi-clms col-md-4 col-lg-6 az-main-col-content az-module az-col-pos-bottom az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><div class="az-col-cont">
<div data-font-min="14" data-font-max="18" data-font-buffer="90" data-animation-type="ani-in" data-animation-in="fadeInDown" data-animation-out="none" data-animation-speed="default" data-animation-delay="3000" data-offset-down="85" data-offset-up="none" class="az-content-element-wrapper az-text-block flagline az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-0 az-margin-bottom-0 animate-content hidden-sm hidden-xs" style="font-weight: 300; letter-spacing: 0.5px; line-height: 157%; color: #FFFFFF; font-family:Playfair Display;">
    <p style="text-align: left;">A perspective from Stefan Seifert, CEO of Elementi.</p>

</div>
<div data-font-min="14" data-font-max="18" data-font-buffer="90" data-animation-type="ani-in" data-animation-in="fadeInRight" data-animation-out="none" data-animation-speed="default" data-animation-delay="3000" data-offset-down="85" data-offset-up="none" class="az-content-element-wrapper az-text-block flagline az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-0 az-margin-bottom-0 animate-content hidden-lg hidden-md" style="font-weight: 300; letter-spacing: 0.5px; line-height: 157%; color: #FFFFFF; font-family:Playfair Display;">
    <p style="text-align: left;">A perspective from Stefan Seifert, CEO of Elementi.</p>

</div></div></div></div><div class="multi-clms col-md-8 col-lg-6 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><div class="az-col-cont">
<div data-font-min="35" data-font-max="55" data-font-buffer="50" data-animation-type="ani-in" data-animation-in="none" data-animation-out="none" data-animation-speed="default" data-animation-delay="0" data-offset-down="90" data-offset-up="none" class="az-content-element-wrapper az-text-block az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-0 az-margin-bottom-30 animate-content" style="font-weight: 400; line-height: 140%; color: #FFFFFF; font-family:Playfair Display;">
    <h1><span id="word-left" class="word">Capability</span> <em id="word-center" class="word">Versus</em> <span id="word-right" class="word">Subtlety.</span></h1>

</div></div></div></div></div></div></div></div></div></div><a href="#summary" class="scroll-btn-page"><i class="az-icon az-icon-arrow-down animated-opacity" style="color: #FFFFFF"></i></a></div><div id="summary" class="az-main-section-content az-module az-padding-top-0 az-padding-bottom-0 az-section-default az-section-with-equal no-animate-content az-module-default"><div class="container-fluid az-container-no-padding"><div class="row row-parent az-gutter-0 az-equal"><div class="single-clms col-md-8 col-lg-6 col-md-pull-1 az-main-col-content az-module az-col-pos-middle az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-60" ><div class="az-col-cont">
<div class="az-content-element-wrapper az-text-block az-font-custom az-font-color-custom az-margin-top-0 az-margin-bottom-0 no-animate-content" style="color: #556270;">
    <p>Not too long ago, we published our <a style="color: #28282e;" href="https://www.elementi-design.com/10-years/" target="_blank" rel="noopener noreferrer">10 Years</a> story to celebrate a decade of our design studio’s existence. It expressed not only my deep connection to Italy, but also what this country and its people have done for my creative vision. It was about a perspective that has come surprisingly into focus again in recent days, with the growing discrepancy between Europe and the United States — or let’s say, between the Old and the New World.</p>

</div></div></div></div></div></div></div><div class="az-main-section-content az-module az-padding-top-0 az-padding-bottom-0 az-section-default no-animate-content az-module-default"><div class="container"><div class="row row-parent az-gutter-default"><div class="single-clms col-md-8 col-md-push-4 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><div class="az-col-cont"><div class="az-content-element-wrapper az-empty-divider hidden-sm hidden-xs" style="height: 30px;"></div><div class="az-content-element-wrapper az-divider-wrapper"><span class="az-divider light-border az-d-solid az-d-center az-margin-top-0 az-margin-bottom-30 az-divider-simple no-animate-content" style="width: 100%; border-top-width: 1px; border-color: #efefef;"></span></div><div class="az-content-element-wrapper az-empty-divider hidden-sm hidden-xs" style="height: 45px;"></div>
<div data-font-min="18.5" data-font-max="20" data-font-buffer="77" class="az-content-element-wrapper az-text-block az-font-custom az-font-size-custom az-font-google-custom az-margin-top-30 az-margin-bottom-30 no-animate-content" style="font-weight: 300; letter-spacing: 0.5px; line-height: 159%; font-family:Playfair Display;">
    <p style="text-align: right;"><i>“What truly has occupied my mind is the rise of Artificial Intelligence.”</i></p>

</div><div class="az-content-element-wrapper az-empty-divider hidden-sm hidden-xs" style="height: 45px;"></div><div class="az-content-element-wrapper az-divider-wrapper"><span class="az-divider light-border az-d-solid az-d-center az-margin-top-30 az-margin-bottom-0 az-divider-simple no-animate-content" style="width: 100%; border-top-width: 1px; border-color: #efefef;"></span></div><div class="az-content-element-wrapper az-empty-divider hidden-sm hidden-xs" style="height: 30px;"></div></div></div></div></div></div></div><div id="changes" class="az-main-section-content az-module az-padding-top-0 az-padding-bottom-0 az-section-default az-section-with-equal no-animate-content az-module-default"><div class="container-fluid az-container-no-padding"><div class="row row-parent az-gutter-0 az-equal"><div class="single-clms col-md-8 col-lg-6 col-md-push-1 az-main-col-content az-module az-col-pos-middle az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-60" ><div class="az-col-cont">
<div class="az-content-element-wrapper az-text-block az-font-custom az-font-color-custom az-margin-top-0 az-margin-bottom-0 no-animate-content" style="color: #556270;">
    <p style="text-align: left;">But since I am less of a political person, this is not what has occupied my mind most recently. What truly has, of course, is the rise of Artificial Intelligence.</p>
<p style="text-align: left;">Over the past year, my way of working seems to have changed completely, especially in its technical aspects — in the capacity to realize ideas. And to anticipate: I admit I have enjoyed it immensely. For a simple reason. I can suddenly do things that a year ago I could not even have imagined. It has opened new horizons — not only by expanding my technical capabilities, but also by giving me the audacity to think in new ways. All of a sudden, we are able to compete with the big agencies. We can focus more on what we want to achieve instead of merely on how to achieve it.</p>

</div></div></div></div></div></div></div><div class="az-main-section-content az-module az-padding-top-0 az-padding-bottom-0 az-section-default no-animate-content az-module-default"><div class="container"><div class="row row-parent az-gutter-default"><div class="single-clms col-md-8 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><div class="az-col-cont"><div class="az-content-element-wrapper az-empty-divider hidden-sm hidden-xs" style="height: 30px;"></div><div class="az-content-element-wrapper az-divider-wrapper"><span class="az-divider light-border az-d-solid az-d-center az-margin-top-0 az-margin-bottom-30 az-divider-simple no-animate-content" style="width: 100%; border-top-width: 1px; border-color: #efefef;"></span></div><div class="az-content-element-wrapper az-empty-divider hidden-sm hidden-xs" style="height: 45px;"></div>
<div data-font-min="18.5" data-font-max="20" data-font-buffer="77" class="az-content-element-wrapper az-text-block az-font-custom az-font-size-custom az-font-google-custom az-margin-top-30 az-margin-bottom-30 no-animate-content" style="font-weight: 300; letter-spacing: 0.5px; line-height: 159%; font-family:Playfair Display;">
    <p style="text-align: left;"><i>“But at the same time, I began wondering — as I think many of us have — whether this will ultimately do more harm than good.”</i></p>

</div><div class="az-content-element-wrapper az-empty-divider hidden-sm hidden-xs" style="height: 45px;"></div><div class="az-content-element-wrapper az-divider-wrapper"><span class="az-divider light-border az-d-solid az-d-center az-margin-top-30 az-margin-bottom-0 az-divider-simple no-animate-content" style="width: 100%; border-top-width: 1px; border-color: #efefef;"></span></div><div class="az-content-element-wrapper az-empty-divider hidden-sm hidden-xs" style="height: 30px;"></div></div></div></div></div></div></div><div id="politics" class="az-main-section-content az-module az-padding-top-0 az-padding-bottom-0 az-section-default az-section-with-equal no-animate-content az-module-default"><div class="container-fluid az-container-no-padding"><div class="row row-parent az-gutter-0 az-equal"><div class="single-clms col-md-8 col-lg-6 col-md-pull-1 az-main-col-content az-module az-col-pos-middle az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-60" ><div class="az-col-cont">
<div class="az-content-element-wrapper az-text-block az-font-custom az-font-color-custom az-margin-top-0 az-margin-bottom-0 no-animate-content" style="color: #556270;">
    <p>But at the same time, I began wondering — as I think many of us have — whether this will ultimately do more harm than good. There are, of course, many people reflecting on these questions more deeply. And again, I admit that my joy in working with AI as a powerful tool outweighs my concerns about whether we should or should not use it.</p>
<p>However, over time I have also come to understand its limits. And here, in a way, the circle closes back to my thoughts about the New and the Old World. The limits become clearer with each passing day. It is capability versus subtlety. While the former focuses on precision and rational logic, the latter is about feeling — about sensing which of two choices is the right one. Often, at the beginning, these choices are incredibly small: how many pixels to enlarge an element to keep it in balance with another; how many decimal places to adjust the opacity of a color (even though color itself enters the realm of relativity — but that would require another story).</p>

</div></div></div></div></div></div></div><div class="az-main-section-content az-module az-padding-top-0 az-padding-bottom-0 az-section-default no-animate-content az-module-default"><div class="container"><div class="row row-parent az-gutter-default"><div class="single-clms col-md-8 col-md-push-4 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><div class="az-col-cont"><div class="az-content-element-wrapper az-empty-divider hidden-sm hidden-xs" style="height: 30px;"></div><div class="az-content-element-wrapper az-divider-wrapper"><span class="az-divider light-border az-d-solid az-d-center az-margin-top-0 az-margin-bottom-30 az-divider-simple no-animate-content" style="width: 100%; border-top-width: 1px; border-color: #efefef;"></span></div><div class="az-content-element-wrapper az-empty-divider hidden-sm hidden-xs" style="height: 45px;"></div>
<div data-font-min="18.5" data-font-max="20" data-font-buffer="77" class="az-content-element-wrapper az-text-block az-font-custom az-font-size-custom az-font-google-custom az-margin-top-30 az-margin-bottom-30 no-animate-content" style="font-weight: 300; letter-spacing: 0.5px; line-height: 159%; font-family:Playfair Display;">
    <p style="text-align: right;"><i>“This feeling — let’s call it the search for beauty, for balance — is deeply subtle.”</i></p>

</div><div class="az-content-element-wrapper az-empty-divider hidden-sm hidden-xs" style="height: 45px;"></div><div class="az-content-element-wrapper az-divider-wrapper"><span class="az-divider light-border az-d-solid az-d-center az-margin-top-30 az-margin-bottom-0 az-divider-simple no-animate-content" style="width: 100%; border-top-width: 1px; border-color: #efefef;"></span></div><div class="az-content-element-wrapper az-empty-divider hidden-sm hidden-xs" style="height: 30px;"></div></div></div></div></div></div></div><div id="conclusion" class="az-main-section-content az-module az-padding-top-0 az-padding-bottom-50 az-section-default az-section-with-equal no-animate-content az-module-default"><div class="container-fluid az-container-no-padding"><div class="row row-parent az-gutter-0 az-equal"><div class="single-clms col-md-8 col-lg-6 col-md-push-1 az-main-col-content az-module az-col-pos-middle az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-60" ><div class="az-col-cont">
<div class="az-content-element-wrapper az-text-block az-font-custom az-font-color-custom az-margin-top-0 az-margin-bottom-0 no-animate-content" style="color: #556270;">
    <p>This feeling — let’s call it the search for beauty, for balance — is deeply subtle. And when I try to involve my precious collaborator, AI, its limits become increasingly clear. It cannot truly do this. Or rather, not without hours or even days of verbal explanation to describe something that the human eye perceives instantly.</p>
<p>Again, I do not wish to begin a debate about whether this is only a matter of time — or, perhaps more fundamentally, whether we will still need that human sensitivity in the future. I am simply not interested in that discussion here. I only wish to express this thought. And perhaps, last but not least, to break a lance for my beloved Italy — for my beloved Old World, Europe.</p>

</div><div class="az-content-element-wrapper az-empty-divider hidden-sm hidden-xs" style="height: 3vw;"></div></div></div></div></div></div></div><div class="az-main-section-content az-module photo-note-cont az-padding-top-0 az-padding-bottom-30 az-section-default no-animate-content az-module-default"><div class="container-fluid"><div class="row row-parent az-gutter-default"><div class="single-clms col-md-12 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><div class="az-col-cont">
<div data-font-min="11" data-font-max="11" data-font-buffer="50" class="az-content-element-wrapper az-text-block dida-photos photo-note az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-30 az-margin-bottom-0 no-animate-content" style="font-weight: 300; line-height: 100%; color: #556270; font-family:Poppins;">
    <p style="text-align: left;"><i class="az-icon az-icon-camera2" style="margin-right: 5px; top: 1px; font-size: 13px; position: relative;"></i>Portrait by <a href="https://www.antonellaiovino.it" target="_blank" rel="noopener noreferrer">Antonella Iovino</a></p>

</div></div></div></div></div></div></div><div id="gallery-10-years" class="az-main-section-content az-module az-padding-top-0 az-padding-bottom-0 az-section-default az-section-with-equal no-animate-content az-module-bg-color">
        <div class="az-module-wrap-bg">
            <div class="az-module-wrapper-bg" style="background: #000000;"></div>
            
        </div><div class="container-fluid az-container-no-padding"><div class="row row-parent az-gutter-0 az-equal"><div class="single-clms col-md-10 az-main-col-content az-module az-col-pos-middle az-v-space-clm no-animate-content az-module-bg-image"><div class="az-col az-clm-padding-0" >
        <div class="az-module-wrap-bg">
            <div  class="az-module-wrapper-bg  az-imagesLoadedBg">
            
    <div class="az-module-mask-group">
        <span class="az-module-mask-bg" style="background: linear-gradient(-135deg,rgba(20,22,24,0) 0,rgba(20,22,24,.5) 100%);"></span>
        
    </div>
            </div>
            
        </div><div class="az-col-cont">
<div class="az-content-element-wrapper az-media-gallery-wrapper az-margin-top-0 az-margin-bottom-0">
    <div class="az-module-wrapper az-isotope-wrapper az-gutter-5">
        <div id="media-dcc9096" class="az-media-gallery az-module-container az-isotope-container az-isotope-metro" data-animation-fx="yes" data-animation-in="fadeInLeft" data-animation-speed="default" data-animation-delay="300" data-offset-down="85">
            
            <div class="az-media-gallery-item az-grid-item animate-grid-content az-hover-fx-wrapper az-hover-fx-fade-in az-grid-metro-w3 az-grid-metro-h3" data-referance-name="fendi-logo"><a class="az-no-ilightbox"><span class="az-hover-fx-overlay-bg az-dark-type"><i class="az-icon az-icon-plus2"></i></span><div class="metro-bg-imge az-imagesLoadedBg" style="background-image: url(https://www.elementi-design.com/wp-content/uploads/2026/03/10-years-fendi-1300x1300.png);"></div></a></div><div class="az-media-gallery-item az-grid-item animate-grid-content az-hover-fx-wrapper az-hover-fx-fade-in az-grid-metro-w5 az-grid-metro-h3" data-referance-name="italian-culture"><a class="az-no-ilightbox"><span class="az-hover-fx-overlay-bg az-dark-type"><i class="az-icon az-icon-plus2"></i></span><div class="metro-bg-imge az-imagesLoadedBg" style="background-image: url(https://www.elementi-design.com/wp-content/uploads/2026/03/10-years-italian-culture-2600x1300.jpg);"></div></a></div><div class="az-media-gallery-item az-grid-item animate-grid-content az-hover-fx-wrapper az-hover-fx-fade-in az-grid-metro-w3 az-grid-metro-h3" data-referance-name="nanoparticles-story"><a class="az-no-ilightbox"><span class="az-hover-fx-overlay-bg az-dark-type"><i class="az-icon az-icon-plus2"></i></span><div class="metro-bg-imge az-imagesLoadedBg" style="background-image: url(https://www.elementi-design.com/wp-content/uploads/2026/03/10-years-nanoparticles-story-1300x1300.png);"></div></a></div><div class="az-media-gallery-item az-grid-item animate-grid-content az-hover-fx-wrapper az-hover-fx-fade-in az-grid-metro-w5 az-grid-metro-h3" data-referance-name="closing"><a class="az-no-ilightbox"><span class="az-hover-fx-overlay-bg az-dark-type"><i class="az-icon az-icon-plus2"></i></span><div class="metro-bg-imge az-imagesLoadedBg" style="background-image: url(https://www.elementi-design.com/wp-content/uploads/2026/03/10-years-closing-2600x1300.jpg);"></div></a></div><div class="az-media-gallery-item az-grid-item animate-grid-content az-hover-fx-wrapper az-hover-fx-fade-in az-grid-metro-w3 az-grid-metro-h3" data-referance-name="layout"><a class="az-no-ilightbox"><span class="az-hover-fx-overlay-bg az-dark-type"><i class="az-icon az-icon-plus2"></i></span><div class="metro-bg-imge az-imagesLoadedBg" style="background-image: url(https://www.elementi-design.com/wp-content/uploads/2026/03/10-years-layout-1300x1300.png);"></div></a></div><div class="az-media-gallery-item az-grid-item animate-grid-content az-hover-fx-wrapper az-hover-fx-fade-in az-grid-metro-w3 az-grid-metro-h3" data-referance-name="corporate-design"><a class="az-no-ilightbox"><span class="az-hover-fx-overlay-bg az-dark-type"><i class="az-icon az-icon-plus2"></i></span><div class="metro-bg-imge az-imagesLoadedBg" style="background-image: url(https://www.elementi-design.com/wp-content/uploads/2026/03/10-years-corporate-design-1300x1300.png);"></div></a></div>
        </div>
    </div>
</div></div></div></div><div id="story-header" data-animation-type="ani-in" data-animation-in="fadeIn" data-animation-out="none" data-animation-speed="1500" data-animation-delay="1500" data-offset-down="85" data-offset-up="none" class="single-clms col-md-2 col-lg-pull-1 quadrat az-main-col-content az-module az-col-pos-middle animate-content az-module-default"><div class="az-col az-clm-padding-30" data-col-min-height-default="1000" style="min-height: 1000px;"><a class="az-column-link" href="https://www.elementi-design.com/10-years/" target="_blank"><div class="az-col-cont">
<div data-font-min="15" data-font-max="45" data-font-buffer="75" class="az-content-element-wrapper az-text-block az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-0 az-margin-bottom-15 az-text-uppercase no-animate-content hidden-sm hidden-xs" style="font-weight: 200; letter-spacing: 0.078em; line-height: 150%; color: #A7A7A7; font-family:Lato;">
    <h6 style="text-align: left;">Discover</h6>

</div>
<div data-font-min="24" data-font-max="33" data-font-buffer="30" class="az-content-element-wrapper az-text-block az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-0 az-margin-bottom-15 az-text-uppercase no-animate-content hidden-lg hidden-md" style="font-weight: 200; letter-spacing: 0.078em; line-height: 120%; color: #A7A7A7; font-family:Lato;">
    <h6 style="text-align: center;">Discover</h6>

</div>
<div class="az-content-element-wrapper az-single-svg-image az-margin-top-0 az-margin-bottom-0 align-center no-animate-content">
<div class="az-svg-img-wrapper">
        <div class="az-svg-media">
            <img decoding="async" class="az-svg" src="https://www.elementi-design.com/wp-content/uploads/2026/03/logo-10-years_neg.svg" alt="00" />
        </div>
</div>
</div>
<div class="az-content-element-wrapper wpb_raw_html az-margin-top- az-margin-bottom-">
    <div class="wpb_wrapper">
        <script>
document.addEventListener("DOMContentLoaded", function () {
  const gallery = document.querySelector("#gallery-10-years");
  const link = gallery?.querySelector(".az-column-link");

  if (!gallery || !link) return;

  // Desktop hover
  link.addEventListener("mouseenter", () => {
    gallery.classList.add("link-hover");
  });

  link.addEventListener("mouseleave", () => {
    gallery.classList.remove("link-hover");
  });

  // Mobile touch (simulate hover)
  link.addEventListener("touchstart", () => {
    gallery.classList.add("link-hover");
  });

  link.addEventListener("touchend", () => {
    gallery.classList.remove("link-hover");
  });

  // Optional: remove hover if user taps elsewhere
  document.addEventListener("touchstart", (e) => {
    if (!gallery.contains(e.target)) {
      gallery.classList.remove("link-hover");
    }
  });
});
</script>
    </div>
</div></div></a></div></div></div></div></div><div class="az-main-section-content az-module az-padding-top-70 az-padding-bottom-70 az-section-default az-section-divider no-animate-content az-module-default"><div class="container"><div class="row row-parent az-gutter-default"><div class="single-clms col-md-12 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><div class="az-col-cont">
<div class="az-content-element-wrapper az-text-block az-margin-top-0 az-margin-bottom-0 no-animate-content">
    <h3>Related Articles and Works</h3>

</div></div></div></div></div></div></div><div class="az-main-section-content az-module az-padding-top-90 az-padding-bottom-90 az-section-default no-animate-content az-module-default"><div class="container"><div class="row row-parent az-gutter-0"><div class="single-clms col-md-8 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><div class="az-col-cont">
<div data-isotope-filter="false" class="az-content-element-wrapper az-module-grid-wrapper az-related-post-shortcode az-margin-top-0 az-margin-bottom-0">
    <div class="az-module-wrapper az-isotope-wrapper az-gutter-0">
        <div id="related-post-dcd082a" class="az-module-grid az-module-container az-isotope-container az-isotope-general" data-animation-fx="yes" data-animation-in="fadeInRight" data-animation-speed="default" data-animation-delay="300" data-offset-down="85" data-cols="2" data-def-col="2" data-lg-col="2" data-md-col="2" data-sm-col="1" data-xs-col="1">
            <div class="grid-sizer"></div>
            <div class="az-module-grid-item az-grid-item animate-grid-content az-hover-fx-wrapper az-hover-fx-fade-in"><a class="az-grid-item-link" href="https://www.elementi-design.com/trifolio-magic-the-making-of/" title="Trifolio Magic — The Making Of"><div class="az-hover-fx-overlay-bg az-dark-type"><div class="az-grid-item-box-wrapper"><div class="az-grid-item-box-content az-item-l-t"></div></div></div><img fetchpriority="high" decoding="async" src="https://www.elementi-design.com/wp-content/uploads/2022/09/trifolio-making-of-layers-main-1500x1136.jpg" srcset="https://www.elementi-design.com/wp-content/uploads/2022/09/trifolio-making-of-layers-main-1500x1136-480x361.jpg 480w, https://www.elementi-design.com/wp-content/uploads/2022/09/trifolio-making-of-layers-main-1500x1136-960x722.jpg 960w, https://www.elementi-design.com/wp-content/uploads/2022/09/trifolio-making-of-layers-main-1500x1136.jpg 1280w" sizes="(min-width: 320px) 100vw, 100vw" width="1500" height="1136" alt="Trifolio Magic — The Making Of" /></a><div class="az-grid-item-entry-meta align-left"><div class="az-grid-item-entry-title"><h2 class="az-grid-item-meta-title"><a href="https://www.elementi-design.com/trifolio-magic-the-making-of/" title="Trifolio Magic — The Making Of">Trifolio Magic — The Making Of</a></h2></div><div class="az-grid-item-entry-attributes"><span class="az-grid-item-meta-subtitle"><a href="https://www.elementi-design.com/category/culture/" title="Culture">Culture</a>, <a href="https://www.elementi-design.com/category/graphic-design/" title="Graphic Design">Graphic Design</a></span></div></div></div><div class="az-module-grid-item az-grid-item animate-grid-content az-hover-fx-wrapper az-hover-fx-fade-in"><a class="az-grid-item-link" href="https://www.elementi-design.com/italians-do-it-better/" title="Why Italians Do It Better"><div class="az-hover-fx-overlay-bg az-dark-type"><div class="az-grid-item-box-wrapper"><div class="az-grid-item-box-content az-item-l-t"></div></div></div><img decoding="async" src="https://www.elementi-design.com/wp-content/uploads/2019/05/ad-dante-verona-1500x2250.jpg" srcset="https://www.elementi-design.com/wp-content/uploads/2019/05/ad-dante-verona-1500x2250-480x720.jpg 480w, https://www.elementi-design.com/wp-content/uploads/2019/05/ad-dante-verona-1500x2250-960x1440.jpg 960w, https://www.elementi-design.com/wp-content/uploads/2019/05/ad-dante-verona-1500x2250.jpg 1280w" sizes="(min-width: 320px) 100vw, 100vw" width="1500" height="2250" alt="Why Italians Do It Better" /></a><div class="az-grid-item-entry-meta align-left"><div class="az-grid-item-entry-title"><h2 class="az-grid-item-meta-title"><a href="https://www.elementi-design.com/italians-do-it-better/" title="Why Italians Do It Better">Why Italians Do It Better</a></h2></div><div class="az-grid-item-entry-attributes"><span class="az-grid-item-meta-subtitle"><a href="https://www.elementi-design.com/category/culture/" title="Culture">Culture</a>, <a href="https://www.elementi-design.com/category/design/" title="Design">Design</a></span></div></div></div>
        </div>
    </div>
</div></div></div></div><div class="single-clms col-md-4 az-main-col-content az-module az-v-space-clm align-right no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><div class="az-col-cont">
<div class="az-content-element-wrapper az-list-icons az-margin-top-0 az-margin-bottom-0">
    <ul>
<li class="no-animate-content"><i class="az-icon az-icon-link" style="color: #000000;"></i><a href="https://www.elementi-design.com/portfolio/fendi-design-competition/" target="_blank" rel="noopener">The Fendi Competition</a></li>
<li class="no-animate-content"><i class="az-icon az-icon-link" style="color: #000000;"></i><a href="https://www.elementi-design.com/nanoparticles-story/" target="_blank" rel="noopener">The Nanoparticles Story</a></li>
<li class="no-animate-content"><i class="az-icon az-icon-link" style="color: #000000;"></i><a href="https://www.elementi-design.com/trifolio-magic-the-making-of/" target="_blank" rel="noopener">Trifolio Magic — The Making Of</a></li>
<li class="no-animate-content"><i class="az-icon az-icon-link" style="color: #000000;"></i><a href="https://www.elementi-design.com/portfolio/biotech-presentation/" target="_blank" rel="noopener">The Xphelyum Presentations</a></li>
</ul>

</div>
</div></div></div></div></div></div>
<p>Der Beitrag <a href="https://www.elementi-design.com/capability-versus-subtlety/">Capability Versus Subtlety</a> erschien zuerst auf <a href="https://www.elementi-design.com">Elementi</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.elementi-design.com/capability-versus-subtlety/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>Trifolio Magic — The Making Of</title>
		<link>https://www.elementi-design.com/trifolio-magic-the-making-of/</link>
					<comments>https://www.elementi-design.com/trifolio-magic-the-making-of/#comments</comments>
		
		<dc:creator><![CDATA[Stefan Seifert]]></dc:creator>
		<pubDate>Wed, 14 Sep 2022 11:14:22 +0000</pubDate>
				<category><![CDATA[Culture]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Books]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[Website]]></category>
		<guid isPermaLink="false">https://www.elementi-design.com/?p=11566</guid>

					<description><![CDATA[<p>I thought for a while about whether to feature this as a project on our website or something else. It didn't seem to fit with the rest. Not only because of the topic it tells about. Because books seem so far away from the big modern design topics like application development, UX design and so on. Still, I decided not to just skip it.</p>
<p>Der Beitrag <a href="https://www.elementi-design.com/trifolio-magic-the-making-of/">Trifolio Magic — The Making Of</a> erschien zuerst auf <a href="https://www.elementi-design.com">Elementi</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div id="layers" class="az-main-section-content az-module no-neg-margin az-padding-top-0 az-padding-bottom-0 az-section-full-screen az-section-with-equal no-animate-content az-module-bg-image">
        <div class="az-module-wrap-bg">
            <div  class="az-module-wrapper-bg  az-imagesLoadedBg" style="background-image: url(https://www.elementi-design.com/wp-content/uploads/2022/09/trifolio-making-of-layers.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;">
            
            </div>
            
        </div><div class="container-fluid az-container-no-padding"><div class="row row-parent az-gutter-default az-equal"><div class="single-clms col-md-12 full-height az-main-col-content az-module az-col-pos-bottom az-v-space-clm clm-border-active no-animate-content az-module-default" style="border-right: 30px solid #141618; border-bottom: 30px solid #141618; border-left: 30px solid #141618;"><div class="az-col az-clm-padding-0 az-clm-force-height" ><div class="az-col-cont">
<div data-font-min="11" data-font-max="11" data-font-buffer="50" class="az-content-element-wrapper az-text-block dida-website-layers az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-30 az-margin-bottom-0 no-animate-content" style="font-weight: 300; line-height: 100%; color: #ffffff; font-family:Poppins;">
    <p style="text-align: right;"><i class="az-icon az-icon-layers2" style="margin-right: 5px; top: 1px; font-size: 13px; position: relative;"></i>Website Layers</p>

</div>
<div data-font-min="35" data-font-max="35" data-font-buffer="15" class="az-content-element-wrapper az-text-block az-font-custom az-font-size-custom az-font-color-custom az-margin-top-0 az-margin-bottom-0 no-animate-content" style="font-weight: 400; line-height: 140%; color: #ffffff;">
    <h1 style="padding-left: 15px;"><em>Trifolio Magic</em> — The Making Of.</h1>

</div><div class="az-content-element-wrapper az-empty-divider hidden-md hidden-sm hidden-xs" style="height: 1.5vw;"></div><div class="az-content-element-wrapper az-empty-divider hidden-lg" style="height: 9vh;"></div></div></div></div></div></div><a href="#making-of-1" class="scroll-btn-page"><i class="az-icon az-icon-arrow-down animated-opacity" style="color: #ffffff"></i></a></div><div id="making-of-1" class="az-main-section-content az-module az-padding-top-60 az-padding-bottom-0 az-section-default az-section-with-equal no-animate-content az-module-bg-color">
        <div class="az-module-wrap-bg">
            <div class="az-module-wrapper-bg" style="background: #141618;"></div>
            
        </div><div class="container-fluid"><div class="row row-parent az-gutter-default az-equal"><div class="multi-clms col-md-12 col-lg-8 flex-padding-4 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-90" ><div class="az-col-cont">
<div class="az-content-element-wrapper az-text-block az-font-custom az-font-color-custom az-margin-top-0 az-margin-bottom-20 az-text-uppercase no-animate-content" style="color: #ffffff;">
    <h5>Preface</h5>

</div>
<div class="az-content-element-wrapper az-text-block az-font-custom az-font-color-custom az-margin-top-0 az-margin-bottom-0 no-animate-content" style="color: #bdbdbd;">
    <p>I thought for a while about whether to feature this as a <em>project</em> on our website or something else. It didn&#8217;t seem to fit with the rest. Not only because of the topic it tells about. Because books seem so far away from the big modern design topics like application development, UX design and so on. Still, I decided not to just skip it. Again, not because of the result, the final product, which is actually a website. But because it contains so many interesting facts about how it came to be and why it is “magic” to me. [Stefan Seifert]</p>

</div></div></div></div></div></div></div><div id="photography-1" class="az-main-section-content az-module az-padding-top-0 az-padding-bottom-0 az-section-default az-section-with-equal no-animate-content az-module-bg-color">
        <div class="az-module-wrap-bg">
            <div class="az-module-wrapper-bg" style="background: #141618;"></div>
            
        </div><div class="container-fluid"><div class="row row-parent az-gutter-default az-equal"><div class="multi-clms col-md-8 col-lg-10 flex-padding-3 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-90 az-clm-force-height" ><div class="az-col-cont">
<div class="az-content-element-wrapper az-media-gallery-wrapper az-margin-top-0 az-margin-bottom-0">
    <div class="az-module-wrapper az-isotope-wrapper az-gutter-0">
        <div id="media-dcd7d5e" class="az-media-gallery az-module-container az-isotope-container az-isotope-metro" data-animation-fx="yes" data-animation-in="fadeInLeft" data-animation-speed="default" data-animation-delay="300" data-offset-down="85">
            
            <div class="az-media-gallery-item az-grid-item animate-grid-content az-hover-fx-wrapper az-hover-fx-fade-in az-grid-metro-w6 az-grid-metro-h4" data-referance-name="book-2"><a href="https://www.elementi-design.com/wp-content/uploads/2022/09/book-2.jpg" class="az-ilightbox" data-skin="dark" data-overlay="0.94" data-direction="horizontal" data-mwheel="true" data-arrows="true" data-thumbs="false" data-social="true" data-azlbox="ilightbox[]" data-options="thumbnail: 'https://www.elementi-design.com/wp-content/uploads/2022/09/book-2-60x60.jpg'"><span class="az-hover-fx-overlay-bg az-dark-type"><i class="az-icon az-icon-plus2"></i></span><div class="metro-bg-imge az-imagesLoadedBg" style="background-image: url(https://www.elementi-design.com/wp-content/uploads/2022/09/book-2-2800x1869.jpg);"></div></a></div><div class="az-media-gallery-item az-grid-item animate-grid-content az-hover-fx-wrapper az-hover-fx-fade-in az-grid-metro-w6 az-grid-metro-h4" data-referance-name="book-1"><a href="https://www.elementi-design.com/wp-content/uploads/2022/09/book-1.jpg" class="az-ilightbox" data-skin="dark" data-overlay="0.94" data-direction="horizontal" data-mwheel="true" data-arrows="true" data-thumbs="false" data-social="true" data-azlbox="ilightbox[]" data-options="thumbnail: 'https://www.elementi-design.com/wp-content/uploads/2022/09/book-1-60x60.jpg'"><span class="az-hover-fx-overlay-bg az-dark-type"><i class="az-icon az-icon-plus2"></i></span><div class="metro-bg-imge az-imagesLoadedBg" style="background-image: url(https://www.elementi-design.com/wp-content/uploads/2022/09/book-1-2800x1869.jpg);"></div></a></div><div class="az-media-gallery-item az-grid-item animate-grid-content az-hover-fx-wrapper az-hover-fx-fade-in az-grid-metro-w6 az-grid-metro-h4" data-referance-name="book-3"><a href="https://www.elementi-design.com/wp-content/uploads/2022/09/book-3.jpg" class="az-ilightbox" data-skin="dark" data-overlay="0.94" data-direction="horizontal" data-mwheel="true" data-arrows="true" data-thumbs="false" data-social="true" data-azlbox="ilightbox[]" data-options="thumbnail: 'https://www.elementi-design.com/wp-content/uploads/2022/09/book-3-60x60.jpg'"><span class="az-hover-fx-overlay-bg az-dark-type"><i class="az-icon az-icon-plus2"></i></span><div class="metro-bg-imge az-imagesLoadedBg" style="background-image: url(https://www.elementi-design.com/wp-content/uploads/2022/09/book-3-2800x1869.jpg);"></div></a></div><div class="az-media-gallery-item az-grid-item animate-grid-content az-hover-fx-wrapper az-hover-fx-fade-in az-grid-metro-w6 az-grid-metro-h4" data-referance-name="book-4"><a href="https://www.elementi-design.com/wp-content/uploads/2022/09/book-4.jpg" class="az-ilightbox" data-skin="dark" data-overlay="0.94" data-direction="horizontal" data-mwheel="true" data-arrows="true" data-thumbs="false" data-social="true" data-azlbox="ilightbox[]" data-options="thumbnail: 'https://www.elementi-design.com/wp-content/uploads/2022/09/book-4-60x60.jpg'"><span class="az-hover-fx-overlay-bg az-dark-type"><i class="az-icon az-icon-plus2"></i></span><div class="metro-bg-imge az-imagesLoadedBg" style="background-image: url(https://www.elementi-design.com/wp-content/uploads/2022/09/book-4-2800x1869.jpg);"></div></a></div>
        </div>
    </div>
</div>
<div data-font-min="11" data-font-max="11" data-font-buffer="50" class="az-content-element-wrapper az-text-block dida-bg-images az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-30 az-margin-bottom-0 no-animate-content" style="font-weight: 300; line-height: 100%; color: #ffffff; font-family:Poppins;">
    <p style="text-align: left;"><i class="az-icon az-icon-camera2" style="margin-right: 5px; top: 1px; font-size: 13px; position: relative;"></i>Website Background Images</p>

</div>
<div class="az-content-element-wrapper wpb_raw_html az-margin-top- az-margin-bottom-">
    <div class="wpb_wrapper">
        <script>
(function($) {

// this is needed to make the Animation Scroll calculate correct start points when following up a section with Media Gallery in it!
$( document ).ready(function() {
    setTimeout( function() {
        window.dispatchEvent(new Event('resize'));
    }, 1500 );
});

})( jQuery );
</script>
    </div>
</div></div></div></div><div class="multi-clms col-md-4 col-lg-2 az-main-col-content az-module az-col-pos-middle az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><div class="az-col-cont">
<div class="az-content-element-wrapper az-text-block az-font-custom az-font-color-custom az-margin-top-0 az-margin-bottom-20 az-text-uppercase no-animate-content" style="color: #ffffff;">
    <h5><span style="color: #bdbdbd;">01.</span> Photography.</h5>

</div>
<div class="az-content-element-wrapper az-text-block az-font-custom az-font-color-custom az-margin-top-0 az-margin-bottom-30 no-animate-content" style="color: #bdbdbd;">
    <p style="text-align: right;">There are photographers who are very good at photographing people, others who are good at photographing architecture or landscapes, and so on. And then there are the <em>artists</em>. Not that the former are not also artists. Of course they are. But there are those who have a very special way of looking at things. They may not be the ones who can represent an object or a person in the best of all possible ways. But they see substance, mere ideas of something where other people see nothing special. We hired Italian photographer <a style="color: white;" href="https://www.antonellaiovino.it" target="_blank" rel="noopener">Antonella Iovino</a> because she is one of those artists.</p>

</div></div></div></div></div></div></div><div id="photography-2" class="az-main-section-content az-module az-padding-top-0 az-padding-bottom-60 az-section-default az-section-with-equal no-animate-content az-module-bg-color">
        <div class="az-module-wrap-bg">
            <div class="az-module-wrapper-bg" style="background: #141618;"></div>
            
        </div><div class="container-fluid"><div class="row row-parent az-gutter-default az-equal"><div class="multi-clms col-md-6 col-lg-3 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><div class="az-shift-layer az-no-shift-x" style="margin-left: 90px; "><div class="az-col-cont">
<div class="az-content-element-wrapper az-text-block az-font-custom az-font-color-custom az-margin-top-0 az-margin-bottom-0 no-animate-content" style="color: #bdbdbd;">
    <p style="text-align: left;">We needed this artistic quality to reflect the special tactile quality of the famous books Trifolio prints for museums and renowned artists around the world. The feeling you get when you run your hands over the turned pages, when you touch the high color density of the printed images.</p>

</div><div class="az-content-element-wrapper az-empty-divider hidden-lg hidden-sm hidden-xs" style="height: 60px;"></div></div></div></div></div><div class="multi-clms col-md-6 col-lg-9 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><div class="az-col-cont"></div></div></div></div></div><a href="#magic" class="scroll-btn-page"><i class="az-icon az-icon-arrow-down animated-opacity" style="color: #ffffff"></i></a></div><div id="magic" class="az-main-section-content az-module az-padding-top-30 az-padding-bottom-90 az-section-default az-section-with-equal no-animate-content az-module-bg-color">
        <div class="az-module-wrap-bg">
            <div class="az-module-wrapper-bg" style="background: #141618;"></div>
            
        </div><div class="container-fluid az-container-no-padding"><div class="row row-parent az-gutter-default az-equal"><div class="single-clms col-md-3 flex-padding az-main-col-content az-module az-col-pos-bottom az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-90" ><div class="az-col-cont"><div class="az-content-element-wrapper az-empty-divider hidden-lg hidden-md" style="height: 90px;"></div>
<div class="az-content-element-wrapper az-text-block az-font-custom az-font-color-custom az-margin-top-0 az-margin-bottom-20 az-text-uppercase no-animate-content" style="color: #ffffff;">
    <h5 style="text-align: right;"><span style="color: #bdbdbd;">02.</span> Creating the Magic.</h5>

</div>
<div class="az-content-element-wrapper az-text-block az-font-custom az-font-color-custom az-margin-top-0 az-margin-bottom-0 no-animate-content" style="color: #bdbdbd;">
    <p style="text-align: left;">What could we do now as a key to tell the long traditional story of this particular print shop? Something that symbolized the magic that comes from these books? And there it was. The color powder (because they also make their own color pigments) sprinkled over the pages by the hand of a fairy!</p>

</div><div class="az-content-element-wrapper az-empty-divider hidden-md hidden-sm hidden-xs" style="height: 6vw;"></div><div class="az-content-element-wrapper az-empty-divider hidden-lg hidden-md" style="height: 90px;"></div></div></div></div><div data-animation-type="ani-in" data-animation-in="fadeInRight" data-animation-out="none" data-animation-speed="default" data-animation-delay="0" data-offset-down="85" data-offset-up="none" data-video-overprint="100" class="multi-clms col-md-9 col-lg-8 button-overlayer az-main-col-content az-module az-col-pos-middle az-v-space-clm animate-content az-module-bg-video"><div class="az-col az-clm-padding-0" >
        <div class="az-module-wrap-bg">
            <div class="az-module-wrapper-bg  az-imagesLoadedBg" style="background-image: url(https://www.elementi-design.com/wp-content/uploads/2022/09/magic-powder-start.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;">
            
            <div class="az-module-video-wrapper">
            <video id="player_69c2d5dcdada0" class="az-module-video-self az-module-video loading" preload="auto" loop controls>
                    <source type="video/mp4" src="https://www.elementi-design.com/wp-content/uploads/video/magic-powder-sm.mp4" />
                    <source type="video/webm" src="https://www.elementi-design.com/wp-content/uploads/video/magic-powder-sm.webm" />
            </video></div>
            </div>
            
        </div><div class="az-col-cont"><div class="az-content-element-wrapper az-empty-divider hidden-sm hidden-xs" style="height: 37.5vw;"></div><div class="az-content-element-wrapper az-empty-divider hidden-lg hidden-md" style="height: 30vh;"></div>
<div data-font-min="11" data-font-max="11" data-font-buffer="50" class="az-content-element-wrapper az-text-block dida-magic az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-30 az-margin-bottom-0 no-animate-content hidden-xs" style="font-weight: 300; line-height: 100%; color: #ffffff; font-family:Poppins;">
    <p style="text-align: right;">Website Section with Scroll Sensitive “Magic Powder” <i class="fa fa-eyedropper" style="margin-right: 5px; font-size: 12px; position: relative;"></i>and Color Picking</p>

</div>
<div data-font-min="11" data-font-max="11" data-font-buffer="50" class="az-content-element-wrapper az-text-block dida-magic az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-30 az-margin-bottom-0 no-animate-content hidden-lg hidden-md hidden-sm" style="font-weight: 300; line-height: 100%; color: #ffffff; font-family:Poppins;">
    <p style="text-align: center;">Website Section with Scroll Sensitive “Magic Powder” <i class="fa fa-eyedropper" style="margin-right: 5px; font-size: 12px; position: relative;"></i>and Color Picking</p>

</div>
<div class="az-content-element-wrapper wpb_raw_html az-margin-top- az-margin-bottom-">
    <div class="wpb_wrapper">
        <script>
(function($) {

if (window.devicePixelRatio && devicePixelRatio >= 2) {
  $('#magic video source[type="video/mp4"]').attr('src', 'https://www.elementi-design.com/wp-content/uploads/video/magic-powder.mp4');
  $('#magic video source[type="video/webm"]').attr('src', 'https://www.elementi-design.com/wp-content/uploads/video/magic-powder.webm');
}

})( jQuery );
</script>
    </div>
</div><div class="row row-inner overlay-dida az-padding-top-0 az-padding-bottom-0 az-gutter-0 no-animate-content"><div class="single-clms col-md-12 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><div class="az-col-cont">
<div data-font-min="11" data-font-max="11" data-font-buffer="50" class="az-content-element-wrapper az-text-block num-1 az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-0 az-margin-bottom-0 no-animate-content" style="font-weight: 300; line-height: 100%; color: #ffffff; font-family:Poppins;">
    <p><i class="fa fa-eyedropper" style="margin-right: 5px; font-size: 14px; position: relative;"></i></p>

</div></div></div></div></div></div></div></div></div></div></div><div id="magic-2" class="az-main-section-content az-module az-padding-top-0 az-padding-bottom-90 az-section-default az-section-with-equal no-animate-content az-module-bg-color">
        <div class="az-module-wrap-bg">
            <div class="az-module-wrapper-bg" style="background: #141618;"></div>
            
        </div><div class="container-fluid"><div class="row row-parent az-gutter-default az-equal"><div data-animation-type="ani-in" data-animation-in="fadeInLeft" data-animation-out="none" data-animation-speed="default" data-animation-delay="0" data-offset-down="85" data-offset-up="none" class="single-clms col-md-4 code-detail az-main-col-content az-module az-col-pos-bottom az-v-space-clm animate-content az-module-bg-image"><div class="az-col az-clm-padding-0 az-clm-force-height" >
        <div class="az-module-wrap-bg">
            <div  class="az-module-wrapper-bg  az-imagesLoadedBg" style="background-image: url(https://www.elementi-design.com/wp-content/uploads/2022/09/code-magic-detail.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;">
            
            </div>
            
        </div><div class="az-col-cont">
<div class="az-content-element-wrapper az-lightbox fake-lightbox az-margin-top-0 az-margin-bottom-0 align-center no-animate-content">
<div class="az-img-wrapper normal-responsive no-img-shape az-hover-fx-wrapper az-hover-fx-fade-in"><a href="https://www.elementi-design.com/wp-content/uploads/2022/09/mockup-code-magic.jpg" class="az-ilightbox az-ilightbox-image" data-skin="dark" data-overlay="0.94" data-direction="horizontal" data-mwheel="true" data-arrows="true" data-thumbs="false" data-social="true" data-title="Particle Code Detail “Magic Powder”" data-azlbox="ilightbox[]" data-options="thumbnail: 'https://www.elementi-design.com/wp-content/uploads/2022/09/mockup-code-magic-60x60.jpg'"><span class="az-hover-fx-overlay-bg az-dark-type"><i class="az-icon az-icon-plus2"></i></span><img decoding="async" class="az-img normal-img-responsive" src="https://www.elementi-design.com/wp-content/uploads/2020/07/lightbox-placeholder.png" srcset="https://www.elementi-design.com/wp-content/uploads/2020/07/lightbox-placeholder-480x270.png 480w, https://www.elementi-design.com/wp-content/uploads/2020/07/lightbox-placeholder-960x540.png 960w, https://www.elementi-design.com/wp-content/uploads/2020/07/lightbox-placeholder.png 1280w" sizes="(min-width: 320px) 100vw, 100vw" width="2560" height="1440" alt="00" /></a>
</div>
</div>
<div data-font-min="11" data-font-max="11" data-font-buffer="50" class="az-content-element-wrapper az-text-block dida-magic-2 az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-30 az-margin-bottom-0 no-animate-content" style="font-weight: 300; line-height: 100%; color: #ffffff; font-family:Poppins;">
    <p><i class="fa fa-code" style="margin-right: 5px; font-size: 13px; position: relative;"></i><em>Particle</em> Code Detail “Magic Powder”</p>

</div></div></div></div><div class="single-clms col-md-8 col-lg-5 col-lg-push-0 flex-padding-5 az-main-col-content az-module az-col-pos-middle az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-90" ><div class="az-col-cont">
<div class="az-content-element-wrapper az-text-block az-font-custom az-font-color-custom az-margin-top-0 az-margin-bottom-0 no-animate-content" style="color: #bdbdbd;">
    <p style="text-align: left;">To achieve this, we customized one of the fabulous <em>particle</em> scripts found on the web. However, some significant changes were required because we wanted the powder to expand itself as the user scrolled down the story. For each section, it should “magically” align with the chapter headings and disappear after a short time so as not to disrupt the reading experience. In addition, the powder should change color (5) smoothly depending on the color accents in the background photography (6).</p>

</div></div></div></div></div></div><a href="#layout" class="scroll-btn-page"><i class="az-icon az-icon-arrow-down animated-opacity" style="color: #ffffff"></i></a></div><div id="layout" class="az-main-section-content az-module az-padding-top-0 az-padding-bottom-0 az-section-default no-animate-content az-module-bg-color">
        <div class="az-module-wrap-bg">
            <div class="az-module-wrapper-bg" style="background: #141618;"></div>
            
        </div><div class="container-fluid"><div class="row row-parent az-gutter-default"><div data-animation-type="ani-in" data-animation-in="fadeInLeft" data-animation-out="none" data-animation-speed="default" data-animation-delay="0" data-offset-down="85" data-offset-up="none" class="single-clms col-md-8 flex-padding-2 az-main-col-content az-module az-col-pos-middle az-v-space-clm animate-content az-module-default"><div class="az-col az-clm-padding-60" ><div class="az-shift-layer az-no-shift-y" style="margin-top: 60px; "><div class="az-col-cont">
<div class="az-content-element-wrapper az-single-image margin-bottom-neg az-margin-top-0 az-margin-bottom-0 align-center no-animate-content">
<div class="az-img-wrapper normal-responsive no-img-shape"><img loading="lazy" decoding="async" class="az-img normal-img-responsive" src="https://www.elementi-design.com/wp-content/uploads/2022/10/magic-numbers-1.png" srcset="https://www.elementi-design.com/wp-content/uploads/2022/10/magic-numbers-1-480x308.png 480w, https://www.elementi-design.com/wp-content/uploads/2022/10/magic-numbers-1-960x616.png 960w, https://www.elementi-design.com/wp-content/uploads/2022/10/magic-numbers-1.png 1280w" sizes="auto, (min-width: 320px) 100vw, 100vw" width="2715" height="1742" alt="00" />
</div>
</div><div class="row row-inner overlay-dida az-padding-top-0 az-padding-bottom-0 az-gutter-0 no-animate-content"><div class="single-clms col-md-12 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><div class="az-col-cont">
<div data-font-min="11" data-font-max="11" data-font-buffer="50" class="az-content-element-wrapper az-text-block num-1 az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-0 az-margin-bottom-0 no-animate-content hidden-xs" style="font-weight: 300; line-height: 100%; color: #ffffff; font-family:Poppins;">
    <p><i class="az-icon az-icon-ruler" style="margin-right: 5px; top: 1px; font-size: 13px; position: relative;"></i>38.2vw (100vw – 100vw/1.618)</p>

</div>
<div data-font-min="11" data-font-max="11" data-font-buffer="50" class="az-content-element-wrapper az-text-block num-1 az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-0 az-margin-bottom-0 no-animate-content hidden-lg hidden-md hidden-sm" style="font-weight: 300; line-height: 100%; color: #ffffff; font-family:Poppins;">
    <p><i class="az-icon az-icon-ruler" style="margin-right: 5px; top: 1px; font-size: 13px; position: relative;"></i>38.2vw</p>

</div>
<div data-font-min="11" data-font-max="11" data-font-buffer="50" class="az-content-element-wrapper az-text-block num-2 az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-0 az-margin-bottom-0 no-animate-content" style="font-weight: 300; line-height: 100%; color: #ffffff; font-family:Poppins;">
    <p>1/8</p>

</div>
<div data-font-min="11" data-font-max="11" data-font-buffer="50" class="az-content-element-wrapper az-text-block num-3 az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-0 az-margin-bottom-0 no-animate-content" style="font-weight: 300; line-height: 100%; color: #ffffff; font-family:Poppins;">
    <p>1/4</p>

</div>
<div data-font-min="11" data-font-max="11" data-font-buffer="50" class="az-content-element-wrapper az-text-block num-4 az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-0 az-margin-bottom-0 no-animate-content" style="font-weight: 300; line-height: 100%; color: #ffffff; font-family:Poppins;">
    <p>1/4</p>

</div>
<div data-font-min="11" data-font-max="11" data-font-buffer="50" class="az-content-element-wrapper az-text-block num-5 az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-0 az-margin-bottom-0 no-animate-content" style="font-weight: 300; line-height: 100%; color: #ffffff; font-family:Poppins;">
    <p>1/2</p>

</div></div></div></div></div>
<div data-animation-type="ani-in-out" data-animation-in="fadeIn" data-animation-out="fadeOut" data-animation-speed="default" data-animation-delay="0" data-offset-down="15" data-offset-up="15" class="az-content-element-wrapper az-single-image fade-image az-margin-top-0 az-margin-bottom-0 align-center animate-content">
<div class="az-img-wrapper normal-responsive no-img-shape"><img loading="lazy" decoding="async" class="az-img normal-img-responsive" src="https://www.elementi-design.com/wp-content/uploads/2022/09/magic-numbers-2-4.png" srcset="https://www.elementi-design.com/wp-content/uploads/2022/09/magic-numbers-2-4-480x308.png 480w, https://www.elementi-design.com/wp-content/uploads/2022/09/magic-numbers-2-4-960x616.png 960w, https://www.elementi-design.com/wp-content/uploads/2022/09/magic-numbers-2-4.png 1280w" sizes="auto, (min-width: 320px) 100vw, 100vw" width="2715" height="1742" alt="00" />
</div>
</div>
<div data-font-min="11" data-font-max="11" data-font-buffer="50" class="az-content-element-wrapper az-text-block dida-layout-1 az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-30 az-margin-bottom-0 no-animate-content" style="font-weight: 300; line-height: 100%; color: #ffffff; font-family:Poppins;">
    <p style="text-align: right;"><i class="az-icon az-icon-layout" style="margin-right: 5px; top: 1px; font-size: 13px; position: relative;"></i>Grid System Based on the Golden Ratio</p>

</div></div></div></div></div><div class="single-clms col-md-4 flex-padding az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-30" ><div class="az-shift-layer az-no-shift-y" style="margin-top: -30px; "><div class="az-col-cont"><div class="az-content-element-wrapper az-empty-divider hidden-lg hidden-md" style="height: 60px;"></div><div class="az-content-element-wrapper az-empty-divider hidden-md hidden-sm hidden-xs" style="height: 9vw;"></div>
<div class="az-content-element-wrapper az-text-block az-font-custom az-font-color-custom az-margin-top-0 az-margin-bottom-20 az-text-uppercase no-animate-content" style="color: #ffffff;">
    <h5 style="text-align: left;"><span style="color: #bdbdbd;">03.</span> Some Magic Numbers.</h5>

</div>
<div class="az-content-element-wrapper az-text-block az-font-custom az-font-color-custom az-margin-top-0 az-margin-bottom-30 no-animate-content" style="color: #bdbdbd;">
    <p style="text-align: right;">But what captivated us most about this project was the layout aspect. We’ve experimented a lot with CSS variables, and this time we wanted to go all the way. So we decided to use a single base value, which is 38.2vw (where 100vw is the total width of the screen), and thus the smaller divisor according to the ratio of the golden section <em>1/1.618</em>. This sets the height of the foreground <em>sections </em>(4). All other measurements within the sections and the distances between elements are defined as fractions of this one number.</p>

</div>
<div data-font-min="11" data-font-max="11" data-font-buffer="50" class="az-content-element-wrapper az-text-block az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-30 az-margin-bottom-15 no-animate-content" style="font-weight: 300; line-height: 100%; color: #ffffff; font-family:Poppins;">
    <p style="text-align: right; margin-top: -13px;"><i class="fa fa-code" style="margin-right: 5px; font-size: 13px; position: relative;"></i>CSS Rules With <em>&#8211;section-height</em> as Unique Root Measure</p>

</div>
<div data-animation-type="ani-in" data-animation-in="fadeInRight" data-animation-out="none" data-animation-speed="default" data-animation-delay="0" data-offset-down="85" data-offset-up="none" class="az-content-element-wrapper az-lightbox az-margin-top-0 az-margin-bottom-0 align-center animate-content">
<div class="az-img-wrapper normal-responsive no-img-shape az-hover-fx-wrapper az-hover-fx-fade-in"><a href="https://www.elementi-design.com/wp-content/uploads/2022/09/mockup-css-detail.jpg" class="az-ilightbox az-ilightbox-image" data-skin="dark" data-overlay="0.94" data-direction="horizontal" data-mwheel="true" data-arrows="false" data-thumbs="false" data-social="true" data-title="CSS Rules With “--section-height” as Unique Root Measure" data-azlbox="ilightbox[]" data-options="thumbnail: 'https://www.elementi-design.com/wp-content/uploads/2022/09/mockup-css-detail-60x60.jpg'"><span class="az-hover-fx-overlay-bg az-dark-type"><i class="az-icon az-icon-plus2"></i></span><img loading="lazy" decoding="async" class="az-img normal-img-responsive" src="https://www.elementi-design.com/wp-content/uploads/2022/09/mockup-css-detail.jpg" srcset="https://www.elementi-design.com/wp-content/uploads/2022/09/mockup-css-detail-480x307.jpg 480w, https://www.elementi-design.com/wp-content/uploads/2022/09/mockup-css-detail-960x614.jpg 960w, https://www.elementi-design.com/wp-content/uploads/2022/09/mockup-css-detail.jpg 1280w" sizes="auto, (min-width: 320px) 100vw, 100vw" width="2478" height="1586" alt="Trifolio CSS Detail" /></a>
</div>
</div></div></div></div></div></div></div></div><div id="layout-2" class="az-main-section-content az-module az-padding-top-90 az-padding-bottom-90 az-section-default az-section-with-equal no-animate-content az-module-bg-color">
        <div class="az-module-wrap-bg">
            <div class="az-module-wrapper-bg" style="background: #141618;"></div>
            
        </div><div class="container-fluid"><div class="row row-parent az-gutter-default az-equal"><div data-animation-type="ani-in" data-animation-in="fadeIn" data-animation-out="none" data-animation-speed="default" data-animation-delay="1000" data-offset-down="85" data-offset-up="none" class="multi-clms col-md-2 col-lg-2 hidden-md hidden-sm hidden-xs az-main-col-content az-module az-v-space-clm animate-content az-module-default"><div class="az-col az-clm-padding-0" ><div class="az-col-cont">
<div data-font-min="11" data-font-max="11" data-font-buffer="50" class="az-content-element-wrapper az-text-block dida-layout az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-30 az-margin-bottom-0 no-animate-content" style="font-weight: 300; line-height: 100%; color: #ffffff; font-family:Poppins;">
    <p style="text-align: right;"><i class="az-icon az-icon-stack" style="margin-right: 5px; font-size: 13px; top: 1px; position: relative;"></i>Background Image Overlapping</p>

</div></div></div></div><div data-animation-type="ani-in" data-animation-in="fadeInLeft" data-animation-out="none" data-animation-speed="default" data-animation-delay="0" data-offset-down="85" data-offset-up="none" class="multi-clms col-md-4 col-lg-3 responsive-detail az-main-col-content az-module animate-content az-module-bg-image"><div class="az-col az-clm-padding-0" >
        <div class="az-module-wrap-bg">
            <div  class="az-module-wrapper-bg  az-imagesLoadedBg" style="background-image: url(https://www.elementi-design.com/wp-content/uploads/2022/09/responsive-detail.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;">
            
            </div>
            
        </div><div class="az-col-cont">
<div class="az-content-element-wrapper az-lightbox fake-lightbox az-margin-top-0 az-margin-bottom-0 align-center no-animate-content">
<div class="az-img-wrapper normal-responsive no-img-shape az-hover-fx-wrapper az-hover-fx-fade-in"><a href="https://www.elementi-design.com/wp-content/uploads/2022/09/mockup-responsive.jpg" class="az-ilightbox az-ilightbox-image" data-skin="dark" data-overlay="0.94" data-direction="horizontal" data-mwheel="true" data-arrows="true" data-thumbs="false" data-social="true" data-title="Background Layers — Matching Colors at Image Edges (1, 2, 3)" data-azlbox="ilightbox[]" data-options="thumbnail: 'https://www.elementi-design.com/wp-content/uploads/2022/09/mockup-responsive-60x60.jpg'"><span class="az-hover-fx-overlay-bg az-dark-type"><i class="az-icon az-icon-plus2"></i></span><img decoding="async" class="az-img normal-img-responsive" src="https://www.elementi-design.com/wp-content/uploads/2020/07/lightbox-placeholder.png" srcset="https://www.elementi-design.com/wp-content/uploads/2020/07/lightbox-placeholder-480x270.png 480w, https://www.elementi-design.com/wp-content/uploads/2020/07/lightbox-placeholder-960x540.png 960w, https://www.elementi-design.com/wp-content/uploads/2020/07/lightbox-placeholder.png 1280w" sizes="(min-width: 320px) 100vw, 100vw" width="2560" height="1440" alt="00" /></a>
</div>
</div>
<div data-font-min="11" data-font-max="11" data-font-buffer="50" class="az-content-element-wrapper az-text-block dida-layout az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-30 az-margin-bottom-0 no-animate-content hidden-lg" style="font-weight: 300; line-height: 100%; color: #ffffff; font-family:Poppins;">
    <p style="text-align: left;"><i class="az-icon az-icon-stack" style="margin-right: 5px; font-size: 13px; top: 1px; position: relative;"></i>Background Image Overlapping</p>

</div></div></div></div><div class="multi-clms col-md-8 col-lg-6 flex-padding-6 az-main-col-content az-module az-col-pos-middle az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-90" ><div class="az-col-cont">
<div class="az-content-element-wrapper az-text-block az-font-custom az-font-color-custom az-margin-top-0 az-margin-bottom-0 no-animate-content" style="color: #bdbdbd;">
    <p style="text-align: left;">So when it came to the responsiveness of the website, we only had to manipulate a single value. All elements fit together perfectly, regardless of the width of the device. We also have a simple tool to “open” the gaps between the sections in the vertical for narrow devices to get enough room for the magic of the powder particles. The background images, which shift slightly against each other as the page scrolls, have been carefully retouched to invisibly close the gaps with an underlying common background color. (1–3)</p>

</div></div></div></div></div></div><a href="#typography-1" class="scroll-btn-page"><i class="az-icon az-icon-arrow-down animated-opacity" style="color: #ffffff"></i></a></div><div id="typography-1" class="az-main-section-content az-module az-padding-top-60 az-padding-bottom-0 az-section-default az-section-with-equal no-animate-content az-module-bg-color">
        <div class="az-module-wrap-bg">
            <div class="az-module-wrapper-bg" style="background: #141618;"></div>
            
        </div><div class="container-fluid"><div class="row row-parent az-gutter-default az-equal"><div class="multi-clms col-md-12 col-lg-8 flex-padding-3 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-90 az-clm-force-height" ><div class="az-col-cont">
<div class="az-content-element-wrapper az-text-block az-font-custom az-font-color-custom az-margin-top-0 az-margin-bottom-20 az-text-uppercase no-animate-content" style="color: #ffffff;">
    <h5 style="text-align: right;"><span style="color: #bdbdbd;">04.</span> Typography.</h5>

</div>
<div class="az-content-element-wrapper az-text-block az-font-custom az-font-color-custom az-margin-top-0 az-margin-bottom-0 no-animate-content" style="color: #bdbdbd;">
    <p style="text-align: left;">Another very interesting aspect of this particular storytelling website was the typographic design. Since we’re talking about and for book lovers, we felt it was necessary to focus on typography that would be both elegant and functional on all devices and in all situations. In part, work we had already done on the Trifolio parent website: the Trifolio web fonts. These customized fonts radiate their subtle elegance in large headlines with sublime line contrast and remain legible at small sizes. In total, we have created 13 font versions for one typeface.</p>

</div></div></div></div></div></div></div><div id="typography-2" class="az-main-section-content az-module dark-detect az-padding-top-0 az-padding-bottom-0 az-section-default az-section-with-equal no-animate-content az-module-bg-color">
        <div class="az-module-wrap-bg">
            <div class="az-module-wrapper-bg" style="background: #141618;"></div>
            
        </div><div class="container-fluid az-container-no-padding"><div class="row row-parent az-gutter-default az-equal"><div class="single-clms col-md-12 flex-padding-3 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0 az-clm-force-height" ><div class="az-col-cont">
<div class="az-content-element-wrapper az-media-gallery-wrapper az-margin-top-0 az-margin-bottom-0">
    <div class="az-module-wrapper az-isotope-wrapper az-gutter-0">
        <div id="media-dcf21c5" class="az-media-gallery az-module-container az-isotope-container az-isotope-metro" data-animation-fx="yes" data-animation-in="fadeInUp" data-animation-speed="default" data-animation-delay="300" data-offset-down="85">
            
            <div class="az-media-gallery-item az-grid-item animate-grid-content az-hover-fx-wrapper az-hover-fx-fade-in az-grid-metro-w4 az-grid-metro-h4" data-referance-name="fonts-1"><a href="https://www.elementi-design.com/wp-content/uploads/2022/10/OptimaTrifolio-type-details-1-1.png" class="az-ilightbox" data-skin="dark" data-overlay="0.94" data-direction="horizontal" data-mwheel="true" data-arrows="true" data-thumbs="false" data-social="true" data-azlbox="ilightbox[]" data-options="thumbnail: 'https://www.elementi-design.com/wp-content/uploads/2022/10/OptimaTrifolio-type-details-1-1-60x60.png'" data-title="Letter Stem Weight and Contrast"><span class="az-hover-fx-overlay-bg az-dark-type"><i class="az-icon az-icon-plus2"></i></span><div class="metro-bg-imge az-imagesLoadedBg" style="background-image: url(https://www.elementi-design.com/wp-content/uploads/2022/10/OptimaTrifolio-type-details-1-1-2000x2000.png);"></div></a><div class="gallery-dida az-font-custom az-font-color-custom animate-content fadeIn" data-skin-item="item-dark-type" data-animation-type="ani-in" data-animation-in="fadeIn" data-animation-out="none" data-animation-speed="1000" data-animation-delay="3000" data-offset-down="85" data-offset-up="none" style="font-weight: 300; line-height: 175%; font-family: Poppins; font-size: 11px;">
					<p><i class="glyphicon glyphicon-font" style="margin-right: 5px; top: 1px; font-size: 13px; position: relative;"></i>Letter Stem Weight and Contrast</p>
				</div></div><div class="az-media-gallery-item az-grid-item animate-grid-content az-hover-fx-wrapper az-hover-fx-fade-in az-grid-metro-w4 az-grid-metro-h4" data-referance-name="fonts-2"><a href="https://www.elementi-design.com/wp-content/uploads/2022/10/OptimaTrifolio-type-details-2-1.png" class="az-ilightbox" data-skin="dark" data-overlay="0.94" data-direction="horizontal" data-mwheel="true" data-arrows="true" data-thumbs="false" data-social="true" data-azlbox="ilightbox[]" data-options="thumbnail: 'https://www.elementi-design.com/wp-content/uploads/2022/10/OptimaTrifolio-type-details-2-1-60x60.png'" data-title="Letter Width"><span class="az-hover-fx-overlay-bg az-dark-type"><i class="az-icon az-icon-plus2"></i></span><div class="metro-bg-imge az-imagesLoadedBg" style="background-image: url(https://www.elementi-design.com/wp-content/uploads/2022/10/OptimaTrifolio-type-details-2-1-2000x2000.png);"></div></a><div class="gallery-dida az-font-custom az-font-color-custom animate-content fadeIn" data-skin-item="item-dark-type" data-animation-type="ani-in" data-animation-in="fadeIn" data-animation-out="none" data-animation-speed="1000" data-animation-delay="3300" data-offset-down="85" data-offset-up="none" style="font-weight: 300; line-height: 175%; font-family: Poppins; font-size: 11px;">
					<p><i class="glyphicon glyphicon-font" style="margin-right: 5px; top: 1px; font-size: 13px; position: relative;"></i>Letter Width</p>
				</div></div><div class="az-media-gallery-item az-grid-item animate-grid-content az-hover-fx-wrapper az-hover-fx-fade-in az-grid-metro-w4 az-grid-metro-h4" data-referance-name="fonts-3"><a href="https://www.elementi-design.com/wp-content/uploads/2022/10/OptimaTrifolio-type-details-3-1.png" class="az-ilightbox" data-skin="dark" data-overlay="0.94" data-direction="horizontal" data-mwheel="true" data-arrows="true" data-thumbs="false" data-social="true" data-azlbox="ilightbox[]" data-options="thumbnail: 'https://www.elementi-design.com/wp-content/uploads/2022/10/OptimaTrifolio-type-details-3-1-60x60.png'" data-title="Letter Spacing"><span class="az-hover-fx-overlay-bg az-dark-type"><i class="az-icon az-icon-plus2"></i></span><div class="metro-bg-imge az-imagesLoadedBg" style="background-image: url(https://www.elementi-design.com/wp-content/uploads/2022/10/OptimaTrifolio-type-details-3-1-2000x2000.png);"></div></a><div class="gallery-dida az-font-custom az-font-color-custom animate-content fadeIn" data-skin-item="item-dark-type" data-animation-type="ani-in" data-animation-in="fadeIn" data-animation-out="none" data-animation-speed="1000" data-animation-delay="3600" data-offset-down="85" data-offset-up="none" style="font-weight: 300; line-height: 175%; font-family: Poppins; font-size: 11px;">
					<p><i class="glyphicon glyphicon-font" style="margin-right: 5px; top: 1px; font-size: 13px; position: relative;"></i>Letter Spacing</p>
				</div></div>
        </div>
    </div>
</div></div></div></div></div></div></div><div id="typography-3" class="az-main-section-content az-module az-padding-top-90 az-padding-bottom-0 az-section-default az-section-with-equal no-animate-content az-module-bg-color">
        <div class="az-module-wrap-bg">
            <div class="az-module-wrapper-bg" style="background: #141618;"></div>
            
        </div><div class="container-fluid az-container-no-padding"><div class="row row-parent az-gutter-default az-equal"><div class="multi-clms col-md-4 col-lg-6 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0 az-clm-force-height" ><div class="az-col-cont"></div></div></div><div class="multi-clms col-md-8 col-lg-6 flex-padding az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-90" ><div class="az-col-cont">
<div class="az-content-element-wrapper az-text-block az-font-custom az-font-color-custom az-margin-top-0 az-margin-bottom-30 no-animate-content" style="color: #bdbdbd;">
    <p style="text-align: right;">These fonts differ mainly in terms of contrast and thickness of lines. The larger ones tend to have progressively finer lines and more subtle details as their rhythm tightens, while their smaller cousins do the opposite. Via CSS, the font variants also change smoothly as the browser window resizes. In addition, all families include different language versions with special features such as longer hyphens in American. This has ensured that the heavy database of Trifolios&#8217; large portfolio does not need to be touched, yet typographic details have been corrected retroactively.</p>

</div><div class="az-content-element-wrapper az-empty-divider hidden-lg hidden-md" style="height: 90px;"></div></div></div></div></div></div></div><div id="website" class="az-main-section-content az-module dark-detect az-padding-top-0 az-padding-bottom-0 az-section-default az-section-with-equal no-animate-content az-module-bg-color">
        <div class="az-module-wrap-bg">
            <div class="az-module-wrapper-bg" style="background: #141618;"></div>
            
        </div><div class="container-fluid az-container-no-padding"><div class="row row-parent az-gutter-default az-equal"><div class="single-clms col-md-12 az-main-col-content az-module az-v-space-clm no-animate-content az-module-bg-image"><div class="az-col az-clm-padding-90" >
        <div class="az-module-wrap-bg">
            <div  class="az-module-wrapper-bg  az-imagesLoadedBg" style="background-image: url(https://www.elementi-design.com/wp-content/uploads/2022/09/website-trifolio.jpg); background-position: left bottom; background-repeat: no-repeat; background-size: cover;">
            
            </div>
            
        </div><div class="az-col-cont"><div class="az-content-element-wrapper az-empty-divider" style="height: 32vw;"></div><div class="az-content-element-wrapper az-empty-divider hidden-lg" style="height: 3vw;"></div>
<div data-font-min="24" data-font-max="34" data-font-buffer="13" class="az-content-element-wrapper az-text-block super-thin az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-0 az-margin-bottom-0 no-animate-content hidden-md hidden-sm hidden-xs" style="font-weight: 100; letter-spacing: 3px; line-height: 140%; color: #ffffff; font-family:Lato;">
    <h2 style="text-align: left;">The Magic Trifolio Website.</h2>

</div>
<div data-font-min="24" data-font-max="34" data-font-buffer="13" class="az-content-element-wrapper az-text-block super-thin az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-0 az-margin-bottom-0 no-animate-content hidden-lg hidden-xs" style="font-weight: 100; letter-spacing: 3px; line-height: 140%; color: #ffffff; font-family:Lato;">
    <h2 style="text-align: left;">The Website.</h2>

</div>
<div class="az-content-element-wrapper az-social-profiles-wrapper az-margin-top-30 az-margin-bottom-0 no-animate-content">
    <ul class="az-social-profiles-list align-left">
        <li><a href="https://www.behance.net/gallery/151004899/Trifolio-Magic" target="_blank"><i class="fa fa-behance" style="color: #ffffff;"></i></a></li>
    </ul>
</div><div class="az-content-element-wrapper az-empty-divider hidden-md hidden-sm hidden-xs" style="height: 3vw;"></div></div></div></div></div></div></div><div class="az-main-section-content az-module az-padding-top-70 az-padding-bottom-70 az-section-default az-section-divider no-animate-content az-module-bg-color">
        <div class="az-module-wrap-bg">
            <div class="az-module-wrapper-bg" style="background: #ffffff;"></div>
            
        </div><div class="container"><div class="row row-parent az-gutter-default"><div class="single-clms col-md-12 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><div class="az-col-cont">
<div class="az-content-element-wrapper az-text-block az-margin-top-0 az-margin-bottom-0 no-animate-content">
    <h3>Related Articles</h3>

</div></div></div></div></div></div></div><div class="az-main-section-content az-module az-padding-top-90 az-padding-bottom-90 az-section-default no-animate-content az-module-bg-color">
        <div class="az-module-wrap-bg">
            <div class="az-module-wrapper-bg" style="background: #ffffff;"></div>
            
        </div><div class="container"><div class="row row-parent az-gutter-default"><div class="single-clms col-md-12 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><div class="az-col-cont">
<div data-isotope-filter="false" class="az-content-element-wrapper az-module-grid-wrapper az-related-post-shortcode az-margin-top-0 az-margin-bottom-0">
    <div class="az-module-wrapper az-isotope-wrapper az-gutter-0">
        <div id="related-post-dd06afc" class="az-module-grid az-module-container az-isotope-container az-isotope-general" data-animation-fx="yes" data-animation-in="fadeInRight" data-animation-speed="default" data-animation-delay="300" data-offset-down="85" data-cols="3" data-def-col="3" data-lg-col="3" data-md-col="3" data-sm-col="2" data-xs-col="1">
            <div class="grid-sizer"></div>
            <div class="az-module-grid-item az-grid-item animate-grid-content az-hover-fx-wrapper az-hover-fx-fade-in"><a class="az-grid-item-link" href="https://www.elementi-design.com/capability-versus-subtlety/" title="Capability Versus Subtlety"><div class="az-hover-fx-overlay-bg az-dark-type"><div class="az-grid-item-box-wrapper"><div class="az-grid-item-box-content az-item-l-t"></div></div></div><img loading="lazy" decoding="async" src="https://www.elementi-design.com/wp-content/uploads/2026/03/stefan-seifert-ceo-elementi-1500x999.jpg" srcset="https://www.elementi-design.com/wp-content/uploads/2026/03/stefan-seifert-ceo-elementi-1500x999-480x320.jpg 480w, https://www.elementi-design.com/wp-content/uploads/2026/03/stefan-seifert-ceo-elementi-1500x999-960x639.jpg 960w, https://www.elementi-design.com/wp-content/uploads/2026/03/stefan-seifert-ceo-elementi-1500x999.jpg 1280w" sizes="auto, (min-width: 320px) 100vw, 100vw" width="1500" height="999" alt="Capability Versus Subtlety" /></a><div class="az-grid-item-entry-meta align-left"><div class="az-grid-item-entry-title"><h2 class="az-grid-item-meta-title"><a href="https://www.elementi-design.com/capability-versus-subtlety/" title="Capability Versus Subtlety">Capability Versus Subtlety</a></h2></div><div class="az-grid-item-entry-attributes"><span class="az-grid-item-meta-subtitle"><a href="https://www.elementi-design.com/category/culture/" title="Culture">Culture</a></span></div></div></div><div class="az-module-grid-item az-grid-item animate-grid-content az-hover-fx-wrapper az-hover-fx-fade-in"><a class="az-grid-item-link" href="https://www.elementi-design.com/web-layout-from-1950-to-2020/" title="(Web) Layout From 1950 to 2020"><div class="az-hover-fx-overlay-bg az-dark-type"><div class="az-grid-item-box-wrapper"><div class="az-grid-item-box-content az-item-l-t"></div></div></div><img loading="lazy" decoding="async" src="https://www.elementi-design.com/wp-content/uploads/2021/06/demo-empty-spaces-full-1500x1268.png" srcset="https://www.elementi-design.com/wp-content/uploads/2021/06/demo-empty-spaces-full-1500x1268-480x406.png 480w, https://www.elementi-design.com/wp-content/uploads/2021/06/demo-empty-spaces-full-1500x1268-960x812.png 960w, https://www.elementi-design.com/wp-content/uploads/2021/06/demo-empty-spaces-full-1500x1268.png 1280w" sizes="auto, (min-width: 320px) 100vw, 100vw" width="1500" height="1268" alt="(Web) Layout From 1950 to 2020" /></a><div class="az-grid-item-entry-meta align-left"><div class="az-grid-item-entry-title"><h2 class="az-grid-item-meta-title"><a href="https://www.elementi-design.com/web-layout-from-1950-to-2020/" title="(Web) Layout From 1950 to 2020">(Web) Layout From 1950 to 2020</a></h2></div><div class="az-grid-item-entry-attributes"><span class="az-grid-item-meta-subtitle"><a href="https://www.elementi-design.com/category/graphic-design/" title="Graphic Design">Graphic Design</a></span></div></div></div><div class="az-module-grid-item az-grid-item animate-grid-content az-hover-fx-wrapper az-hover-fx-fade-in"><a class="az-grid-item-link" href="https://www.elementi-design.com/the-passion-of-being-a-typeface-designer/" title="The Passion of Being a Typeface Designer"><div class="az-hover-fx-overlay-bg az-dark-type"><div class="az-grid-item-box-wrapper"><div class="az-grid-item-box-content az-item-l-t"></div></div></div><img loading="lazy" decoding="async" src="https://www.elementi-design.com/wp-content/uploads/2020/02/title-passion-typeface-designer-1500x848.png" srcset="https://www.elementi-design.com/wp-content/uploads/2020/02/title-passion-typeface-designer-1500x848-480x432.png 480w, https://www.elementi-design.com/wp-content/uploads/2020/02/title-passion-typeface-designer-1500x848-960x863.png 960w, https://www.elementi-design.com/wp-content/uploads/2020/02/title-passion-typeface-designer-1500x848.png 1280w" sizes="auto, (min-width: 320px) 100vw, 100vw" width="1500" height="848" alt="The Passion of Being a Typeface Designer" /></a><div class="az-grid-item-entry-meta align-left"><div class="az-grid-item-entry-title"><h2 class="az-grid-item-meta-title"><a href="https://www.elementi-design.com/the-passion-of-being-a-typeface-designer/" title="The Passion of Being a Typeface Designer">The Passion of Being a Typeface Designer</a></h2></div><div class="az-grid-item-entry-attributes"><span class="az-grid-item-meta-subtitle"><a href="https://www.elementi-design.com/category/design/" title="Design">Design</a>, <a href="https://www.elementi-design.com/category/graphic-design/" title="Graphic Design">Graphic Design</a>, <a href="https://www.elementi-design.com/category/typo-arts/" title="Typo Arts">Typo Arts</a></span></div></div></div><div class="az-module-grid-item az-grid-item animate-grid-content az-hover-fx-wrapper az-hover-fx-fade-in"><a class="az-grid-item-link" href="https://www.elementi-design.com/italians-do-it-better/" title="Why Italians Do It Better"><div class="az-hover-fx-overlay-bg az-dark-type"><div class="az-grid-item-box-wrapper"><div class="az-grid-item-box-content az-item-l-t"></div></div></div><img loading="lazy" decoding="async" src="https://www.elementi-design.com/wp-content/uploads/2019/05/ad-dante-verona-1500x2250.jpg" srcset="https://www.elementi-design.com/wp-content/uploads/2019/05/ad-dante-verona-1500x2250-480x720.jpg 480w, https://www.elementi-design.com/wp-content/uploads/2019/05/ad-dante-verona-1500x2250-960x1440.jpg 960w, https://www.elementi-design.com/wp-content/uploads/2019/05/ad-dante-verona-1500x2250.jpg 1280w" sizes="auto, (min-width: 320px) 100vw, 100vw" width="1500" height="2250" alt="Why Italians Do It Better" /></a><div class="az-grid-item-entry-meta align-left"><div class="az-grid-item-entry-title"><h2 class="az-grid-item-meta-title"><a href="https://www.elementi-design.com/italians-do-it-better/" title="Why Italians Do It Better">Why Italians Do It Better</a></h2></div><div class="az-grid-item-entry-attributes"><span class="az-grid-item-meta-subtitle"><a href="https://www.elementi-design.com/category/culture/" title="Culture">Culture</a>, <a href="https://www.elementi-design.com/category/design/" title="Design">Design</a></span></div></div></div>
        </div>
    </div>
</div></div></div></div></div></div></div>
<p>Der Beitrag <a href="https://www.elementi-design.com/trifolio-magic-the-making-of/">Trifolio Magic — The Making Of</a> erschien zuerst auf <a href="https://www.elementi-design.com">Elementi</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.elementi-design.com/trifolio-magic-the-making-of/feed/</wfw:commentRss>
			<slash:comments>4</slash:comments>
		
		<enclosure url="https://www.elementi-design.com/wp-content/uploads/video/magic-powder-sm.mp4" length="1486167" type="video/mp4" />
<enclosure url="https://www.elementi-design.com/wp-content/uploads/video/magic-powder-sm.webm" length="0" type="video/webm" />

			</item>
		<item>
		<title>Why Italians Do It Better</title>
		<link>https://www.elementi-design.com/italians-do-it-better/</link>
					<comments>https://www.elementi-design.com/italians-do-it-better/#comments</comments>
		
		<dc:creator><![CDATA[Stefan Seifert]]></dc:creator>
		<pubDate>Mon, 13 May 2019 11:06:08 +0000</pubDate>
				<category><![CDATA[Culture]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Art]]></category>
		<category><![CDATA[Philosophy]]></category>
		<guid isPermaLink="false">https://www.elementi-design.com/?p=8360</guid>

					<description><![CDATA[<p>It was in the late nineties when I made my first experiences in design in collaboration with Italian native designers and creatives. I stopped by to work for Italian art director genius Luca Stoppini at Vogue Italy doing some exclusive typefaces for their library. At the time we finished this project I got quite settled in the beautiful historical center of Verona city in north Italy and I decided to stay. Here is why.</p>
<p>Der Beitrag <a href="https://www.elementi-design.com/italians-do-it-better/">Why Italians Do It Better</a> erschien zuerst auf <a href="https://www.elementi-design.com">Elementi</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div id="dante" class="az-main-section-content az-module no-neg-margin full-height az-padding-top-0 az-padding-bottom-0 az-section-full-screen az-section-with-equal no-animate-content az-module-default"><div class="container-fluid az-container-no-padding"><div class="row row-parent az-gutter-0 az-equal"><div class="single-clms col-md-6 az-main-col-content az-module az-col-pos-middle az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-150 az-clm-force-height" ><div class="az-col-cont">
<div data-font-min="35" data-font-max="54" data-font-buffer="15" class="az-content-element-wrapper az-text-block az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-0 az-margin-bottom-30 no-animate-content" style="font-weight: 100; line-height: 140%; color: #000000; font-family:Playfair Display;">
    <h1 style="text-align: right;">Why <em>Italians</em> Do It Better.</h1>

</div>
<div class="az-content-element-wrapper az-text-block az-font-custom az-font-color-custom az-margin-top-0 az-margin-bottom-0 no-animate-content" style="color: #556270;">
    <p style="text-align: right;">It was in the late nineties when I made my first <a style="color: #28282e;" href="https://www.elementi-design.com/clients/">experiences</a> in design in collaboration with Italian native designers and creatives. I stopped by to work for Italian art director genius Luca Stoppini at Vogue Italy doing some exclusive typefaces for their library. At the time we finished this project I got quite settled in the beautiful historical center of Verona city in north Italy and I decided to stay. Here is why.</p>

</div></div></div></div><div class="single-clms col-md-6 az-main-col-content az-module az-col-pos-bottom az-v-space-clm clm-border-active no-animate-content az-module-bg-image" style="border-right: 30px solid #ffffff; border-bottom: 30px solid #ffffff;"><div class="az-col az-clm-padding-0" data-col-min-height-sm="500" data-col-min-height-xs="600">
        <div class="az-module-wrap-bg">
            <div  class="az-module-wrapper-bg  az-imagesLoadedBg" style="background-image: url(https://www.elementi-design.com/wp-content/uploads/2019/05/ad-dante-verona.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;">
            
            </div>
            
        </div><div class="az-col-cont">
<div data-font-min="11" data-font-max="11" data-font-buffer="50" class="az-content-element-wrapper az-text-block dida-verona az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-0 az-margin-bottom-30 no-animate-content" style="font-weight: 300; line-height: 100%; color: #ffffff; font-family:Poppins;">
    <p style="text-align: right;"><i class="glyphicon glyphicon-map-marker" style="margin-right: 5px; top: 3px; font-size: 13px; position: relative;"></i><a href="https://it.wikipedia.org/wiki/Piazza_dei_Signori_(Verona)" target="_blank" rel="noopener noreferrer"><br class="flex-break" />Piazza Dei Signori,<br class="flex-break" /> Verona, Italy</a></p>

</div></div></div></div></div></div><a href="#theses" class="scroll-btn-page"><i class="az-icon az-icon-arrow-down animated-opacity" style="color: #ffffff"></i></a></div><div class="az-main-section-content az-module az-padding-top-0 az-padding-bottom-0 az-section-default no-animate-content hidden-sm hidden-xs az-module-default"><div class="container"><div class="row row-parent az-gutter-default"><div class="single-clms col-md-12 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><div class="az-col-cont"><div class="az-content-element-wrapper az-empty-divider" style="height: 30px;"></div></div></div></div></div></div></div><div id="theses" class="az-section-group"><div class="az-main-section-content az-module large-padding az-padding-top-30 az-padding-bottom-30 az-section-default no-animate-content hidden-md az-module-default"><div class="container-fluid az-container-no-padding"><div class="row row-parent az-gutter-default"><div data-animation-type="ani-in" data-animation-in="fadeInUp" data-animation-out="none" data-animation-speed="default" data-animation-delay="0" data-offset-down="85" data-offset-up="none" class="single-clms col-md-3 az-main-col-content az-module animate-content az-module-default"><div class="az-col az-clm-padding-30" ><div class="az-col-cont">
<div class="az-content-element-wrapper az-text-block az-margin-top-0 az-margin-bottom-20 no-animate-content">
    <h5><span style="color: #bdbdbd;">01.</span> Renaissance.</h5>

</div>
<div class="az-content-element-wrapper az-text-block az-margin-top-0 az-margin-bottom-0 no-animate-content">
    <p style="text-align: left;">At night, walking through the streets of an Italian historic center under the yellow street lights you feel the presence of something. A value imminent in every single detail and it includes also the people themselves. It is the remembrance of Renaissance spirit. It is part of Italy’s heritage and people are proud of it. It affects common persons just as it does artists or designers. Consequently, an artist is perceived as an integrated part of society not someone opposed to it.</p>

</div><div class="az-content-element-wrapper az-empty-divider hidden-lg hidden-md" style="height: 20px;"></div></div></div></div><div data-animation-type="ani-in" data-animation-in="fadeInUp" data-animation-out="none" data-animation-speed="default" data-animation-delay="300" data-offset-down="85" data-offset-up="none" class="single-clms col-md-3 az-main-col-content az-module clm-border-active animate-content az-module-default" style="border-left: 1px dotted #efefef;"><div class="az-col az-clm-padding-30" ><div class="az-col-cont">
<div class="az-content-element-wrapper az-text-block az-margin-top-0 az-margin-bottom-20 no-animate-content">
    <h5><span style="color: #bdbdbd;">02.</span> Light.</h5>

</div>
<div class="az-content-element-wrapper az-text-block az-margin-top-0 az-margin-bottom-0 no-animate-content">
    <p style="text-align: left;">Even in winter the air of Italian cities is pregnant with sun light. It is soaked up and spread by the humidity in the air. It surrounds contours with a shimmering halo and colors appear much more yellow and warm as they do in post Alpine countries. Even the human iris adapts itself over longer term to this bright light condition. As a result, the ability to differentiate subtle color shadings is higher evolved than in an eye habited to northern hemisphere.</p>

</div><div class="az-content-element-wrapper az-empty-divider hidden-lg hidden-md" style="height: 20px;"></div></div></div></div><div data-animation-type="ani-in" data-animation-in="fadeInUp" data-animation-out="none" data-animation-speed="default" data-animation-delay="600" data-offset-down="85" data-offset-up="none" class="single-clms col-md-3 az-main-col-content az-module clm-border-active animate-content az-module-default" style="border-left: 1px dotted #efefef;"><div class="az-col az-clm-padding-30" ><div class="az-col-cont">
<div class="az-content-element-wrapper az-text-block az-margin-top-0 az-margin-bottom-20 no-animate-content">
    <h5><span style="color: #bdbdbd;">03.</span> Beauty as a Value.</h5>

</div>
<div class="az-content-element-wrapper az-text-block az-margin-top-0 az-margin-bottom-0 no-animate-content">
    <p style="text-align: left;">Did you ever have the impression that people almost feel embarrassed speaking about beauty? Well, it is recognized as a value but always seems to be accompanied by lots of questions. Will this <em>work</em> also? Will this help us? Is it politically correct? Etc. Let me assure you you will not find any Italian citizen wondering if beauty might be anything else than just beautiful. It is a value in itself just like a precious raw material. And everyone loves it unaskedly.</p>

</div><div class="az-content-element-wrapper az-empty-divider hidden-lg hidden-md" style="height: 20px;"></div></div></div></div><div data-animation-type="ani-in" data-animation-in="fadeInUp" data-animation-out="none" data-animation-speed="default" data-animation-delay="900" data-offset-down="85" data-offset-up="none" class="single-clms col-md-3 az-main-col-content az-module clm-border-active animate-content az-module-default" style="border-left: 1px dotted #efefef;"><div class="az-col az-clm-padding-30" ><div class="az-col-cont">
<div class="az-content-element-wrapper az-text-block az-margin-top-0 az-margin-bottom-20 no-animate-content">
    <h5><span style="color: #bdbdbd;">04.</span> Craftsmanship Attitude.</h5>

</div>
<div class="az-content-element-wrapper az-text-block az-margin-top-0 az-margin-bottom-0 no-animate-content">
    <p style="text-align: left;">What may sound anachronistic at a first glance constitutes another point of strength in Italian design: the craftsmanship attitude. Love for the detail, fearless confrontation of fatigue derives from a historical inclination towards the art of creation by hand. If it is coupled to a visionary view of the future the results are overwhelming. Luxury brands as Bulgari among many others reflect just the tip of the iceberg of this Italian innate tendency.</p>

</div></div></div></div></div></div><a href="#" class="scroll-btn-page"><i class="az-icon az-icon-arrow-down animated-opacity" style="color: #ffffff"></i></a></div><div class="az-main-section-content az-module large-padding az-padding-top-0 az-padding-bottom-15 az-section-default no-animate-content hidden-lg hidden-sm hidden-xs az-module-default"><div class="container-fluid az-container-no-padding"><div class="row row-parent az-gutter-default"><div data-animation-type="ani-in" data-animation-in="fadeInUp" data-animation-out="none" data-animation-speed="default" data-animation-delay="0" data-offset-down="85" data-offset-up="none" class="single-clms col-md-6 az-main-col-content az-module animate-content az-module-default"><div class="az-col az-clm-padding-30" ><div class="az-col-cont">
<div class="az-content-element-wrapper az-text-block az-margin-top-0 az-margin-bottom-20 no-animate-content">
    <h5><span style="color: #bdbdbd;">01.</span> Renaissance.</h5>

</div>
<div class="az-content-element-wrapper az-text-block az-margin-top-0 az-margin-bottom-0 no-animate-content">
    <p style="text-align: left;">At night, walking through the streets of an Italian historic center under the yellow street lights you feel the presence of something. A value imminent in every single detail and it includes also the people themselves. It is the remembrance of Renaissance spirit. It is part of Italy’s heritage and people are proud of it. It affects common persons just as it does artists or designers. Consequently, an artist is perceived as an integrated part of society not someone opposed to it.</p>

</div></div></div></div><div data-animation-type="ani-in" data-animation-in="fadeInUp" data-animation-out="none" data-animation-speed="default" data-animation-delay="300" data-offset-down="85" data-offset-up="none" class="single-clms col-md-6 az-main-col-content az-module animate-content az-module-default"><div class="az-col az-clm-padding-30" ><div class="az-col-cont">
<div class="az-content-element-wrapper az-text-block az-margin-top-0 az-margin-bottom-20 no-animate-content">
    <h5><span style="color: #bdbdbd;">02.</span> Light.</h5>

</div>
<div class="az-content-element-wrapper az-text-block az-margin-top-0 az-margin-bottom-0 no-animate-content">
    <p style="text-align: left;">Even in winter the air of Italian cities is pregnant with sun light. It is soaked up and spread by the humidity in the air. It surrounds contours with a shimmering halo and colors appear much more yellow and warm as they do in post Alpine countries. Even the human iris adapts itself over longer term to this bright light condition. As a result, the ability to differentiate subtle color shadings is higher evolved than in an eye habited to northern hemisphere.</p>

</div></div></div></div></div></div><a href="#" class="scroll-btn-page"><i class="az-icon az-icon-arrow-down animated-opacity" style="color: #ffffff"></i></a></div><div class="az-main-section-content az-module large-padding az-padding-top-0 az-padding-bottom-0 az-section-default no-animate-content hidden-lg hidden-sm hidden-xs az-module-default"><div class="container-fluid az-container-no-padding"><div class="row row-parent az-gutter-default"><div data-animation-type="ani-in" data-animation-in="fadeInUp" data-animation-out="none" data-animation-speed="default" data-animation-delay="0" data-offset-down="85" data-offset-up="none" class="single-clms col-md-6 az-main-col-content az-module animate-content az-module-default"><div class="az-col az-clm-padding-30" ><div class="az-col-cont">
<div class="az-content-element-wrapper az-text-block az-margin-top-0 az-margin-bottom-20 no-animate-content">
    <h5><span style="color: #bdbdbd;">03.</span> Beauty as a Value.</h5>

</div>
<div class="az-content-element-wrapper az-text-block az-margin-top-0 az-margin-bottom-0 no-animate-content">
    <p style="text-align: left;">Did you ever have the impression that people almost feel embarrassed speaking about beauty? Well, it is recognized as a value but always seems to be accompanied by lots of questions. Will this <em>work</em> also? Will this help us? Is it politically correct? Etc. Let me assure you you will not find any Italian citizen wondering if beauty might be anything else than just beautiful. It is a value in itself just like a precious raw material. And everyone loves it unaskedly.</p>

</div></div></div></div><div data-animation-type="ani-in" data-animation-in="fadeInUp" data-animation-out="none" data-animation-speed="default" data-animation-delay="300" data-offset-down="85" data-offset-up="none" class="single-clms col-md-6 az-main-col-content az-module animate-content az-module-default"><div class="az-col az-clm-padding-30" ><div class="az-col-cont">
<div class="az-content-element-wrapper az-text-block az-margin-top-0 az-margin-bottom-20 no-animate-content">
    <h5><span style="color: #bdbdbd;">04.</span> Craftsmanship Attitude.</h5>

</div>
<div class="az-content-element-wrapper az-text-block az-margin-top-0 az-margin-bottom-0 no-animate-content">
    <p style="text-align: left;">What may sound anachronistic at a first glance constitutes another point of strength in Italian design: the craftsmanship attitude. Love for the detail, fearless confrontation of fatigue derives from a historic inclination towards the art of creation by hand. If it is coupled to a visionary view of the future the results are overwhelming. Luxury brands as Bulgari among many others reflect just the tip of the iceberg of this Italian innate tendency.</p>

</div></div></div></div></div></div><a href="#" class="scroll-btn-page"><i class="az-icon az-icon-arrow-down animated-opacity" style="color: #ffffff"></i></a></div></div><div class="az-main-section-content az-module az-padding-top-0 az-padding-bottom-0 az-section-default no-animate-content hidden-sm hidden-xs az-module-default"><div class="container"><div class="row row-parent az-gutter-default"><div class="single-clms col-md-12 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><div class="az-col-cont"><div class="az-content-element-wrapper az-empty-divider" style="height: 60px;"></div></div></div></div></div></div></div><div class="az-main-section-content az-module az-padding-top-30 az-padding-bottom-30 az-section-default no-animate-content az-module-default"><div class="container"><div class="row row-parent az-gutter-default"><div class="single-clms col-md-12 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><div class="az-col-cont"><div class="az-content-element-wrapper az-divider-wrapper"><span class="az-divider light-border az-d-solid az-d-center az-margin-top-30 az-margin-bottom-30 az-divider-simple no-animate-content" style="width: 100%; border-top-width: 1px; border-color: #efefef;"></span></div><div class="az-content-element-wrapper az-empty-divider hidden-sm hidden-xs" style="height: 45px;"></div>
<div data-font-min="18.5" data-font-max="20" data-font-buffer="77" class="az-content-element-wrapper az-text-block az-font-custom az-font-size-custom az-font-google-custom az-margin-top-30 az-margin-bottom-0 no-animate-content" style="font-weight: 300; letter-spacing: 0.5px; line-height: 159%; font-family:Playfair Display;">
    <p style="text-align: center;"><i>«Non sono un uomo di cultura, non ho approfondito la storia dell’arte, o dell’architettura ma sento un qualcosa dentro che mi dice SÌ questo è bello, SÌ questo ha uno spessore, SÌ questo affascina … o con altrettanta facilità capire se è pacchiano, falso, artefatto, o peggio brutto. È un qualcosa che arriva dal fatto che siamo circondati dal bello, lo vediamo da quando abbiamo un anno di vita: forme, colori, suoni, luci ci formano.»</i></p>

</div>
<div data-font-min="10" data-font-max="10" data-font-buffer="60" class="az-content-element-wrapper az-text-block az-font-custom az-font-size-custom az-font-color-custom az-margin-top-30 az-margin-bottom-30 no-animate-content" style="font-weight: 600; letter-spacing: 3px; line-height: 150%; color: #28282e;">
    <h5 style="text-align: right;">MASSIMO TONOLLI, CEO <a style="color: #28282e;" href="https://www.trifoliosrl.com" target="_blank" rel="noopener noreferrer">TRIFOLIO SRL</a></h5>

</div><div class="az-content-element-wrapper az-empty-divider hidden-sm hidden-xs" style="height: 30px;"></div><div class="az-content-element-wrapper az-divider-wrapper"><span class="az-divider light-border az-d-solid az-d-center az-margin-top-30 az-margin-bottom-0 az-divider-simple no-animate-content" style="width: 100%; border-top-width: 1px; border-color: #efefef;"></span></div><div class="az-content-element-wrapper az-empty-divider" style="height: 60px;"></div></div></div></div></div></div><a href="#summary" class="scroll-btn-page"><i class="az-icon az-icon-arrow-down animated-opacity" style="color: #000000"></i></a></div><div id="summary" class="az-main-section-content az-module az-padding-top-0 az-padding-bottom-0 az-section-default az-section-with-equal no-animate-content az-module-default"><div class="container-fluid az-container-no-padding"><div class="row row-parent az-gutter-0 az-equal"><div class="single-clms col-md-4 flex-padding-image az-main-col-content az-module az-col-pos-middle az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-60" ><div class="az-col-cont">
<div data-animation-type="ani-in" data-animation-in="fadeInLeft" data-animation-out="none" data-animation-speed="default" data-animation-delay="0" data-offset-down="85" data-offset-up="none" class="az-content-element-wrapper az-single-image az-margin-top-0 az-margin-bottom-0 align-center animate-content">
<div class="az-img-wrapper normal-responsive no-img-shape"><img loading="lazy" decoding="async" class="az-img normal-img-responsive" src="https://www.elementi-design.com/wp-content/uploads/2019/05/renaissance-spirit.jpg" srcset="https://www.elementi-design.com/wp-content/uploads/2019/05/renaissance-spirit-480x720.jpg 480w, https://www.elementi-design.com/wp-content/uploads/2019/05/renaissance-spirit-960x1440.jpg 960w, https://www.elementi-design.com/wp-content/uploads/2019/05/renaissance-spirit.jpg 1280w" sizes="auto, (min-width: 320px) 100vw, 100vw" width="1824" height="2736" alt="The Italian Renaissance Spirit" />
</div>
</div></div></div></div><div class="multi-clms col-md-7 col-lg-6 az-main-col-content az-module az-col-pos-middle az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-60" ><div class="az-col-cont">
<div class="az-content-element-wrapper az-text-block az-margin-top-0 az-margin-bottom-20 no-animate-content">
    <h5>AN INSPIRING MIXTURE.</h5>

</div>
<div class="az-content-element-wrapper az-text-block az-font-custom az-font-color-custom az-margin-top-0 az-margin-bottom-0 no-animate-content" style="color: #556270;">
    <p style="text-align: left;">I admit some kind of daring theses. Everyone is invited to join <a style="color: #28282e;" href="#comments">discussion</a> about them. You might also ask what all this has to do with the more modern points of view regarding design, as for example functionality in user experiences. But I have the impression that in this country it is in fact not felt as a contradiction, on the contrary. Beauty as a natural component derived from unconscious experiences made in the past by previous generations combines with contemporaneity and complexity of modern life admiringly. Italian luxury brands mirror in the shop windows together with ancient facades harmonically…</p>

</div></div></div></div></div></div></div><div id="link" class="az-main-section-content az-module overflow-visible az-padding-top-30 az-padding-bottom-90 az-section-default az-shift-xy-axis no-animate-content hidden-md hidden-sm hidden-xs az-module-default"><div class="az-shift-layer az-no-shift-x" style="margin-left: -190px; "><div class="container-fluid"><div class="row row-parent az-gutter-default"><div class="multi-clms col-md-2 hidden-sm hidden-xs az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><div class="az-col-cont"></div></div></div><div class="multi-clms col-md-2 hidden-sm hidden-xs az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><div class="az-col-cont"></div></div></div><div class="multi-clms col-md-2 col-lg-2 hidden-md hidden-sm hidden-xs az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><div class="az-col-cont"></div></div></div><div class="multi-clms col-md-2 col-lg-2 col-sm-12 col-xs-12 az-main-col-content az-module no-animate-content az-module-default"><div class="az-col az-clm-padding-15" ><div class="az-shift-layer az-no-shift-y" style="margin-top: -9vw; "><a class="az-column-link" href="http://frammenti.stefanseifert.com/2018/12/is-it-good-to-have-a-handwriting/" target="_blank"><div class="az-col-cont"><div class="az-content-element-wrapper az-empty-divider hidden-lg hidden-md" style="height: 15px;"></div><div class="az-content-element-wrapper az-divider-wrapper"><span class="az-divider az-d-solid az-d-center az-margin-top-60 az-margin-bottom-90 az-divider-simple no-animate-content hidden-lg hidden-md" style="width: 80%; border-top-width: 1px;"></span></div>
<div data-animation-type="ani-in" data-animation-in="fadeIn" data-animation-out="none" data-animation-speed="default" data-animation-delay="150" data-offset-down="75" data-offset-up="none" class="az-content-element-wrapper az-box-icon-wrapper az-margin-top-0 az-margin-bottom-0 animate-content">
    <div class="az-box-icon az-box-icon-top">
            <div class="az-icon-container" style="font-size: 21px;"><i class="glyphicon glyphicon-pencil"></i>
            </div><div class="az-box-icon-content"><h3 class="az-box-icon-title">Essay</h3><p>Here is another little essay I wrote about my Italian work experiences from <em>Fragments of Beauty</em>.</p>
</div></div>
</div>
</div></a></div></div></div><div class="multi-clms col-md-2 col-lg-2 col-sm-12 col-xs-12 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-15" ><div class="az-shift-layer az-no-shift-y" style="margin-top: -9vw; "><a class="az-column-link" href="https://www.happycentro.it" target="_blank"><div class="az-col-cont"><div class="az-content-element-wrapper az-empty-divider hidden-lg hidden-md" style="height: 40px;"></div>
<div data-animation-type="ani-in" data-animation-in="fadeIn" data-animation-out="none" data-animation-speed="default" data-animation-delay="300" data-offset-down="75" data-offset-up="none" class="az-content-element-wrapper az-box-icon-wrapper az-margin-top-0 az-margin-bottom-0 animate-content">
    <div class="az-box-icon az-box-icon-top">
            <div class="az-icon-container"><i class="az-icon az-icon-link"></i>
            </div><div class="az-box-icon-content"><h3 class="az-box-icon-title">Happycentro</h3><p>Here is a link to my dearest friends and designer colleagues at an Italian creative agency called Happycentro.</p>
</div></div>
</div>
</div></a></div></div></div><div class="multi-clms col-md-2 col-lg-2 col-sm-12 col-xs-12 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-15" ><div class="az-shift-layer az-no-shift-y" style="margin-top: -9vw; "><a class="az-column-link" href="https://www.trifoliosrl.com" target="_blank"><div class="az-col-cont"><div class="az-content-element-wrapper az-empty-divider hidden-lg hidden-md" style="height: 40px;"></div>
<div data-animation-type="ani-in" data-animation-in="fadeIn" data-animation-out="none" data-animation-speed="default" data-animation-delay="450" data-offset-down="75" data-offset-up="none" class="az-content-element-wrapper az-box-icon-wrapper az-margin-top-0 az-margin-bottom-0 animate-content">
    <div class="az-box-icon az-box-icon-top">
            <div class="az-icon-container"><i class="az-icon az-icon-link"></i>
            </div><div class="az-box-icon-content"><h3 class="az-box-icon-title">Trifolio</h3><p>Descendent of former Stamperia Valdonega Trifolio carry on the tradition of excellent print made in Italy.</p>
</div></div>
</div>
</div></a></div></div></div></div></div></div></div><div class="az-main-section-content az-module az-padding-top-0 az-padding-bottom-90 az-section-default no-animate-content hidden-lg az-module-default"><div class="container-fluid"><div class="row row-parent az-gutter-default"><div class="single-clms col-md-4 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><a class="az-column-link" href="http://www.seifertfragments.de/2018/12/is-it-good-to-have-a-handwriting/" target="_blank"><div class="az-col-cont"><div class="az-content-element-wrapper az-divider-wrapper"><span class="az-divider az-d-solid az-d-center az-margin-top-0 az-margin-bottom-75 az-divider-simple no-animate-content hidden-lg hidden-md" style="width: 80%; border-top-width: 1px;"></span></div><div class="az-content-element-wrapper az-empty-divider" style="height: 15px;"></div>
<div data-animation-type="ani-in" data-animation-in="fadeIn" data-animation-out="none" data-animation-speed="default" data-animation-delay="150" data-offset-down="75" data-offset-up="none" class="az-content-element-wrapper az-box-icon-wrapper az-margin-top-0 az-margin-bottom-0 animate-content">
    <div class="az-box-icon az-box-icon-top">
            <div class="az-icon-container" style="font-size: 21px;"><i class="glyphicon glyphicon-pencil"></i>
            </div><div class="az-box-icon-content"><h3 class="az-box-icon-title">Essay</h3><p>Here is another little essay I wrote about my Italian work experiences from <em>Fragments of Beauty</em>.</p>
</div></div>
</div>
</div></a></div></div><div class="single-clms col-md-4 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><a class="az-column-link" href="https://www.happycentro.it" target="_blank"><div class="az-col-cont"><div class="az-content-element-wrapper az-empty-divider" style="height: 15px;"></div>
<div data-animation-type="ani-in" data-animation-in="fadeIn" data-animation-out="none" data-animation-speed="default" data-animation-delay="300" data-offset-down="75" data-offset-up="none" class="az-content-element-wrapper az-box-icon-wrapper az-margin-top-0 az-margin-bottom-0 animate-content">
    <div class="az-box-icon az-box-icon-top">
            <div class="az-icon-container"><i class="az-icon az-icon-link"></i>
            </div><div class="az-box-icon-content"><h3 class="az-box-icon-title">Happycentro</h3><p>Here is a link to my dearest friends and designer colleagues at an Italian creative agency called Happycentro.</p>
</div></div>
</div>
</div></a></div></div><div class="single-clms col-md-4 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><a class="az-column-link" href="https://www.trifoliosrl.com" target="_blank"><div class="az-col-cont"><div class="az-content-element-wrapper az-empty-divider" style="height: 15px;"></div>
<div data-animation-type="ani-in" data-animation-in="fadeIn" data-animation-out="none" data-animation-speed="default" data-animation-delay="450" data-offset-down="75" data-offset-up="none" class="az-content-element-wrapper az-box-icon-wrapper az-margin-top-0 az-margin-bottom-0 animate-content">
    <div class="az-box-icon az-box-icon-top">
            <div class="az-icon-container"><i class="az-icon az-icon-link"></i>
            </div><div class="az-box-icon-content"><h3 class="az-box-icon-title">Trifolio</h3><p>Descendent of former Stamperia Valdonega Trifolio carry on the tradition of excellent print made in Italy.</p>
</div></div>
</div>
</div></a></div></div></div></div></div><div class="az-main-section-content az-module az-padding-top-0 az-padding-bottom-30 az-section-default no-animate-content az-module-default"><div class="container-fluid"><div class="row row-parent az-gutter-default"><div class="single-clms col-md-12 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><div class="az-col-cont">
<div data-font-min="11" data-font-max="11" data-font-buffer="50" class="az-content-element-wrapper az-text-block dida-photos photo-note az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-30 az-margin-bottom-0 no-animate-content" style="font-weight: 300; line-height: 100%; color: #556270; font-family:Poppins;">
    <p style="text-align: left;"><i class="az-icon az-icon-camera2" style="margin-right: 5px; top: 1px; font-size: 13px; position: relative;"></i>Photography: <a href="https://www.stefanseifert.com/stefan-seifert-portrait/" target="_blank" rel="noopener noreferrer">Stefan Seifert</a></p>

</div></div></div></div></div></div></div><div id="second" class="az-main-section-content az-module dark-detect az-padding-top-0 az-padding-bottom-0 az-section-default az-section-with-equal no-animate-content az-module-bg-color">
        <div class="az-module-wrap-bg">
            <div class="az-module-wrapper-bg" style="background: #000000;"></div>
            
        </div><div class="container-fluid az-container-no-padding"><div class="row row-parent az-gutter-0 az-equal"><div data-parallax-scroll="true" data-parallax-speed="4" data-parallax-freeze="" class="single-clms col-md-6 az-main-col-content az-module az-col-pos-middle az-v-space-clm align-right az-parallax-fx no-animate-content az-module-bg-image"><div class="az-col az-clm-padding-90 az-clm-force-height" data-col-min-height-default="1000" style="min-height: 1000px;">
        <div class="az-module-wrap-bg">
            <div  class="az-module-wrapper-bg  az-imagesLoadedBg">
            
            </div>
            
        </div><div class="az-col-cont"><div class="az-content-element-wrapper az-empty-divider hidden-lg hidden-md" style="height: 60px;"></div>
<div data-font-min="24" data-font-max="34" data-font-buffer="13" class="az-content-element-wrapper az-text-block mobile-center-text super-thin invisible-link az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-0 az-margin-bottom-0 no-animate-content" style="font-weight: 100; letter-spacing: 3px; line-height: 140%; color: #A7A7A7; font-family:Lato;">
    <h2>“Based on classical canons, Italian creative output, according to my personal experiences, is characterized by a vast range of colors, an incredible set of form variety, original ideas and fantasy.”</h2>

</div><div class="az-content-element-wrapper az-empty-divider hidden-lg hidden-md" style="height: 60px;"></div></div></div></div><div class="single-clms col-md-6 az-main-col-content az-module az-col-pos-middle az-v-space-clm no-animate-content az-module-bg-color"><div class="az-col az-clm-padding-0" data-col-min-height-default="1000" style="min-height: 1000px;">
        <div class="az-module-wrap-bg">
            <div class="az-module-wrapper-bg" style="background: #000000;"></div>
            
        </div><div class="az-col-cont">
<div class="az-content-element-wrapper az-video-wrapper az-margin-top-0 az-margin-bottom-0 no-animate-content">
	
    <video class="video-js az-video-shortcode" preload="auto" controls poster="https://www.elementi-design.com/wp-content/uploads/2019/05/stefan-seifert-giardino-giusti.jpg" style="width: 100%; height: 100%;">
            <source type="video/mp4" src="https://www.elementi-design.com/wp-content/uploads/video/stefan-seifert-giardino-giusti.mp4" />
            <source type="video/webm" src="https://www.elementi-design.com/wp-content/uploads/video/stefan-seifert-giardino-giusti.webm" />
    </video>
</div>
<div data-font-min="11" data-font-max="11" data-font-buffer="50" class="az-content-element-wrapper az-text-block dida-video az-font-custom az-font-size-custom az-font-color-custom az-font-google-custom az-margin-top-30 az-margin-bottom-0 no-animate-content" style="font-weight: 300; line-height: 100%; color: #ffffff; font-family:Poppins;">
    <p style="text-align: right;"><i class="az-icon az-icon-video2" style="margin-right: 5px; top: 2px; font-size: 13px; position: relative;"></i>Video at the <a href="https://giardinogiusti.com" target="_blank" rel="noopener noreferrer">Giardino Giusti</a>, Verona, Italy: <a href="https://www.antonellaiovino.it/" target="_blank" rel="noopener noreferrer">Antonella Iovino</a></p>

</div></div></div></div></div></div></div><div class="az-main-section-content az-module az-padding-top-70 az-padding-bottom-70 az-section-default az-section-divider no-animate-content az-module-default"><div class="container"><div class="row row-parent az-gutter-default"><div class="single-clms col-md-12 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><div class="az-col-cont">
<div class="az-content-element-wrapper az-text-block az-margin-top-0 az-margin-bottom-0 no-animate-content">
    <h3>Related Articles</h3>

</div></div></div></div></div></div></div><div class="az-main-section-content az-module az-padding-top-90 az-padding-bottom-90 az-section-default no-animate-content az-module-default"><div class="container"><div class="row row-parent az-gutter-default"><div class="single-clms col-md-12 az-main-col-content az-module az-v-space-clm no-animate-content az-module-default"><div class="az-col az-clm-padding-0" ><div class="az-col-cont">
<div data-isotope-filter="false" class="az-content-element-wrapper az-module-grid-wrapper az-related-post-shortcode az-margin-top-0 az-margin-bottom-0">
    <div class="az-module-wrapper az-isotope-wrapper az-gutter-0">
        <div id="related-post-dd198d5" class="az-module-grid az-module-container az-isotope-container az-isotope-general" data-animation-fx="yes" data-animation-in="fadeInRight" data-animation-speed="default" data-animation-delay="300" data-offset-down="85" data-cols="3" data-def-col="3" data-lg-col="3" data-md-col="3" data-sm-col="2" data-xs-col="1">
            <div class="grid-sizer"></div>
            <div class="az-module-grid-item az-grid-item animate-grid-content az-hover-fx-wrapper az-hover-fx-fade-in"><a class="az-grid-item-link" href="https://www.elementi-design.com/capability-versus-subtlety/" title="Capability Versus Subtlety"><div class="az-hover-fx-overlay-bg az-dark-type"><div class="az-grid-item-box-wrapper"><div class="az-grid-item-box-content az-item-l-t"></div></div></div><img loading="lazy" decoding="async" src="https://www.elementi-design.com/wp-content/uploads/2026/03/stefan-seifert-ceo-elementi-1500x999.jpg" srcset="https://www.elementi-design.com/wp-content/uploads/2026/03/stefan-seifert-ceo-elementi-1500x999-480x320.jpg 480w, https://www.elementi-design.com/wp-content/uploads/2026/03/stefan-seifert-ceo-elementi-1500x999-960x639.jpg 960w, https://www.elementi-design.com/wp-content/uploads/2026/03/stefan-seifert-ceo-elementi-1500x999.jpg 1280w" sizes="auto, (min-width: 320px) 100vw, 100vw" width="1500" height="999" alt="Capability Versus Subtlety" /></a><div class="az-grid-item-entry-meta align-left"><div class="az-grid-item-entry-title"><h2 class="az-grid-item-meta-title"><a href="https://www.elementi-design.com/capability-versus-subtlety/" title="Capability Versus Subtlety">Capability Versus Subtlety</a></h2></div><div class="az-grid-item-entry-attributes"><span class="az-grid-item-meta-subtitle"><a href="https://www.elementi-design.com/category/culture/" title="Culture">Culture</a></span></div></div></div><div class="az-module-grid-item az-grid-item animate-grid-content az-hover-fx-wrapper az-hover-fx-fade-in"><a class="az-grid-item-link" href="https://www.elementi-design.com/trifolio-magic-the-making-of/" title="Trifolio Magic — The Making Of"><div class="az-hover-fx-overlay-bg az-dark-type"><div class="az-grid-item-box-wrapper"><div class="az-grid-item-box-content az-item-l-t"></div></div></div><img loading="lazy" decoding="async" src="https://www.elementi-design.com/wp-content/uploads/2022/09/trifolio-making-of-layers-main-1500x1136.jpg" srcset="https://www.elementi-design.com/wp-content/uploads/2022/09/trifolio-making-of-layers-main-1500x1136-480x361.jpg 480w, https://www.elementi-design.com/wp-content/uploads/2022/09/trifolio-making-of-layers-main-1500x1136-960x722.jpg 960w, https://www.elementi-design.com/wp-content/uploads/2022/09/trifolio-making-of-layers-main-1500x1136.jpg 1280w" sizes="auto, (min-width: 320px) 100vw, 100vw" width="1500" height="1136" alt="Trifolio Magic — The Making Of" /></a><div class="az-grid-item-entry-meta align-left"><div class="az-grid-item-entry-title"><h2 class="az-grid-item-meta-title"><a href="https://www.elementi-design.com/trifolio-magic-the-making-of/" title="Trifolio Magic — The Making Of">Trifolio Magic — The Making Of</a></h2></div><div class="az-grid-item-entry-attributes"><span class="az-grid-item-meta-subtitle"><a href="https://www.elementi-design.com/category/culture/" title="Culture">Culture</a>, <a href="https://www.elementi-design.com/category/graphic-design/" title="Graphic Design">Graphic Design</a></span></div></div></div><div class="az-module-grid-item az-grid-item animate-grid-content az-hover-fx-wrapper az-hover-fx-fade-in"><a class="az-grid-item-link" href="https://www.elementi-design.com/the-passion-of-being-a-typeface-designer/" title="The Passion of Being a Typeface Designer"><div class="az-hover-fx-overlay-bg az-dark-type"><div class="az-grid-item-box-wrapper"><div class="az-grid-item-box-content az-item-l-t"></div></div></div><img loading="lazy" decoding="async" src="https://www.elementi-design.com/wp-content/uploads/2020/02/title-passion-typeface-designer-1500x848.png" srcset="https://www.elementi-design.com/wp-content/uploads/2020/02/title-passion-typeface-designer-1500x848-480x432.png 480w, https://www.elementi-design.com/wp-content/uploads/2020/02/title-passion-typeface-designer-1500x848-960x863.png 960w, https://www.elementi-design.com/wp-content/uploads/2020/02/title-passion-typeface-designer-1500x848.png 1280w" sizes="auto, (min-width: 320px) 100vw, 100vw" width="1500" height="848" alt="The Passion of Being a Typeface Designer" /></a><div class="az-grid-item-entry-meta align-left"><div class="az-grid-item-entry-title"><h2 class="az-grid-item-meta-title"><a href="https://www.elementi-design.com/the-passion-of-being-a-typeface-designer/" title="The Passion of Being a Typeface Designer">The Passion of Being a Typeface Designer</a></h2></div><div class="az-grid-item-entry-attributes"><span class="az-grid-item-meta-subtitle"><a href="https://www.elementi-design.com/category/design/" title="Design">Design</a>, <a href="https://www.elementi-design.com/category/graphic-design/" title="Graphic Design">Graphic Design</a>, <a href="https://www.elementi-design.com/category/typo-arts/" title="Typo Arts">Typo Arts</a></span></div></div></div>
        </div>
    </div>
</div></div></div></div></div></div></div>
<p>Der Beitrag <a href="https://www.elementi-design.com/italians-do-it-better/">Why Italians Do It Better</a> erschien zuerst auf <a href="https://www.elementi-design.com">Elementi</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.elementi-design.com/italians-do-it-better/feed/</wfw:commentRss>
			<slash:comments>4</slash:comments>
		
		<enclosure url="https://www.elementi-design.com/wp-content/uploads/video/stefan-seifert-giardino-giusti.mp4" length="10715828" type="video/mp4" />
<enclosure url="https://www.elementi-design.com/wp-content/uploads/video/stefan-seifert-giardino-giusti.webm" length="18618883" type="video/webm" />

			</item>
	</channel>
</rss>
