<?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>Ana Kovačević, Author at Aeon Studio</title>
	<atom:link href="https://www.aeonstudio.design/author/ana-kovacevic/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.aeonstudio.design/author/ana-kovacevic/</link>
	<description>Creative Infinity</description>
	<lastBuildDate>Sun, 26 Apr 2026 16:34:19 +0000</lastBuildDate>
	<language>en-GB</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://www.aeonstudio.design/wp-content/uploads/2026/04/cropped-Aeon-Studio-Minimalist-Logo_V-Copy-4-32x32.png</url>
	<title>Ana Kovačević, Author at Aeon Studio</title>
	<link>https://www.aeonstudio.design/author/ana-kovacevic/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>The First 3 Seconds Are Not About Design, They Are About Trust</title>
		<link>https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=the-first-3-seconds-are-not-about-design-they-are-about-trust</link>
		
		<dc:creator><![CDATA[Ana Kovačević]]></dc:creator>
		<pubDate>Wed, 18 Feb 2026 14:23:45 +0000</pubDate>
				<category><![CDATA[Stories]]></category>
		<guid isPermaLink="false">https://www.aeonstudio.design/?p=13797</guid>

					<description><![CDATA[<p>Most brands believe they lose attention because of weak design.</p>
<p>In reality, they lose attention because they fail to establish trust fast enough.</p>
<p>In 2026, users do not evaluate aesthetics first — they evaluate credibility signals before conscious perception even begins.</p>
<p>The post <a href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust/">The First 3 Seconds Are Not About Design, They Are About Trust</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="13797" class="elementor elementor-13797" data-elementor-settings="{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-9959332 e-con-full e-flex e-con e-parent" data-id="9959332" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-4c1dfc3 e-con-full e-flex e-con e-child" data-id="4c1dfc3" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-61c8e2d elementor-widget elementor-widget-post-info" data-id="61c8e2d" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-7dc22d1 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="far fa-tags"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										The First 3 Seconds Are Not About Design, They Are About Trust					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f707566 e-con-full e-flex e-con e-parent" data-id="f707566" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-a27c1b6 e-con-full e-flex e-con e-child" data-id="a27c1b6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				</div>
				</div>
		<div class="elementor-element elementor-element-f600592 e-flex e-con-boxed e-con e-parent" data-id="f600592" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-165e586 elementor-widget elementor-widget-html" data-id="165e586" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- Univerzalni HTML widget za animaciju teksta -->
<script src="https://cdn.jsdelivr.net/npm/split-type"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    function initTextAnimations() {
      document.querySelectorAll('.js-split-text').forEach(element => {
        let styleClass = element.getAttribute('data-style') || 'title-1';
        element.classList.add(styleClass);

        let split = new SplitType(element, {
          split: 'lines' // Samo linije umjesto riječi
        });

        element.querySelectorAll('.line').forEach((line, index) => {
          let delay = parseFloat(element.getAttribute('data-delay')) || 0;
          line.style.animationDelay = `${index * 0.2 + delay}s`; // Delay za svaku liniju
        });

        let observer = new IntersectionObserver((entries) => {
          entries.forEach(entry => {
            if (entry.isIntersecting) {
              entry.target.classList.add('in-view');
            } else {
              entry.target.classList.remove('in-view');
            }
          });
        }, { threshold: 0.1 });

        observer.observe(element);
      });
    }

    initTextAnimations();
  });
</script>
<style>
  /* Opća stilizacija */
  .js-split-text {
    overflow: hidden;
    position: relative;
  }

  /* Stilovi za title-1 */
  .title-1 {
    font-size: 64px;
    line-height: 0.8;
    color: #2C3545;
    font-weight: 500;
    letter-spacing: 0;
    font-family: 'Gilroy', sans-serif; /* Koristi Gilroy font */
  }

  /* Stilovi za title-2 */
  .title-2 {
    font-size: 16px;
    line-height: 1.3;
    color: #2C3545;
    font-weight: 200;
    letter-spacing: 0;
    font-family: 'Gilroy', sans-serif; /* Koristi Gilroy font */
  }

  /* Stilovi za title-3 */
  .title-3 {
    font-size: 30px;
    line-height: 1;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0;
    font-family: 'Gilroy', sans-serif; /* Koristi Gilroy font */
  }

  /* Stilovi za title-4 */
  .title-4 {
    font-size: 40px;
    line-height: 1;
    color: #2C3545;
    font-weight: 500;
    letter-spacing: 0;
    font-family: 'Gilroy', sans-serif; /* Koristi Gilroy font */
  }

  /* Animacija */
  .js-split-text .line {
    opacity: 0;
    transform: translateY(40px);
    animation: slide-in 0.5s cubic-bezier(.61,.9,.21,.92) forwards;
    animation-play-state: paused;
  }
  
  .js-split-text.in-view .line {
    animation-play-state: running;
  }

  @keyframes slide-in {
    from {
      transform: translateY(40px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
</style>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-304d23f e-flex e-con-boxed e-con e-parent" data-id="304d23f" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-9b798b6 e-con-full e-flex e-con e-child" data-id="9b798b6" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-2ea7a46 e-con-full left-content e-flex e-con e-child" data-id="2ea7a46" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-04986a5 e-con-full e-flex e-con e-child" data-id="04986a5" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f69cfcb e-con-full e-flex e-con e-child" data-id="f69cfcb" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-03aedf0 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="03aedf0" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Reading time:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-d4a4663 elementor-widget elementor-widget-post-info" data-id="d4a4663" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-b6cbea5 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-clock"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										  4 minutes					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f28fe7e e-con-full e-flex e-con e-child" data-id="f28fe7e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f82b903 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f82b903" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Date:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-24b4b4d elementor-widget elementor-widget-post-info" data-id="24b4b4d" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-f7adbef elementor-inline-item" itemprop="datePublished">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-calendar"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date">
										<time>February 18, 2026</time>					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-683312b e-con-full e-flex e-con e-child" data-id="683312b" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-10ff2b2 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="10ff2b2" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Author:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-62da2d9 elementor-widget elementor-widget-post-info" data-id="62da2d9" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-a2bcb6b elementor-inline-item" itemprop="author">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-user"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-author">
										Ana Kovačević					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-f2728c4 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f2728c4" data-element_type="widget" data-e-type="widget" id="aeon" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Introduction</b></h3><p class="p1">Most brands believe they lose attention because of weak design.</p><p class="p1">In reality, they lose attention because they fail to establish trust fast enough.</p><p class="p2">In 2026, users do not evaluate aesthetics first — they evaluate credibility signals before conscious perception even begins.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-8275d33 e-con-full e-flex e-con e-child" data-id="8275d33" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0a49c1b elementor-widget elementor-widget-image" data-id="0a49c1b" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img fetchpriority="high" decoding="async" width="1408" height="768" src="https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-3.png" class="attachment-full size-full wp-image-13810" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-3.png 1408w, https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-3-300x164.png 300w, https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-3-1024x559.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-3-768x419.png 768w" sizes="(max-width: 1408px) 100vw, 1408px" />															</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-b3e2922 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="b3e2922" data-element_type="widget" data-e-type="widget" id="key" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><span class="s1"><b>Trust Happens Before Design Is Fully Seen</b></span></h3><p class="p1">Neurological studies in digital behavior show that users form a trust judgment before they fully process visual structure.</p><p class="p2">This means:</p><ul><li>layout is not the first filter</li><li>typography is not the first signal</li><li>color is not the first impression</li></ul><p class="p4">The first filter is <span class="s1"><b>perceived reliability</b></span>.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-ecb3127 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="ecb3127" data-element_type="widget" data-e-type="widget" id="why" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><strong><span class="s1">What Actually Builds Instant Trust</span></strong></h3><p class="p1">Trust is constructed through micro-signals, not design complexity.</p><p class="p2">Key elements include:</p><ul><li>visual consistency (no cognitive friction)</li><li>clear hierarchy of information</li><li>absence of uncertainty in messaging</li><li>predictable interaction patterns</li><li>professional restraint in visual language</li></ul><p class="p4">If any of these are missing, trust collapses instantly.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-2b8ec3c elementor-invisible elementor-widget elementor-widget-text-editor" data-id="2b8ec3c" data-element_type="widget" data-e-type="widget" id="practical" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><strong>Why Most Brands Fail Immediately</strong></h3><p class="p1">Failure happens when brands over-prioritize “impression” instead of clarity:</p><ul><li>trying to look unique instead of understandable</li><li>overloading interfaces with creative noise</li><li>using abstract messaging without context</li><li>prioritizing aesthetics over readability</li></ul><p class="p3">The result is hesitation — and hesitation kills engagement.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-0375483 e-con-full e-flex e-con e-child" data-id="0375483" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-2999937 elementor-widget elementor-widget-image" data-id="2999937" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="1408" height="768" src="https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-4.png" class="attachment-full size-full wp-image-13811" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-4.png 1408w, https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-4-300x164.png 300w, https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-4-1024x559.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-4-768x419.png 768w" sizes="(max-width: 1408px) 100vw, 1408px" />															</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-b086999 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="b086999" data-element_type="widget" data-e-type="widget" id="looking" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><span class="s1">The New Rule of Perception</span></h3><p class="p1">In 2026:</p><p class="p2">Users do not “discover” brands. They immediately categorize them as either safe or unsafe.</p><p class="p3">Design does not create trust. It only confirms it.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-541c84d elementor-invisible elementor-widget elementor-widget-text-editor" data-id="541c84d" data-element_type="widget" data-e-type="widget" id="how_we" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><span class="s1">How We Approach This at Aeon Studio</span></h3><p class="p1">Our process starts with one question:</p><p class="p2"><strong>“What makes this brand feel immediately reliable?”</strong></p><p class="p1">Only after that do we design visuals.</p><p class="p3">We reverse the traditional order of branding.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-14408ef elementor-invisible elementor-widget elementor-widget-text-editor" data-id="14408ef" data-element_type="widget" data-e-type="widget" id="conclusion" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Conclusion</b></h3><p class="p1">The first 3 seconds are not a design problem.</p><p class="p2">They are a trust problem disguised as a design problem.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-4204375 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="4204375" data-element_type="widget" data-e-type="widget" id="links" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><a href="https://www.pantone.com/color-of-the-year/2024?srsltid=AfmBOoogaY_75wZjd1MrBefYXcwFYPWbUuo2xGosaR1K-kt6anm3t5TF"><b>Links</b></a></h3><p class="p3"><a href="https://www.aeonstudio.design/contact/" target="_blank" rel="noopener">Contact</a></p>								</div>
				</div>
				<div class="elementor-element elementor-element-9f3e706 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-spacer" data-id="9f3e706" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-1d7388b e-con-full e-flex e-con e-child" data-id="1d7388b" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f346ac1 e-con-full the7-e-sticky-row-yes e-flex e-con e-child" data-id="f346ac1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;the7_sticky_row&quot;:&quot;yes&quot;,&quot;the7_sticky_row_offset&quot;:100,&quot;the7_sticky_parent&quot;:&quot;yes&quot;,&quot;the7_sticky_parent_bottom_offset&quot;:20,&quot;the7_sticky_row_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;]}">
				<div class="elementor-element elementor-element-63822be elementor-widget elementor-widget-heading" data-id="63822be" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Table of contents</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-6922162 e-transform elementor-widget elementor-widget-heading" data-id="6922162" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#aeon">Introduction</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-d2d065e e-transform elementor-widget elementor-widget-heading" data-id="d2d065e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#key">Trust Happens Before Design Is Fully Seen</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-a5e1b59 e-transform elementor-widget elementor-widget-heading" data-id="a5e1b59" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#why">What Actually Builds Instant Trust</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-703375e e-transform elementor-widget elementor-widget-heading" data-id="703375e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#practical">Why Most Brands Fail Immediately</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-f79b79a e-transform elementor-widget elementor-widget-heading" data-id="f79b79a" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#looking">The New Rule of Perception</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-cd2e0d4 e-transform elementor-widget elementor-widget-heading" data-id="cd2e0d4" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#how_we">How We Approach This at Aeon Studio</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b9e5046 e-transform elementor-widget elementor-widget-heading" data-id="b9e5046" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#conclusion">Conclusion</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-7dd5bd1 e-transform elementor-widget elementor-widget-heading" data-id="7dd5bd1" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#links">Links</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-67097ff elementor-widget elementor-widget-heading" data-id="67097ff" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Reading time</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b47d78f elementor-widget elementor-widget-html" data-id="b47d78f" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- PROGRESS BAR -->
<div id="reading-progress-container">
    <div id="reading-progress-bar"></div>
</div>

<style>
    /* Kontejner koji drži progress bar */
    #reading-progress-container {
        width: 100%;
        height: 5px; /* Visina progress bara */
        background: rgba(0, 0, 0, 0.1);
        position: relative;
        overflow: hidden;
    }

    /* Sama crta koja pokazuje progress */
    #reading-progress-bar {
        height: 5px;
        width: 0%;
        background: #FF5D21;
        transition: width 0.1s ease-out;
    }
</style>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        const progressBar = document.getElementById("reading-progress-bar");
        const section = document.querySelector(".left-content"); // Sekcija s tekstom
        const progressContainer = document.getElementById("reading-progress-container");

        if (!section || !progressContainer) {
            console.error("Nije pronađena sekcija ili progress bar container.");
            return;
        }

        let hasStarted = false; // Sprečava prerano pokretanje

        function isInViewport(element) {
            const rect = element.getBoundingClientRect();
            return rect.top < window.innerHeight && rect.bottom > 0;
        }

        function updateProgressBar() {
            if (!hasStarted && isInViewport(progressContainer)) {
                hasStarted = true; // Počinje kada je progress bar u viewportu
            }

            if (hasStarted) {
                const sectionRect = section.getBoundingClientRect();
                const progressRect = progressContainer.getBoundingClientRect();
                
                const scrollTop = window.scrollY;
                const sectionHeight = section.offsetHeight;
                const windowHeight = window.innerHeight;

                // Početak i kraj praćenja su pomaknuti tako da uzmemo u obzir gdje je bar
                const sectionStart = scrollTop + sectionRect.top - windowHeight;
                const sectionEnd = scrollTop + sectionRect.bottom;

                if (scrollTop >= sectionStart && scrollTop <= sectionEnd) {
                    const scrollPosition = scrollTop - sectionStart;
                    const scrollPercent = (scrollPosition / (sectionHeight + windowHeight)) * 100;

                    progressBar.style.width = Math.min(100, Math.max(0, scrollPercent)) + "%";
                }
            }
        }

        window.addEventListener("scroll", updateProgressBar);
    });
</script>				</div>
				</div>
				<div class="elementor-element elementor-element-9fa253b elementor-widget elementor-widget-post-info" data-id="9fa253b" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-b6cbea5 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-clock"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										  4 minutes					</span>
								</li>
				</ul>
						</div>
				</div>
				<div class="elementor-element elementor-element-a097531 elementor-widget elementor-widget-heading" data-id="a097531" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Share</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-5cdaac2 elementor-share-buttons--shape-circle elementor-share-buttons--color-custom elementor-share-buttons--view-icon-text elementor-share-buttons--skin-gradient elementor-grid-0 elementor-widget elementor-widget-share-buttons" data-id="5cdaac2" data-element_type="widget" data-e-type="widget" data-widget_type="share-buttons.default">
				<div class="elementor-widget-container">
							<div class="elementor-grid" role="list">
								<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_facebook" role="button" tabindex="0" aria-label="Share on facebook">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-facebook" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_x-twitter" role="button" tabindex="0" aria-label="Share on x-twitter">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-x-twitter" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_pinterest" role="button" tabindex="0" aria-label="Share on pinterest">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-pinterest" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_linkedin" role="button" tabindex="0" aria-label="Share on linkedin">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-linkedin" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_email" role="button" tabindex="0" aria-label="Share on email">
															<span class="elementor-share-btn__icon">
								<i class="fas fa-envelope" aria-hidden="true"></i>							</span>
																				</div>
					</div>
						</div>
						</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-a1782a1 e-con-full e-flex e-con e-parent" data-id="a1782a1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
		<div class="elementor-element elementor-element-b15a719 e-con-full e-flex e-con e-child" data-id="b15a719" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-ef176ad e-con-full e-flex e-con e-child" data-id="ef176ad" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-fa326fc elementor-invisible elementor-widget elementor-widget-text-editor" data-id="fa326fc" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInRight&quot;,&quot;_animation_delay&quot;:1000}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>&gt;_ You liked this one?</p>								</div>
				</div>
				<div class="elementor-element elementor-element-4b46f36 elementor-widget elementor-widget-html" data-id="4b46f36" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div class="js-split-text" data-style="title-4" data-delay="0.3">Wanna see<br/>more?

</div>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-b7371d6 e-con-full e-flex e-con e-child" data-id="b7371d6" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ea15007 arrows-relative-to-box_area preserve-img-ratio-cover bullets-small-dot-stroke elementor-widget elementor-widget-the7_elements_carousel" data-id="ea15007" data-element_type="widget" data-e-type="widget" data-settings="{&quot;widget_columns&quot;:2.3,&quot;gap_between_posts&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:40,&quot;sizes&quot;:[]},&quot;widget_columns_mobile&quot;:1.2,&quot;gap_between_posts_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;widget_columns_tablet&quot;:2,&quot;gap_between_posts_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="the7_elements_carousel.default">
				<div class="elementor-widget-container">
					<div class="disable-arrows-hover-bg the7_elements_carousel-ea15007 owl-carousel portfolio-carousel-shortcode elementor-owl-carousel-call portfolio-shortcode the7-elementor-widget content-bg-on classic-layout-list description-under-image quick-scale-img meta-info-off" data-scroll-mode="1" data-auto-height="false" data-speed="600" data-autoplay="false" data-autoplay_speed=""><article class="post visible post-13817 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust-2/"><img decoding="async" width="1851" height="560" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201851%20560&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1851px) 100vw, 1851px" style="--ratio: 1851 / 560;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3.jpg 1851w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3-300x91.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3-1024x310.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3-768x232.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3-1536x465.jpg 1536w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust-2/" rel="bookmark" title="Why Most Websites Feel the Same (and Why That’s a Problem)">Why Most Websites Feel the Same (and Why That’s a Problem)</a></h3><div class="entry-excerpt"><p>In 2026, most websites feel familiar — almost interchangeable. This is not accidental. It is the result of design systems,&hellip;</p>
</div>
</div></article><article class="post visible post-13797 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust/"><img decoding="async" width="1408" height="768" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201408%20768&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1408px) 100vw, 1408px" style="--ratio: 1408 / 768;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2.png 1408w, https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2-300x164.png 300w, https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2-1024x559.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2-768x419.png 768w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust/" rel="bookmark" title="The First 3 Seconds Are Not About Design, They Are About Trust">The First 3 Seconds Are Not About Design, They Are About Trust</a></h3><div class="entry-excerpt"><p>Most brands believe they lose attention because of weak design. In reality, they lose attention because they fail to establish&hellip;</p>
</div>
</div></article><article class="post visible post-13785 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/year-end-message-thank-you-2026-outlook/"><img decoding="async" width="1594" height="672" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201594%20672&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1594px) 100vw, 1594px" style="--ratio: 1594 / 672;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2.png 1594w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-300x126.png 300w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-1024x432.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-768x324.png 768w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-1536x648.png 1536w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/year-end-message-thank-you-2026-outlook/" rel="bookmark" title="Year-End Message: Thank You &amp; 2026 Outlook">Year-End Message: Thank You &amp; 2026 Outlook</a></h3><div class="entry-excerpt"><p>Every year in design is defined not only by trends and technology, but by the people and partnerships behind the&hellip;</p>
</div>
</div></article><article class="post visible post-13775 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/pantone-color-of-the-year-mocha-mousse-in-modern-branding/"><img decoding="async" width="1408" height="768" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201408%20768&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1408px) 100vw, 1408px" style="--ratio: 1408 / 768;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse.png 1408w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse-300x164.png 300w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse-1024x559.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse-768x419.png 768w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/pantone-color-of-the-year-mocha-mousse-in-modern-branding/" rel="bookmark" title="Pantone Color of the Year: Mocha Mousse in Modern Branding">Pantone Color of the Year: Mocha Mousse in Modern Branding</a></h3><div class="entry-excerpt"><p>Color remains one of the most powerful emotional triggers in branding. For 2025, Pantone has introduced Mocha Mousse (Pantone 17-1230)&hellip;</p>
</div>
</div></article><article class="post visible post-13755 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/design-trends-that-will-define-2025-2/"><img decoding="async" width="1408" height="768" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201408%20768&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1408px) 100vw, 1408px" style="--ratio: 1408 / 768;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1.png 1408w, https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1-300x164.png 300w, https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1-1024x559.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1-768x419.png 768w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/design-trends-that-will-define-2025-2/" rel="bookmark" title="AI in Branding: Collaboration, Not Replacement">AI in Branding: Collaboration, Not Replacement</a></h3><div class="entry-excerpt"><p>Branding has always been about emotion, storytelling, and connection. But in 2025, artificial intelligence is no longer a distant concept&hellip;</p>
</div>
</div></article><article class="post visible post-13742 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/design-trends-that-will-define-2025/"><img decoding="async" width="1594" height="672" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201594%20672&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1594px) 100vw, 1594px" style="--ratio: 1594 / 672;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3.png 1594w, https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3-300x126.png 300w, https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3-1024x432.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3-768x324.png 768w, https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3-1536x648.png 1536w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/design-trends-that-will-define-2025/" rel="bookmark" title="Design Trends That Will Define 2025">Design Trends That Will Define 2025</a></h3><div class="entry-excerpt"><p>Every new year in design is less about aesthetic novelty and more about strategic evolution. In 2025, branding continues shifting&hellip;</p>
</div>
</div></article><article class="post visible post-8789 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/the-future-of-branding-how-ai-and-human-creativity-work-together/"><img decoding="async" width="2048" height="1152" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202048%201152&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2048px) 100vw, 2048px" style="--ratio: 2048 / 1152;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog.jpg 2048w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-768x432.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-1536x864.jpg 1536w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/the-future-of-branding-how-ai-and-human-creativity-work-together/" rel="bookmark" title="The Future of Branding: How AI and Human Creativity Work Together">The Future of Branding: How AI and Human Creativity Work Together</a></h3><div class="entry-excerpt"><p>Branding has always been about emotion, storytelling, and connection. But in 2025, the rules of design are being rewritten as&hellip;</p>
</div>
</div></article><article class="post visible post-8810 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/sustainability-in-design-from-trend-to-standard-in-2024/"><img decoding="async" width="2560" height="1707" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201707&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1707;" data-src="https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-300x200.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-1024x683.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-768x512.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-1536x1024.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-2048x1366.jpg 2048w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/sustainability-in-design-from-trend-to-standard-in-2024/" rel="bookmark" title="Sustainability in Design: From Trend to Standard in 2024">Sustainability in Design: From Trend to Standard in 2024</a></h3><div class="entry-excerpt"><p>In 2024, sustainability moved beyond being a buzzword — it became an industry standard. From packaging to branding to digital&hellip;</p>
</div>
</div></article><article class="post visible post-8616 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/aeon-studio-on-sketch-blog-a-milestone-in-our-creative-journey/"><img decoding="async" width="2560" height="1265" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201265&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1265;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-300x148.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-1024x506.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-768x380.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-1536x759.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-2048x1012.jpg 2048w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/aeon-studio-on-sketch-blog-a-milestone-in-our-creative-journey/" rel="bookmark" title="Aeon Studio on Sketch Blog: A Milestone in Our Creative Journey">Aeon Studio on Sketch Blog: A Milestone in Our Creative Journey</a></h3><div class="entry-excerpt"><p>Reading time: Date: Author: Aeon Studio on Sketch Blog One of our proudest moments in 2024 was being featured on&hellip;</p>
</div>
</div></article><article class="post visible post-8798 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/behind-the-award-winning-work-our-creative-process-at-aeon-studio/"><img decoding="async" width="2560" height="1440" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201440&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1440;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-768x432.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-1536x864.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-2048x1152.jpg 2048w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/behind-the-award-winning-work-our-creative-process-at-aeon-studio/" rel="bookmark" title="Behind the Award-Winning Work: Our Creative Process at Aeon Studio">Behind the Award-Winning Work: Our Creative Process at Aeon Studio</a></h3><div class="entry-excerpt"><p>Great design doesn’t happen by accident. Behind every successful brand is a deliberate and deeply human process — one that&hellip;</p>
</div>
</div></article><article class="post visible post-8644 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/aeon-studio-wins-gold-at-the-international-design-awards-for-premium-tartufi-label-design/"><img decoding="async" width="2560" height="1440" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201440&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1440;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-768x432.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-1536x864.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-2048x1152.jpg 2048w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/aeon-studio-wins-gold-at-the-international-design-awards-for-premium-tartufi-label-design/" rel="bookmark" title="Aeon Studio Wins Gold at the International Design Awards for Premium Tartufi Label Design">Aeon Studio Wins Gold at the International Design Awards for Premium Tartufi Label Design</a></h3><div class="entry-excerpt"><p>At Aeon Studio, design has always been about more than aesthetics — it’s about telling stories, creating emotional connections, and&hellip;</p>
</div>
</div></article><article class="post visible post-8595 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/color-of-the-year-2024/"><img decoding="async" width="1366" height="768" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201366%20768&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1366px) 100vw, 1366px" style="--ratio: 1366 / 768;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1.jpg 1366w, https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1-768x432.jpg 768w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/color-of-the-year-2024/" rel="bookmark" title="Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It">Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It</a></h3><div class="entry-excerpt"><p>Reading time: Date: Author: Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It&hellip;</p>
</div>
</div></article></div><div class="owl-nav disabled"><div class="owl-prev" role="button" tabindex="0" aria-label="Prev slide"><i class="fas fa-chevron-left"></i></div><div class="owl-next" role="button" tabindex="0" aria-label="Next slide"><i class="fas fa-chevron-right"></i></div></div>				</div>
				</div>
				</div>
				</div>
				</div>
				</div>
		<p>The post <a href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust/">The First 3 Seconds Are Not About Design, They Are About Trust</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Year-End Message: Thank You &#038; 2026 Outlook</title>
		<link>https://www.aeonstudio.design/year-end-message-thank-you-2026-outlook/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=year-end-message-thank-you-2026-outlook</link>
		
		<dc:creator><![CDATA[Ana Kovačević]]></dc:creator>
		<pubDate>Mon, 15 Dec 2025 17:12:37 +0000</pubDate>
				<category><![CDATA[Stories]]></category>
		<guid isPermaLink="false">https://www.aeonstudio.design/?p=13785</guid>

					<description><![CDATA[<p>Every year in design is defined not only by trends and technology, but by the people and partnerships behind the work. As 2025 comes to an end, reflection becomes as important as creation.</p>
<p>The post <a href="https://www.aeonstudio.design/year-end-message-thank-you-2026-outlook/">Year-End Message: Thank You &amp; 2026 Outlook</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="13785" class="elementor elementor-13785" data-elementor-settings="{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-9959332 e-con-full e-flex e-con e-parent" data-id="9959332" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-4c1dfc3 e-con-full e-flex e-con e-child" data-id="4c1dfc3" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-61c8e2d elementor-widget elementor-widget-post-info" data-id="61c8e2d" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-7dc22d1 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="far fa-tags"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										Year-End Message: Thank You &amp; 2026 Outlook					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f707566 e-con-full e-flex e-con e-parent" data-id="f707566" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-a27c1b6 e-con-full e-flex e-con e-child" data-id="a27c1b6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				</div>
				</div>
		<div class="elementor-element elementor-element-f600592 e-flex e-con-boxed e-con e-parent" data-id="f600592" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-165e586 elementor-widget elementor-widget-html" data-id="165e586" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- Univerzalni HTML widget za animaciju teksta -->
<script src="https://cdn.jsdelivr.net/npm/split-type"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    function initTextAnimations() {
      document.querySelectorAll('.js-split-text').forEach(element => {
        let styleClass = element.getAttribute('data-style') || 'title-1';
        element.classList.add(styleClass);

        let split = new SplitType(element, {
          split: 'lines' // Samo linije umjesto riječi
        });

        element.querySelectorAll('.line').forEach((line, index) => {
          let delay = parseFloat(element.getAttribute('data-delay')) || 0;
          line.style.animationDelay = `${index * 0.2 + delay}s`; // Delay za svaku liniju
        });

        let observer = new IntersectionObserver((entries) => {
          entries.forEach(entry => {
            if (entry.isIntersecting) {
              entry.target.classList.add('in-view');
            } else {
              entry.target.classList.remove('in-view');
            }
          });
        }, { threshold: 0.1 });

        observer.observe(element);
      });
    }

    initTextAnimations();
  });
</script>
<style>
  /* Opća stilizacija */
  .js-split-text {
    overflow: hidden;
    position: relative;
  }

  /* Stilovi za title-1 */
  .title-1 {
    font-size: 64px;
    line-height: 0.8;
    color: #2C3545;
    font-weight: 500;
    letter-spacing: 0;
    font-family: 'Gilroy', sans-serif; /* Koristi Gilroy font */
  }

  /* Stilovi za title-2 */
  .title-2 {
    font-size: 16px;
    line-height: 1.3;
    color: #2C3545;
    font-weight: 200;
    letter-spacing: 0;
    font-family: 'Gilroy', sans-serif; /* Koristi Gilroy font */
  }

  /* Stilovi za title-3 */
  .title-3 {
    font-size: 30px;
    line-height: 1;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0;
    font-family: 'Gilroy', sans-serif; /* Koristi Gilroy font */
  }

  /* Stilovi za title-4 */
  .title-4 {
    font-size: 40px;
    line-height: 1;
    color: #2C3545;
    font-weight: 500;
    letter-spacing: 0;
    font-family: 'Gilroy', sans-serif; /* Koristi Gilroy font */
  }

  /* Animacija */
  .js-split-text .line {
    opacity: 0;
    transform: translateY(40px);
    animation: slide-in 0.5s cubic-bezier(.61,.9,.21,.92) forwards;
    animation-play-state: paused;
  }
  
  .js-split-text.in-view .line {
    animation-play-state: running;
  }

  @keyframes slide-in {
    from {
      transform: translateY(40px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
</style>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-304d23f e-flex e-con-boxed e-con e-parent" data-id="304d23f" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-9b798b6 e-con-full e-flex e-con e-child" data-id="9b798b6" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-2ea7a46 e-con-full left-content e-flex e-con e-child" data-id="2ea7a46" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-04986a5 e-con-full e-flex e-con e-child" data-id="04986a5" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f69cfcb e-con-full e-flex e-con e-child" data-id="f69cfcb" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-03aedf0 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="03aedf0" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Reading time:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-d4a4663 elementor-widget elementor-widget-post-info" data-id="d4a4663" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-b6cbea5 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-clock"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										  4 minutes					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f28fe7e e-con-full e-flex e-con e-child" data-id="f28fe7e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f82b903 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f82b903" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Date:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-24b4b4d elementor-widget elementor-widget-post-info" data-id="24b4b4d" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-f7adbef elementor-inline-item" itemprop="datePublished">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-calendar"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date">
										<time>December 15, 2025</time>					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-683312b e-con-full e-flex e-con e-child" data-id="683312b" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-10ff2b2 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="10ff2b2" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Author:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-62da2d9 elementor-widget elementor-widget-post-info" data-id="62da2d9" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-a2bcb6b elementor-inline-item" itemprop="author">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-user"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-author">
										Ana Kovačević					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-f2728c4 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f2728c4" data-element_type="widget" data-e-type="widget" id="aeon" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Introduction</b></h3><p class="p1">Every year in design is defined not only by trends and technology, but by the people and partnerships behind the work. As 2025 comes to an end, reflection becomes as important as creation.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-8275d33 e-con-full e-flex e-con e-child" data-id="8275d33" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0a49c1b elementor-widget elementor-widget-image" data-id="0a49c1b" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="1594" height="672" src="https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2.png" class="attachment-full size-full wp-image-13789" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2.png 1594w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-300x126.png 300w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-1024x432.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-768x324.png 768w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-1536x648.png 1536w" sizes="(max-width: 1594px) 100vw, 1594px" />															</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-b3e2922 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="b3e2922" data-element_type="widget" data-e-type="widget" id="key" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><span class="s1"><b>Looking Back at 2025</b></span></h3><p class="p1">This year has been defined by acceleration — of tools, expectations, and creative possibilities. AI integration, adaptive branding systems, and more conscious design thinking have fundamentally changed how brands are built and experienced</p>								</div>
				</div>
				<div class="elementor-element elementor-element-ecb3127 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="ecb3127" data-element_type="widget" data-e-type="widget" id="why" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><span class="s1"><b>What We Value Moving Forward</b></span></h3><p class="p1">Despite technological advancement, one principle remains unchanged: meaningful design is rooted in clarity, purpose, and emotional intelligence. Technology evolves, but brand essence must remain human.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-2b8ec3c elementor-invisible elementor-widget elementor-widget-text-editor" data-id="2b8ec3c" data-element_type="widget" data-e-type="widget" id="practical" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><span class="s1"><b>A Note of Appreciation</b></span></h3><p class="p1">To clients, collaborators, and partners — thank you for your trust and ambition throughout this year. Each project contributed to a shared evolution in how design is understood and applied.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-b086999 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="b086999" data-element_type="widget" data-e-type="widget" id="looking" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><span class="s1"><b>Looking Ahead to 2026</b></span></h3><p class="p1">The next phase will not be about faster design, but smarter design. More intentional systems, deeper integration between strategy and execution, and stronger alignment between brand and audience experience.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-14408ef elementor-invisible elementor-widget elementor-widget-text-editor" data-id="14408ef" data-element_type="widget" data-e-type="widget" id="conclusion" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Conclusion</b></h3><p class="p1">2025 has been a year of transformation. 2026 will be a year of refinement. The focus is shifting from experimentation to mastery — and we are ready for that transition.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-4204375 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="4204375" data-element_type="widget" data-e-type="widget" id="links" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><a href="https://www.pantone.com/color-of-the-year/2024?srsltid=AfmBOoogaY_75wZjd1MrBefYXcwFYPWbUuo2xGosaR1K-kt6anm3t5TF"><b>Links</b></a></h3><p class="p3"><a href="https://www.aeonstudio.design/contact/" target="_blank" rel="noopener">Contact</a></p>								</div>
				</div>
				<div class="elementor-element elementor-element-9f3e706 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-spacer" data-id="9f3e706" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-1d7388b e-con-full e-flex e-con e-child" data-id="1d7388b" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f346ac1 e-con-full the7-e-sticky-row-yes e-flex e-con e-child" data-id="f346ac1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;the7_sticky_row&quot;:&quot;yes&quot;,&quot;the7_sticky_row_offset&quot;:100,&quot;the7_sticky_parent&quot;:&quot;yes&quot;,&quot;the7_sticky_parent_bottom_offset&quot;:20,&quot;the7_sticky_row_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;]}">
				<div class="elementor-element elementor-element-63822be elementor-widget elementor-widget-heading" data-id="63822be" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Table of contents</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-6922162 e-transform elementor-widget elementor-widget-heading" data-id="6922162" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#aeon">Introduction</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-d2d065e e-transform elementor-widget elementor-widget-heading" data-id="d2d065e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#key">Looking Back at 2025</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-a5e1b59 e-transform elementor-widget elementor-widget-heading" data-id="a5e1b59" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#why">What We Value Moving Forward</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-703375e e-transform elementor-widget elementor-widget-heading" data-id="703375e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#practical">A Note of Appreciation</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-f79b79a e-transform elementor-widget elementor-widget-heading" data-id="f79b79a" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#looking">Looking Ahead to 2026</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b9e5046 e-transform elementor-widget elementor-widget-heading" data-id="b9e5046" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#conclusion">Conclusion</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-7dd5bd1 e-transform elementor-widget elementor-widget-heading" data-id="7dd5bd1" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#links">Links</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-67097ff elementor-widget elementor-widget-heading" data-id="67097ff" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Reading time</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b47d78f elementor-widget elementor-widget-html" data-id="b47d78f" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- PROGRESS BAR -->
<div id="reading-progress-container">
    <div id="reading-progress-bar"></div>
</div>

<style>
    /* Kontejner koji drži progress bar */
    #reading-progress-container {
        width: 100%;
        height: 5px; /* Visina progress bara */
        background: rgba(0, 0, 0, 0.1);
        position: relative;
        overflow: hidden;
    }

    /* Sama crta koja pokazuje progress */
    #reading-progress-bar {
        height: 5px;
        width: 0%;
        background: #FF5D21;
        transition: width 0.1s ease-out;
    }
</style>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        const progressBar = document.getElementById("reading-progress-bar");
        const section = document.querySelector(".left-content"); // Sekcija s tekstom
        const progressContainer = document.getElementById("reading-progress-container");

        if (!section || !progressContainer) {
            console.error("Nije pronađena sekcija ili progress bar container.");
            return;
        }

        let hasStarted = false; // Sprečava prerano pokretanje

        function isInViewport(element) {
            const rect = element.getBoundingClientRect();
            return rect.top < window.innerHeight && rect.bottom > 0;
        }

        function updateProgressBar() {
            if (!hasStarted && isInViewport(progressContainer)) {
                hasStarted = true; // Počinje kada je progress bar u viewportu
            }

            if (hasStarted) {
                const sectionRect = section.getBoundingClientRect();
                const progressRect = progressContainer.getBoundingClientRect();
                
                const scrollTop = window.scrollY;
                const sectionHeight = section.offsetHeight;
                const windowHeight = window.innerHeight;

                // Početak i kraj praćenja su pomaknuti tako da uzmemo u obzir gdje je bar
                const sectionStart = scrollTop + sectionRect.top - windowHeight;
                const sectionEnd = scrollTop + sectionRect.bottom;

                if (scrollTop >= sectionStart && scrollTop <= sectionEnd) {
                    const scrollPosition = scrollTop - sectionStart;
                    const scrollPercent = (scrollPosition / (sectionHeight + windowHeight)) * 100;

                    progressBar.style.width = Math.min(100, Math.max(0, scrollPercent)) + "%";
                }
            }
        }

        window.addEventListener("scroll", updateProgressBar);
    });
</script>				</div>
				</div>
				<div class="elementor-element elementor-element-9fa253b elementor-widget elementor-widget-post-info" data-id="9fa253b" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-b6cbea5 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-clock"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										  4 minutes					</span>
								</li>
				</ul>
						</div>
				</div>
				<div class="elementor-element elementor-element-a097531 elementor-widget elementor-widget-heading" data-id="a097531" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Share</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-5cdaac2 elementor-share-buttons--shape-circle elementor-share-buttons--color-custom elementor-share-buttons--view-icon-text elementor-share-buttons--skin-gradient elementor-grid-0 elementor-widget elementor-widget-share-buttons" data-id="5cdaac2" data-element_type="widget" data-e-type="widget" data-widget_type="share-buttons.default">
				<div class="elementor-widget-container">
							<div class="elementor-grid" role="list">
								<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_facebook" role="button" tabindex="0" aria-label="Share on facebook">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-facebook" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_x-twitter" role="button" tabindex="0" aria-label="Share on x-twitter">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-x-twitter" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_pinterest" role="button" tabindex="0" aria-label="Share on pinterest">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-pinterest" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_linkedin" role="button" tabindex="0" aria-label="Share on linkedin">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-linkedin" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_email" role="button" tabindex="0" aria-label="Share on email">
															<span class="elementor-share-btn__icon">
								<i class="fas fa-envelope" aria-hidden="true"></i>							</span>
																				</div>
					</div>
						</div>
						</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-a1782a1 e-con-full e-flex e-con e-parent" data-id="a1782a1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
		<div class="elementor-element elementor-element-b15a719 e-con-full e-flex e-con e-child" data-id="b15a719" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-ef176ad e-con-full e-flex e-con e-child" data-id="ef176ad" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-fa326fc elementor-invisible elementor-widget elementor-widget-text-editor" data-id="fa326fc" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInRight&quot;,&quot;_animation_delay&quot;:1000}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>&gt;_ You liked this one?</p>								</div>
				</div>
				<div class="elementor-element elementor-element-4b46f36 elementor-widget elementor-widget-html" data-id="4b46f36" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div class="js-split-text" data-style="title-4" data-delay="0.3">Wanna see<br/>more?

</div>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-b7371d6 e-con-full e-flex e-con e-child" data-id="b7371d6" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ea15007 arrows-relative-to-box_area preserve-img-ratio-cover bullets-small-dot-stroke elementor-widget elementor-widget-the7_elements_carousel" data-id="ea15007" data-element_type="widget" data-e-type="widget" data-settings="{&quot;widget_columns&quot;:2.3,&quot;gap_between_posts&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:40,&quot;sizes&quot;:[]},&quot;widget_columns_mobile&quot;:1.2,&quot;gap_between_posts_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;widget_columns_tablet&quot;:2,&quot;gap_between_posts_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="the7_elements_carousel.default">
				<div class="elementor-widget-container">
					<div class="disable-arrows-hover-bg the7_elements_carousel-ea15007 owl-carousel portfolio-carousel-shortcode elementor-owl-carousel-call portfolio-shortcode the7-elementor-widget content-bg-on classic-layout-list description-under-image quick-scale-img meta-info-off" data-scroll-mode="1" data-auto-height="false" data-speed="600" data-autoplay="false" data-autoplay_speed=""><article class="post visible post-13817 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust-2/"><img decoding="async" width="1851" height="560" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201851%20560&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1851px) 100vw, 1851px" style="--ratio: 1851 / 560;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3.jpg 1851w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3-300x91.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3-1024x310.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3-768x232.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3-1536x465.jpg 1536w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust-2/" rel="bookmark" title="Why Most Websites Feel the Same (and Why That’s a Problem)">Why Most Websites Feel the Same (and Why That’s a Problem)</a></h3><div class="entry-excerpt"><p>In 2026, most websites feel familiar — almost interchangeable. This is not accidental. It is the result of design systems,&hellip;</p>
</div>
</div></article><article class="post visible post-13797 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust/"><img decoding="async" width="1408" height="768" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201408%20768&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1408px) 100vw, 1408px" style="--ratio: 1408 / 768;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2.png 1408w, https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2-300x164.png 300w, https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2-1024x559.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2-768x419.png 768w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust/" rel="bookmark" title="The First 3 Seconds Are Not About Design, They Are About Trust">The First 3 Seconds Are Not About Design, They Are About Trust</a></h3><div class="entry-excerpt"><p>Most brands believe they lose attention because of weak design. In reality, they lose attention because they fail to establish&hellip;</p>
</div>
</div></article><article class="post visible post-13785 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/year-end-message-thank-you-2026-outlook/"><img decoding="async" width="1594" height="672" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201594%20672&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1594px) 100vw, 1594px" style="--ratio: 1594 / 672;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2.png 1594w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-300x126.png 300w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-1024x432.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-768x324.png 768w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-1536x648.png 1536w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/year-end-message-thank-you-2026-outlook/" rel="bookmark" title="Year-End Message: Thank You &amp; 2026 Outlook">Year-End Message: Thank You &amp; 2026 Outlook</a></h3><div class="entry-excerpt"><p>Every year in design is defined not only by trends and technology, but by the people and partnerships behind the&hellip;</p>
</div>
</div></article><article class="post visible post-13775 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/pantone-color-of-the-year-mocha-mousse-in-modern-branding/"><img decoding="async" width="1408" height="768" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201408%20768&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1408px) 100vw, 1408px" style="--ratio: 1408 / 768;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse.png 1408w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse-300x164.png 300w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse-1024x559.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse-768x419.png 768w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/pantone-color-of-the-year-mocha-mousse-in-modern-branding/" rel="bookmark" title="Pantone Color of the Year: Mocha Mousse in Modern Branding">Pantone Color of the Year: Mocha Mousse in Modern Branding</a></h3><div class="entry-excerpt"><p>Color remains one of the most powerful emotional triggers in branding. For 2025, Pantone has introduced Mocha Mousse (Pantone 17-1230)&hellip;</p>
</div>
</div></article><article class="post visible post-13755 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/design-trends-that-will-define-2025-2/"><img decoding="async" width="1408" height="768" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201408%20768&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1408px) 100vw, 1408px" style="--ratio: 1408 / 768;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1.png 1408w, https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1-300x164.png 300w, https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1-1024x559.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1-768x419.png 768w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/design-trends-that-will-define-2025-2/" rel="bookmark" title="AI in Branding: Collaboration, Not Replacement">AI in Branding: Collaboration, Not Replacement</a></h3><div class="entry-excerpt"><p>Branding has always been about emotion, storytelling, and connection. But in 2025, artificial intelligence is no longer a distant concept&hellip;</p>
</div>
</div></article><article class="post visible post-13742 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/design-trends-that-will-define-2025/"><img decoding="async" width="1594" height="672" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201594%20672&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1594px) 100vw, 1594px" style="--ratio: 1594 / 672;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3.png 1594w, https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3-300x126.png 300w, https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3-1024x432.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3-768x324.png 768w, https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3-1536x648.png 1536w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/design-trends-that-will-define-2025/" rel="bookmark" title="Design Trends That Will Define 2025">Design Trends That Will Define 2025</a></h3><div class="entry-excerpt"><p>Every new year in design is less about aesthetic novelty and more about strategic evolution. In 2025, branding continues shifting&hellip;</p>
</div>
</div></article><article class="post visible post-8789 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/the-future-of-branding-how-ai-and-human-creativity-work-together/"><img decoding="async" width="2048" height="1152" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202048%201152&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2048px) 100vw, 2048px" style="--ratio: 2048 / 1152;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog.jpg 2048w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-768x432.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-1536x864.jpg 1536w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/the-future-of-branding-how-ai-and-human-creativity-work-together/" rel="bookmark" title="The Future of Branding: How AI and Human Creativity Work Together">The Future of Branding: How AI and Human Creativity Work Together</a></h3><div class="entry-excerpt"><p>Branding has always been about emotion, storytelling, and connection. But in 2025, the rules of design are being rewritten as&hellip;</p>
</div>
</div></article><article class="post visible post-8810 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/sustainability-in-design-from-trend-to-standard-in-2024/"><img decoding="async" width="2560" height="1707" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201707&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1707;" data-src="https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-300x200.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-1024x683.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-768x512.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-1536x1024.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-2048x1366.jpg 2048w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/sustainability-in-design-from-trend-to-standard-in-2024/" rel="bookmark" title="Sustainability in Design: From Trend to Standard in 2024">Sustainability in Design: From Trend to Standard in 2024</a></h3><div class="entry-excerpt"><p>In 2024, sustainability moved beyond being a buzzword — it became an industry standard. From packaging to branding to digital&hellip;</p>
</div>
</div></article><article class="post visible post-8616 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/aeon-studio-on-sketch-blog-a-milestone-in-our-creative-journey/"><img decoding="async" width="2560" height="1265" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201265&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1265;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-300x148.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-1024x506.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-768x380.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-1536x759.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-2048x1012.jpg 2048w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/aeon-studio-on-sketch-blog-a-milestone-in-our-creative-journey/" rel="bookmark" title="Aeon Studio on Sketch Blog: A Milestone in Our Creative Journey">Aeon Studio on Sketch Blog: A Milestone in Our Creative Journey</a></h3><div class="entry-excerpt"><p>Reading time: Date: Author: Aeon Studio on Sketch Blog One of our proudest moments in 2024 was being featured on&hellip;</p>
</div>
</div></article><article class="post visible post-8798 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/behind-the-award-winning-work-our-creative-process-at-aeon-studio/"><img decoding="async" width="2560" height="1440" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201440&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1440;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-768x432.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-1536x864.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-2048x1152.jpg 2048w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/behind-the-award-winning-work-our-creative-process-at-aeon-studio/" rel="bookmark" title="Behind the Award-Winning Work: Our Creative Process at Aeon Studio">Behind the Award-Winning Work: Our Creative Process at Aeon Studio</a></h3><div class="entry-excerpt"><p>Great design doesn’t happen by accident. Behind every successful brand is a deliberate and deeply human process — one that&hellip;</p>
</div>
</div></article><article class="post visible post-8644 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/aeon-studio-wins-gold-at-the-international-design-awards-for-premium-tartufi-label-design/"><img decoding="async" width="2560" height="1440" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201440&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1440;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-768x432.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-1536x864.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-2048x1152.jpg 2048w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/aeon-studio-wins-gold-at-the-international-design-awards-for-premium-tartufi-label-design/" rel="bookmark" title="Aeon Studio Wins Gold at the International Design Awards for Premium Tartufi Label Design">Aeon Studio Wins Gold at the International Design Awards for Premium Tartufi Label Design</a></h3><div class="entry-excerpt"><p>At Aeon Studio, design has always been about more than aesthetics — it’s about telling stories, creating emotional connections, and&hellip;</p>
</div>
</div></article><article class="post visible post-8595 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/color-of-the-year-2024/"><img decoding="async" width="1366" height="768" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201366%20768&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1366px) 100vw, 1366px" style="--ratio: 1366 / 768;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1.jpg 1366w, https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1-768x432.jpg 768w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/color-of-the-year-2024/" rel="bookmark" title="Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It">Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It</a></h3><div class="entry-excerpt"><p>Reading time: Date: Author: Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It&hellip;</p>
</div>
</div></article></div><div class="owl-nav disabled"><div class="owl-prev" role="button" tabindex="0" aria-label="Prev slide"><i class="fas fa-chevron-left"></i></div><div class="owl-next" role="button" tabindex="0" aria-label="Next slide"><i class="fas fa-chevron-right"></i></div></div>				</div>
				</div>
				</div>
				</div>
				</div>
				</div>
		<p>The post <a href="https://www.aeonstudio.design/year-end-message-thank-you-2026-outlook/">Year-End Message: Thank You &amp; 2026 Outlook</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Design Trends That Will Define 2025</title>
		<link>https://www.aeonstudio.design/design-trends-that-will-define-2025/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=design-trends-that-will-define-2025</link>
		
		<dc:creator><![CDATA[Ana Kovačević]]></dc:creator>
		<pubDate>Tue, 14 Jan 2025 12:13:10 +0000</pubDate>
				<category><![CDATA[Stories]]></category>
		<guid isPermaLink="false">https://www.aeonstudio.design/?p=13742</guid>

					<description><![CDATA[<p>Every new year in design is less about aesthetic novelty and more about strategic evolution. In 2025, branding continues shifting from static visual systems toward adaptive, intelligent, and experience-driven identities. </p>
<p>The post <a href="https://www.aeonstudio.design/design-trends-that-will-define-2025/">Design Trends That Will Define 2025</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="13742" class="elementor elementor-13742" data-elementor-settings="{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-9959332 e-con-full e-flex e-con e-parent" data-id="9959332" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-4c1dfc3 e-con-full e-flex e-con e-child" data-id="4c1dfc3" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-61c8e2d elementor-widget elementor-widget-post-info" data-id="61c8e2d" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-7dc22d1 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="far fa-tags"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										Design Trends That Will Define 2025					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f707566 e-con-full e-flex e-con e-parent" data-id="f707566" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-a27c1b6 e-con-full e-flex e-con e-child" data-id="a27c1b6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				</div>
				</div>
		<div class="elementor-element elementor-element-f600592 e-flex e-con-boxed e-con e-parent" data-id="f600592" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-165e586 elementor-widget elementor-widget-html" data-id="165e586" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- Univerzalni HTML widget za animaciju teksta -->
<script src="https://cdn.jsdelivr.net/npm/split-type"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    function initTextAnimations() {
      document.querySelectorAll('.js-split-text').forEach(element => {
        let styleClass = element.getAttribute('data-style') || 'title-1';
        element.classList.add(styleClass);

        let split = new SplitType(element, {
          split: 'lines' // Samo linije umjesto riječi
        });

        element.querySelectorAll('.line').forEach((line, index) => {
          let delay = parseFloat(element.getAttribute('data-delay')) || 0;
          line.style.animationDelay = `${index * 0.2 + delay}s`; // Delay za svaku liniju
        });

        let observer = new IntersectionObserver((entries) => {
          entries.forEach(entry => {
            if (entry.isIntersecting) {
              entry.target.classList.add('in-view');
            } else {
              entry.target.classList.remove('in-view');
            }
          });
        }, { threshold: 0.1 });

        observer.observe(element);
      });
    }

    initTextAnimations();
  });
</script>
<style>
  /* Opća stilizacija */
  .js-split-text {
    overflow: hidden;
    position: relative;
  }

  /* Stilovi za title-1 */
  .title-1 {
    font-size: 64px;
    line-height: 0.8;
    color: #2C3545;
    font-weight: 500;
    letter-spacing: 0;
    font-family: 'Gilroy', sans-serif; /* Koristi Gilroy font */
  }

  /* Stilovi za title-2 */
  .title-2 {
    font-size: 16px;
    line-height: 1.3;
    color: #2C3545;
    font-weight: 200;
    letter-spacing: 0;
    font-family: 'Gilroy', sans-serif; /* Koristi Gilroy font */
  }

  /* Stilovi za title-3 */
  .title-3 {
    font-size: 30px;
    line-height: 1;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0;
    font-family: 'Gilroy', sans-serif; /* Koristi Gilroy font */
  }

  /* Stilovi za title-4 */
  .title-4 {
    font-size: 40px;
    line-height: 1;
    color: #2C3545;
    font-weight: 500;
    letter-spacing: 0;
    font-family: 'Gilroy', sans-serif; /* Koristi Gilroy font */
  }

  /* Animacija */
  .js-split-text .line {
    opacity: 0;
    transform: translateY(40px);
    animation: slide-in 0.5s cubic-bezier(.61,.9,.21,.92) forwards;
    animation-play-state: paused;
  }
  
  .js-split-text.in-view .line {
    animation-play-state: running;
  }

  @keyframes slide-in {
    from {
      transform: translateY(40px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
</style>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-304d23f e-flex e-con-boxed e-con e-parent" data-id="304d23f" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-9b798b6 e-con-full e-flex e-con e-child" data-id="9b798b6" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-2ea7a46 e-con-full left-content e-flex e-con e-child" data-id="2ea7a46" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-04986a5 e-con-full e-flex e-con e-child" data-id="04986a5" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f69cfcb e-con-full e-flex e-con e-child" data-id="f69cfcb" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-03aedf0 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="03aedf0" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Reading time:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-d4a4663 elementor-widget elementor-widget-post-info" data-id="d4a4663" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-b6cbea5 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-clock"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										  4 minutes					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f28fe7e e-con-full e-flex e-con e-child" data-id="f28fe7e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f82b903 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f82b903" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Date:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-24b4b4d elementor-widget elementor-widget-post-info" data-id="24b4b4d" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-f7adbef elementor-inline-item" itemprop="datePublished">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-calendar"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date">
										<time>January 14, 2025</time>					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-683312b e-con-full e-flex e-con e-child" data-id="683312b" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-10ff2b2 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="10ff2b2" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Author:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-62da2d9 elementor-widget elementor-widget-post-info" data-id="62da2d9" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-a2bcb6b elementor-inline-item" itemprop="author">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-user"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-author">
										Ana Kovačević					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-f2728c4 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f2728c4" data-element_type="widget" data-e-type="widget" id="aeon" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Introduction</b></h3>
<p class="p1">Every new year in design is less about aesthetic novelty and more about strategic evolution. In 2025, branding continues shifting from static visual systems toward adaptive, intelligent, and experience-driven identities. The role of design is no longer just to communicate — but to respond								</div>
				</div>
		<div class="elementor-element elementor-element-8275d33 e-con-full e-flex e-con e-child" data-id="8275d33" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0a49c1b elementor-widget elementor-widget-image" data-id="0a49c1b" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1408" height="768" src="https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-2.png" class="attachment-full size-full wp-image-13747" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-2.png 1408w, https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-2-300x164.png 300w, https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-2-1024x559.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-2-768x419.png 768w" sizes="(max-width: 1408px) 100vw, 1408px" />															</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-b3e2922 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="b3e2922" data-element_type="widget" data-e-type="widget" id="key" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><span class="s1"><b>The Shift from Static to Adaptive Design</b></span></h3><p class="p1">Brand systems are becoming dynamic ecosystems rather than fixed identities. Logos, typography, and layouts increasingly adapt to context, audience, and platform. This is not a stylistic trend — it is a structural change in how brands function digitally.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-ecb3127 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="ecb3127" data-element_type="widget" data-e-type="widget" id="why" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><span class="s1"><b>Key Design Directions for 2025</b></span></h3><p class="p1">• AI-assisted creative workflows becoming standard practice<br />• Hyper-minimalism combined with tactile, human textures<br />• Bold typographic systems as primary identity carriers<br />• Motion design as a default, not an enhancement<br />• Sustainable branding and “slow design” philosophy</p>								</div>
				</div>
				<div class="elementor-element elementor-element-2b8ec3c elementor-invisible elementor-widget elementor-widget-text-editor" data-id="2b8ec3c" data-element_type="widget" data-e-type="widget" id="practical" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><span class="s1"><b>Strategic Implication for Brands</b></span></h3><p class="p1">Brands that rely on rigid visual systems will progressively lose relevance. Flexibility, scalability, and contextual awareness are becoming core competitive advantages in digital identity design.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-14408ef elementor-invisible elementor-widget elementor-widget-text-editor" data-id="14408ef" data-element_type="widget" data-e-type="widget" id="conclusion" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Conclusion</b></h3>
2025 establishes a clear direction: design is no longer static output, but a living system. Studios that understand this shift will define the next generation of branding.								</div>
				</div>
				<div class="elementor-element elementor-element-4204375 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="4204375" data-element_type="widget" data-e-type="widget" id="links" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><a href="https://www.pantone.com/color-of-the-year/2024?srsltid=AfmBOoogaY_75wZjd1MrBefYXcwFYPWbUuo2xGosaR1K-kt6anm3t5TF"><b>Links</b></a></h3><p class="p3"><a href="https://www.aeonstudio.design/contact/" target="_blank" rel="noopener">Contact</a></p>								</div>
				</div>
				<div class="elementor-element elementor-element-9f3e706 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-spacer" data-id="9f3e706" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-1d7388b e-con-full e-flex e-con e-child" data-id="1d7388b" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f346ac1 e-con-full the7-e-sticky-row-yes e-flex e-con e-child" data-id="f346ac1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;the7_sticky_row&quot;:&quot;yes&quot;,&quot;the7_sticky_row_offset&quot;:100,&quot;the7_sticky_parent&quot;:&quot;yes&quot;,&quot;the7_sticky_parent_bottom_offset&quot;:20,&quot;the7_sticky_row_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;]}">
				<div class="elementor-element elementor-element-63822be elementor-widget elementor-widget-heading" data-id="63822be" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Table of contents</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-6922162 e-transform elementor-widget elementor-widget-heading" data-id="6922162" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#aeon">Introduction</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-d2d065e e-transform elementor-widget elementor-widget-heading" data-id="d2d065e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#key">The Shift from Static to Adaptive Design</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-a5e1b59 e-transform elementor-widget elementor-widget-heading" data-id="a5e1b59" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#why">Key Design Directions for 2025</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-703375e e-transform elementor-widget elementor-widget-heading" data-id="703375e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#practical">Strategic Implication for Brands</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b9e5046 e-transform elementor-widget elementor-widget-heading" data-id="b9e5046" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#conclusion">Conclusion</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-7dd5bd1 e-transform elementor-widget elementor-widget-heading" data-id="7dd5bd1" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#links">Links</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-67097ff elementor-widget elementor-widget-heading" data-id="67097ff" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Reading time</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b47d78f elementor-widget elementor-widget-html" data-id="b47d78f" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- PROGRESS BAR -->
<div id="reading-progress-container">
    <div id="reading-progress-bar"></div>
</div>

<style>
    /* Kontejner koji drži progress bar */
    #reading-progress-container {
        width: 100%;
        height: 5px; /* Visina progress bara */
        background: rgba(0, 0, 0, 0.1);
        position: relative;
        overflow: hidden;
    }

    /* Sama crta koja pokazuje progress */
    #reading-progress-bar {
        height: 5px;
        width: 0%;
        background: #FF5D21;
        transition: width 0.1s ease-out;
    }
</style>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        const progressBar = document.getElementById("reading-progress-bar");
        const section = document.querySelector(".left-content"); // Sekcija s tekstom
        const progressContainer = document.getElementById("reading-progress-container");

        if (!section || !progressContainer) {
            console.error("Nije pronađena sekcija ili progress bar container.");
            return;
        }

        let hasStarted = false; // Sprečava prerano pokretanje

        function isInViewport(element) {
            const rect = element.getBoundingClientRect();
            return rect.top < window.innerHeight && rect.bottom > 0;
        }

        function updateProgressBar() {
            if (!hasStarted && isInViewport(progressContainer)) {
                hasStarted = true; // Počinje kada je progress bar u viewportu
            }

            if (hasStarted) {
                const sectionRect = section.getBoundingClientRect();
                const progressRect = progressContainer.getBoundingClientRect();
                
                const scrollTop = window.scrollY;
                const sectionHeight = section.offsetHeight;
                const windowHeight = window.innerHeight;

                // Početak i kraj praćenja su pomaknuti tako da uzmemo u obzir gdje je bar
                const sectionStart = scrollTop + sectionRect.top - windowHeight;
                const sectionEnd = scrollTop + sectionRect.bottom;

                if (scrollTop >= sectionStart && scrollTop <= sectionEnd) {
                    const scrollPosition = scrollTop - sectionStart;
                    const scrollPercent = (scrollPosition / (sectionHeight + windowHeight)) * 100;

                    progressBar.style.width = Math.min(100, Math.max(0, scrollPercent)) + "%";
                }
            }
        }

        window.addEventListener("scroll", updateProgressBar);
    });
</script>				</div>
				</div>
				<div class="elementor-element elementor-element-9fa253b elementor-widget elementor-widget-post-info" data-id="9fa253b" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-b6cbea5 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-clock"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										  4 minutes					</span>
								</li>
				</ul>
						</div>
				</div>
				<div class="elementor-element elementor-element-a097531 elementor-widget elementor-widget-heading" data-id="a097531" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Share</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-5cdaac2 elementor-share-buttons--shape-circle elementor-share-buttons--color-custom elementor-share-buttons--view-icon-text elementor-share-buttons--skin-gradient elementor-grid-0 elementor-widget elementor-widget-share-buttons" data-id="5cdaac2" data-element_type="widget" data-e-type="widget" data-widget_type="share-buttons.default">
				<div class="elementor-widget-container">
							<div class="elementor-grid" role="list">
								<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_facebook" role="button" tabindex="0" aria-label="Share on facebook">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-facebook" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_x-twitter" role="button" tabindex="0" aria-label="Share on x-twitter">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-x-twitter" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_pinterest" role="button" tabindex="0" aria-label="Share on pinterest">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-pinterest" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_linkedin" role="button" tabindex="0" aria-label="Share on linkedin">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-linkedin" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_email" role="button" tabindex="0" aria-label="Share on email">
															<span class="elementor-share-btn__icon">
								<i class="fas fa-envelope" aria-hidden="true"></i>							</span>
																				</div>
					</div>
						</div>
						</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-a1782a1 e-con-full e-flex e-con e-parent" data-id="a1782a1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
		<div class="elementor-element elementor-element-b15a719 e-con-full e-flex e-con e-child" data-id="b15a719" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-ef176ad e-con-full e-flex e-con e-child" data-id="ef176ad" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-fa326fc elementor-invisible elementor-widget elementor-widget-text-editor" data-id="fa326fc" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInRight&quot;,&quot;_animation_delay&quot;:1000}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>&gt;_ You liked this one?</p>								</div>
				</div>
				<div class="elementor-element elementor-element-4b46f36 elementor-widget elementor-widget-html" data-id="4b46f36" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div class="js-split-text" data-style="title-4" data-delay="0.3">Wanna see<br/>more?

</div>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-b7371d6 e-con-full e-flex e-con e-child" data-id="b7371d6" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ea15007 arrows-relative-to-box_area preserve-img-ratio-cover bullets-small-dot-stroke elementor-widget elementor-widget-the7_elements_carousel" data-id="ea15007" data-element_type="widget" data-e-type="widget" data-settings="{&quot;widget_columns&quot;:2.3,&quot;gap_between_posts&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:40,&quot;sizes&quot;:[]},&quot;widget_columns_mobile&quot;:1.2,&quot;gap_between_posts_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;widget_columns_tablet&quot;:2,&quot;gap_between_posts_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="the7_elements_carousel.default">
				<div class="elementor-widget-container">
					<div class="disable-arrows-hover-bg the7_elements_carousel-ea15007 owl-carousel portfolio-carousel-shortcode elementor-owl-carousel-call portfolio-shortcode the7-elementor-widget content-bg-on classic-layout-list description-under-image quick-scale-img meta-info-off" data-scroll-mode="1" data-auto-height="false" data-speed="600" data-autoplay="false" data-autoplay_speed=""><article class="post visible post-13817 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust-2/"><img decoding="async" width="1851" height="560" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201851%20560&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1851px) 100vw, 1851px" style="--ratio: 1851 / 560;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3.jpg 1851w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3-300x91.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3-1024x310.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3-768x232.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3-1536x465.jpg 1536w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust-2/" rel="bookmark" title="Why Most Websites Feel the Same (and Why That’s a Problem)">Why Most Websites Feel the Same (and Why That’s a Problem)</a></h3><div class="entry-excerpt"><p>In 2026, most websites feel familiar — almost interchangeable. This is not accidental. It is the result of design systems,&hellip;</p>
</div>
</div></article><article class="post visible post-13797 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust/"><img decoding="async" width="1408" height="768" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201408%20768&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1408px) 100vw, 1408px" style="--ratio: 1408 / 768;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2.png 1408w, https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2-300x164.png 300w, https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2-1024x559.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2-768x419.png 768w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust/" rel="bookmark" title="The First 3 Seconds Are Not About Design, They Are About Trust">The First 3 Seconds Are Not About Design, They Are About Trust</a></h3><div class="entry-excerpt"><p>Most brands believe they lose attention because of weak design. In reality, they lose attention because they fail to establish&hellip;</p>
</div>
</div></article><article class="post visible post-13785 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/year-end-message-thank-you-2026-outlook/"><img decoding="async" width="1594" height="672" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201594%20672&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1594px) 100vw, 1594px" style="--ratio: 1594 / 672;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2.png 1594w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-300x126.png 300w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-1024x432.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-768x324.png 768w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-1536x648.png 1536w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/year-end-message-thank-you-2026-outlook/" rel="bookmark" title="Year-End Message: Thank You &amp; 2026 Outlook">Year-End Message: Thank You &amp; 2026 Outlook</a></h3><div class="entry-excerpt"><p>Every year in design is defined not only by trends and technology, but by the people and partnerships behind the&hellip;</p>
</div>
</div></article><article class="post visible post-13775 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/pantone-color-of-the-year-mocha-mousse-in-modern-branding/"><img decoding="async" width="1408" height="768" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201408%20768&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1408px) 100vw, 1408px" style="--ratio: 1408 / 768;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse.png 1408w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse-300x164.png 300w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse-1024x559.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse-768x419.png 768w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/pantone-color-of-the-year-mocha-mousse-in-modern-branding/" rel="bookmark" title="Pantone Color of the Year: Mocha Mousse in Modern Branding">Pantone Color of the Year: Mocha Mousse in Modern Branding</a></h3><div class="entry-excerpt"><p>Color remains one of the most powerful emotional triggers in branding. For 2025, Pantone has introduced Mocha Mousse (Pantone 17-1230)&hellip;</p>
</div>
</div></article><article class="post visible post-13755 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/design-trends-that-will-define-2025-2/"><img decoding="async" width="1408" height="768" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201408%20768&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1408px) 100vw, 1408px" style="--ratio: 1408 / 768;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1.png 1408w, https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1-300x164.png 300w, https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1-1024x559.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1-768x419.png 768w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/design-trends-that-will-define-2025-2/" rel="bookmark" title="AI in Branding: Collaboration, Not Replacement">AI in Branding: Collaboration, Not Replacement</a></h3><div class="entry-excerpt"><p>Branding has always been about emotion, storytelling, and connection. But in 2025, artificial intelligence is no longer a distant concept&hellip;</p>
</div>
</div></article><article class="post visible post-13742 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/design-trends-that-will-define-2025/"><img decoding="async" width="1594" height="672" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201594%20672&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1594px) 100vw, 1594px" style="--ratio: 1594 / 672;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3.png 1594w, https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3-300x126.png 300w, https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3-1024x432.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3-768x324.png 768w, https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3-1536x648.png 1536w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/design-trends-that-will-define-2025/" rel="bookmark" title="Design Trends That Will Define 2025">Design Trends That Will Define 2025</a></h3><div class="entry-excerpt"><p>Every new year in design is less about aesthetic novelty and more about strategic evolution. In 2025, branding continues shifting&hellip;</p>
</div>
</div></article><article class="post visible post-8789 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/the-future-of-branding-how-ai-and-human-creativity-work-together/"><img decoding="async" width="2048" height="1152" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202048%201152&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2048px) 100vw, 2048px" style="--ratio: 2048 / 1152;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog.jpg 2048w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-768x432.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-1536x864.jpg 1536w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/the-future-of-branding-how-ai-and-human-creativity-work-together/" rel="bookmark" title="The Future of Branding: How AI and Human Creativity Work Together">The Future of Branding: How AI and Human Creativity Work Together</a></h3><div class="entry-excerpt"><p>Branding has always been about emotion, storytelling, and connection. But in 2025, the rules of design are being rewritten as&hellip;</p>
</div>
</div></article><article class="post visible post-8810 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/sustainability-in-design-from-trend-to-standard-in-2024/"><img decoding="async" width="2560" height="1707" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201707&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1707;" data-src="https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-300x200.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-1024x683.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-768x512.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-1536x1024.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-2048x1366.jpg 2048w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/sustainability-in-design-from-trend-to-standard-in-2024/" rel="bookmark" title="Sustainability in Design: From Trend to Standard in 2024">Sustainability in Design: From Trend to Standard in 2024</a></h3><div class="entry-excerpt"><p>In 2024, sustainability moved beyond being a buzzword — it became an industry standard. From packaging to branding to digital&hellip;</p>
</div>
</div></article><article class="post visible post-8616 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/aeon-studio-on-sketch-blog-a-milestone-in-our-creative-journey/"><img decoding="async" width="2560" height="1265" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201265&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1265;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-300x148.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-1024x506.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-768x380.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-1536x759.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-2048x1012.jpg 2048w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/aeon-studio-on-sketch-blog-a-milestone-in-our-creative-journey/" rel="bookmark" title="Aeon Studio on Sketch Blog: A Milestone in Our Creative Journey">Aeon Studio on Sketch Blog: A Milestone in Our Creative Journey</a></h3><div class="entry-excerpt"><p>Reading time: Date: Author: Aeon Studio on Sketch Blog One of our proudest moments in 2024 was being featured on&hellip;</p>
</div>
</div></article><article class="post visible post-8798 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/behind-the-award-winning-work-our-creative-process-at-aeon-studio/"><img decoding="async" width="2560" height="1440" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201440&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1440;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-768x432.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-1536x864.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-2048x1152.jpg 2048w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/behind-the-award-winning-work-our-creative-process-at-aeon-studio/" rel="bookmark" title="Behind the Award-Winning Work: Our Creative Process at Aeon Studio">Behind the Award-Winning Work: Our Creative Process at Aeon Studio</a></h3><div class="entry-excerpt"><p>Great design doesn’t happen by accident. Behind every successful brand is a deliberate and deeply human process — one that&hellip;</p>
</div>
</div></article><article class="post visible post-8644 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/aeon-studio-wins-gold-at-the-international-design-awards-for-premium-tartufi-label-design/"><img decoding="async" width="2560" height="1440" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201440&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1440;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-768x432.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-1536x864.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-2048x1152.jpg 2048w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/aeon-studio-wins-gold-at-the-international-design-awards-for-premium-tartufi-label-design/" rel="bookmark" title="Aeon Studio Wins Gold at the International Design Awards for Premium Tartufi Label Design">Aeon Studio Wins Gold at the International Design Awards for Premium Tartufi Label Design</a></h3><div class="entry-excerpt"><p>At Aeon Studio, design has always been about more than aesthetics — it’s about telling stories, creating emotional connections, and&hellip;</p>
</div>
</div></article><article class="post visible post-8595 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/color-of-the-year-2024/"><img decoding="async" width="1366" height="768" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201366%20768&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1366px) 100vw, 1366px" style="--ratio: 1366 / 768;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1.jpg 1366w, https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1-768x432.jpg 768w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/color-of-the-year-2024/" rel="bookmark" title="Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It">Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It</a></h3><div class="entry-excerpt"><p>Reading time: Date: Author: Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It&hellip;</p>
</div>
</div></article></div><div class="owl-nav disabled"><div class="owl-prev" role="button" tabindex="0" aria-label="Prev slide"><i class="fas fa-chevron-left"></i></div><div class="owl-next" role="button" tabindex="0" aria-label="Next slide"><i class="fas fa-chevron-right"></i></div></div>				</div>
				</div>
				</div>
				</div>
				</div>
				</div>
		<p>The post <a href="https://www.aeonstudio.design/design-trends-that-will-define-2025/">Design Trends That Will Define 2025</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>The Future of Branding: How AI and Human Creativity Work Together</title>
		<link>https://www.aeonstudio.design/the-future-of-branding-how-ai-and-human-creativity-work-together/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=the-future-of-branding-how-ai-and-human-creativity-work-together</link>
		
		<dc:creator><![CDATA[Ana Kovačević]]></dc:creator>
		<pubDate>Wed, 28 Aug 2024 19:17:13 +0000</pubDate>
				<category><![CDATA[Stories]]></category>
		<guid isPermaLink="false">https://www.aeonstudio.design/?p=8789</guid>

					<description><![CDATA[<p>Branding has always been about emotion, storytelling, and connection. But in 2025, the rules of design are being rewritten as artificial intelligence becomes an everyday creative tool. From generating mood boards in seconds to creating adaptive brand identities, AI is reshaping the creative process.</p>
<p>The post <a href="https://www.aeonstudio.design/the-future-of-branding-how-ai-and-human-creativity-work-together/">The Future of Branding: How AI and Human Creativity Work Together</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="8789" class="elementor elementor-8789" data-elementor-settings="{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-9959332 e-con-full e-flex e-con e-parent" data-id="9959332" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-4c1dfc3 e-con-full e-flex e-con e-child" data-id="4c1dfc3" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-61c8e2d elementor-widget elementor-widget-post-info" data-id="61c8e2d" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-7dc22d1 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="far fa-tags"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										The Future of Branding: How AI and Human Creativity Work Together					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f707566 e-con-full e-flex e-con e-parent" data-id="f707566" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-a27c1b6 e-con-full e-flex e-con e-child" data-id="a27c1b6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				</div>
				</div>
		<div class="elementor-element elementor-element-f600592 e-flex e-con-boxed e-con e-parent" data-id="f600592" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-165e586 elementor-widget elementor-widget-html" data-id="165e586" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- Univerzalni HTML widget za animaciju teksta -->
<script src="https://cdn.jsdelivr.net/npm/split-type"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    function initTextAnimations() {
      document.querySelectorAll('.js-split-text').forEach(element => {
        let styleClass = element.getAttribute('data-style') || 'title-1';
        element.classList.add(styleClass);

        let split = new SplitType(element, {
          split: 'lines' // Samo linije umjesto riječi
        });

        element.querySelectorAll('.line').forEach((line, index) => {
          let delay = parseFloat(element.getAttribute('data-delay')) || 0;
          line.style.animationDelay = `${index * 0.2 + delay}s`; // Delay za svaku liniju
        });

        let observer = new IntersectionObserver((entries) => {
          entries.forEach(entry => {
            if (entry.isIntersecting) {
              entry.target.classList.add('in-view');
            } else {
              entry.target.classList.remove('in-view');
            }
          });
        }, { threshold: 0.1 });

        observer.observe(element);
      });
    }

    initTextAnimations();
  });
</script>
<style>
  /* Opća stilizacija */
  .js-split-text {
    overflow: hidden;
    position: relative;
  }

  /* Stilovi za title-1 */
  .title-1 {
    font-size: 64px;
    line-height: 0.8;
    color: #2C3545;
    font-weight: 500;
    letter-spacing: 0;
    font-family: 'Gilroy', sans-serif; /* Koristi Gilroy font */
  }

  /* Stilovi za title-2 */
  .title-2 {
    font-size: 16px;
    line-height: 1.3;
    color: #2C3545;
    font-weight: 200;
    letter-spacing: 0;
    font-family: 'Gilroy', sans-serif; /* Koristi Gilroy font */
  }

  /* Stilovi za title-3 */
  .title-3 {
    font-size: 30px;
    line-height: 1;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0;
    font-family: 'Gilroy', sans-serif; /* Koristi Gilroy font */
  }

  /* Stilovi za title-4 */
  .title-4 {
    font-size: 40px;
    line-height: 1;
    color: #2C3545;
    font-weight: 500;
    letter-spacing: 0;
    font-family: 'Gilroy', sans-serif; /* Koristi Gilroy font */
  }

  /* Animacija */
  .js-split-text .line {
    opacity: 0;
    transform: translateY(40px);
    animation: slide-in 0.5s cubic-bezier(.61,.9,.21,.92) forwards;
    animation-play-state: paused;
  }
  
  .js-split-text.in-view .line {
    animation-play-state: running;
  }

  @keyframes slide-in {
    from {
      transform: translateY(40px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
</style>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-304d23f e-flex e-con-boxed e-con e-parent" data-id="304d23f" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-9b798b6 e-con-full e-flex e-con e-child" data-id="9b798b6" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-2ea7a46 e-con-full left-content e-flex e-con e-child" data-id="2ea7a46" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-04986a5 e-con-full e-flex e-con e-child" data-id="04986a5" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f69cfcb e-con-full e-flex e-con e-child" data-id="f69cfcb" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-03aedf0 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="03aedf0" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Reading time:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-d4a4663 elementor-widget elementor-widget-post-info" data-id="d4a4663" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-b6cbea5 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-clock"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										  4 minutes					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f28fe7e e-con-full e-flex e-con e-child" data-id="f28fe7e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f82b903 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f82b903" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Date:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-24b4b4d elementor-widget elementor-widget-post-info" data-id="24b4b4d" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-f7adbef elementor-inline-item" itemprop="datePublished">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-calendar"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date">
										<time>August 28, 2024</time>					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-683312b e-con-full e-flex e-con e-child" data-id="683312b" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-10ff2b2 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="10ff2b2" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Author:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-62da2d9 elementor-widget elementor-widget-post-info" data-id="62da2d9" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-a2bcb6b elementor-inline-item" itemprop="author">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-user"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-author">
										Ana Kovačević					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-f2728c4 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f2728c4" data-element_type="widget" data-e-type="widget" id="aeon" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Introduction</b></h3><p class="p1">Branding has always been about emotion, storytelling, and connection. But in 2025, the rules of design are being rewritten as artificial intelligence becomes an everyday creative tool. From generating mood boards in seconds to creating adaptive brand identities, AI is reshaping the creative process. The real question is not whether AI will replace designers — it’s how designers and AI can collaborate to create something greater.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-8275d33 e-con-full e-flex e-con e-child" data-id="8275d33" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0a49c1b elementor-widget elementor-widget-image" data-id="0a49c1b" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="2048" height="1152" src="https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog.jpg" class="attachment-full size-full wp-image-8792" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog.jpg 2048w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-768x432.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-1536x864.jpg 1536w" sizes="(max-width: 2048px) 100vw, 2048px" />															</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-b3e2922 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="b3e2922" data-element_type="widget" data-e-type="widget" id="key" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>AI as a Creative Tool, Not a Replacement</b></h3><p class="p3">AI offers speed, data-driven insights, and scalability. It can analyze consumer behavior, suggest color palettes based on market psychology, or instantly generate thousands of design variations. But what AI lacks is empathy, cultural nuance, and the ability to tell a story that resonates on a human level. That’s where creativity steps in.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-ecb3127 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="ecb3127" data-element_type="widget" data-e-type="widget" id="why" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>The Human Side of Branding</b></h3><p class="p3">Great branding is never about the logo alone. It’s about meaning — the why behind the product. Human creativity gives brands depth, emotion, and voice. Designers interpret cultural signals, turn abstract values into visuals, and ensure a brand feels alive. AI can enhance this process, but it cannot replace the intuition that comes from human experience.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-2b8ec3c elementor-invisible elementor-widget elementor-widget-text-editor" data-id="2b8ec3c" data-element_type="widget" data-e-type="widget" id="practical" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Practical Applications in 2025</b></h3><p class="p3">• AI-assisted ideation: Faster brainstorming and prototype exploration.<br />• Dynamic branding: Logos and visuals that adapt in real-time to user interaction.<br />• Data-driven design: Personalization based on consumer patterns.<br />• Efficiency in execution: Automating repetitive production tasks.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-14408ef elementor-invisible elementor-widget elementor-widget-text-editor" data-id="14408ef" data-element_type="widget" data-e-type="widget" id="conclusion" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Conclusion</b></h3><p class="p1">The future of branding is not AI versus human creativity — it’s AI <span class="s1"><b>with</b></span> human creativity. Together, they form a powerful partnership: AI handles scale and efficiency, while designers bring vision, emotion, and cultural meaning. At Aeon Studio, we believe this synergy will define the most successful brands of tomorrow.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-4204375 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="4204375" data-element_type="widget" data-e-type="widget" id="links" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><a href="https://www.pantone.com/color-of-the-year/2024?srsltid=AfmBOoogaY_75wZjd1MrBefYXcwFYPWbUuo2xGosaR1K-kt6anm3t5TF"><b>Links</b></a></h3>
<p class="p3"><a href="https://www.aeonstudio.design/contact/" target="_blank" rel="noopener">Contact</a></p>								</div>
				</div>
				<div class="elementor-element elementor-element-9f3e706 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-spacer" data-id="9f3e706" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-1d7388b e-con-full e-flex e-con e-child" data-id="1d7388b" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f346ac1 e-con-full the7-e-sticky-row-yes e-flex e-con e-child" data-id="f346ac1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;the7_sticky_row&quot;:&quot;yes&quot;,&quot;the7_sticky_row_offset&quot;:100,&quot;the7_sticky_parent&quot;:&quot;yes&quot;,&quot;the7_sticky_parent_bottom_offset&quot;:20,&quot;the7_sticky_row_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;]}">
				<div class="elementor-element elementor-element-63822be elementor-widget elementor-widget-heading" data-id="63822be" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Table of contents</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-6922162 e-transform elementor-widget elementor-widget-heading" data-id="6922162" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#aeon">Introduction</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-d2d065e e-transform elementor-widget elementor-widget-heading" data-id="d2d065e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#key">AI as a Creative Tool, Not a Replacement</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-a5e1b59 e-transform elementor-widget elementor-widget-heading" data-id="a5e1b59" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#why">The Human Side of Branding</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-703375e e-transform elementor-widget elementor-widget-heading" data-id="703375e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#practical">Practical Applications in 2025</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b9e5046 e-transform elementor-widget elementor-widget-heading" data-id="b9e5046" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#conclusion">Conclusion</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-7dd5bd1 e-transform elementor-widget elementor-widget-heading" data-id="7dd5bd1" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#links">Links</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-67097ff elementor-widget elementor-widget-heading" data-id="67097ff" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Reading time</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b47d78f elementor-widget elementor-widget-html" data-id="b47d78f" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- PROGRESS BAR -->
<div id="reading-progress-container">
    <div id="reading-progress-bar"></div>
</div>

<style>
    /* Kontejner koji drži progress bar */
    #reading-progress-container {
        width: 100%;
        height: 5px; /* Visina progress bara */
        background: rgba(0, 0, 0, 0.1);
        position: relative;
        overflow: hidden;
    }

    /* Sama crta koja pokazuje progress */
    #reading-progress-bar {
        height: 5px;
        width: 0%;
        background: #FF5D21;
        transition: width 0.1s ease-out;
    }
</style>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        const progressBar = document.getElementById("reading-progress-bar");
        const section = document.querySelector(".left-content"); // Sekcija s tekstom
        const progressContainer = document.getElementById("reading-progress-container");

        if (!section || !progressContainer) {
            console.error("Nije pronađena sekcija ili progress bar container.");
            return;
        }

        let hasStarted = false; // Sprečava prerano pokretanje

        function isInViewport(element) {
            const rect = element.getBoundingClientRect();
            return rect.top < window.innerHeight && rect.bottom > 0;
        }

        function updateProgressBar() {
            if (!hasStarted && isInViewport(progressContainer)) {
                hasStarted = true; // Počinje kada je progress bar u viewportu
            }

            if (hasStarted) {
                const sectionRect = section.getBoundingClientRect();
                const progressRect = progressContainer.getBoundingClientRect();
                
                const scrollTop = window.scrollY;
                const sectionHeight = section.offsetHeight;
                const windowHeight = window.innerHeight;

                // Početak i kraj praćenja su pomaknuti tako da uzmemo u obzir gdje je bar
                const sectionStart = scrollTop + sectionRect.top - windowHeight;
                const sectionEnd = scrollTop + sectionRect.bottom;

                if (scrollTop >= sectionStart && scrollTop <= sectionEnd) {
                    const scrollPosition = scrollTop - sectionStart;
                    const scrollPercent = (scrollPosition / (sectionHeight + windowHeight)) * 100;

                    progressBar.style.width = Math.min(100, Math.max(0, scrollPercent)) + "%";
                }
            }
        }

        window.addEventListener("scroll", updateProgressBar);
    });
</script>				</div>
				</div>
				<div class="elementor-element elementor-element-9fa253b elementor-widget elementor-widget-post-info" data-id="9fa253b" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-b6cbea5 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-clock"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										  4 minutes					</span>
								</li>
				</ul>
						</div>
				</div>
				<div class="elementor-element elementor-element-a097531 elementor-widget elementor-widget-heading" data-id="a097531" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Share</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-5cdaac2 elementor-share-buttons--shape-circle elementor-share-buttons--color-custom elementor-share-buttons--view-icon-text elementor-share-buttons--skin-gradient elementor-grid-0 elementor-widget elementor-widget-share-buttons" data-id="5cdaac2" data-element_type="widget" data-e-type="widget" data-widget_type="share-buttons.default">
				<div class="elementor-widget-container">
							<div class="elementor-grid" role="list">
								<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_facebook" role="button" tabindex="0" aria-label="Share on facebook">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-facebook" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_x-twitter" role="button" tabindex="0" aria-label="Share on x-twitter">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-x-twitter" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_pinterest" role="button" tabindex="0" aria-label="Share on pinterest">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-pinterest" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_linkedin" role="button" tabindex="0" aria-label="Share on linkedin">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-linkedin" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_email" role="button" tabindex="0" aria-label="Share on email">
															<span class="elementor-share-btn__icon">
								<i class="fas fa-envelope" aria-hidden="true"></i>							</span>
																				</div>
					</div>
						</div>
						</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-a1782a1 e-con-full e-flex e-con e-parent" data-id="a1782a1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
		<div class="elementor-element elementor-element-b15a719 e-con-full e-flex e-con e-child" data-id="b15a719" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-ef176ad e-con-full e-flex e-con e-child" data-id="ef176ad" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-fa326fc elementor-invisible elementor-widget elementor-widget-text-editor" data-id="fa326fc" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInRight&quot;,&quot;_animation_delay&quot;:1000}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>&gt;_ You liked this one?</p>								</div>
				</div>
				<div class="elementor-element elementor-element-4b46f36 elementor-widget elementor-widget-html" data-id="4b46f36" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div class="js-split-text" data-style="title-4" data-delay="0.3">Wanna see<br/>more?

</div>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-b7371d6 e-con-full e-flex e-con e-child" data-id="b7371d6" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ea15007 arrows-relative-to-box_area preserve-img-ratio-cover bullets-small-dot-stroke elementor-widget elementor-widget-the7_elements_carousel" data-id="ea15007" data-element_type="widget" data-e-type="widget" data-settings="{&quot;widget_columns&quot;:2.3,&quot;gap_between_posts&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:40,&quot;sizes&quot;:[]},&quot;widget_columns_mobile&quot;:1.2,&quot;gap_between_posts_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;widget_columns_tablet&quot;:2,&quot;gap_between_posts_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="the7_elements_carousel.default">
				<div class="elementor-widget-container">
					<div class="disable-arrows-hover-bg the7_elements_carousel-ea15007 owl-carousel portfolio-carousel-shortcode elementor-owl-carousel-call portfolio-shortcode the7-elementor-widget content-bg-on classic-layout-list description-under-image quick-scale-img meta-info-off" data-scroll-mode="1" data-auto-height="false" data-speed="600" data-autoplay="false" data-autoplay_speed=""><article class="post visible post-13817 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust-2/"><img decoding="async" width="1851" height="560" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201851%20560&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1851px) 100vw, 1851px" style="--ratio: 1851 / 560;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3.jpg 1851w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3-300x91.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3-1024x310.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3-768x232.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3-1536x465.jpg 1536w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust-2/" rel="bookmark" title="Why Most Websites Feel the Same (and Why That’s a Problem)">Why Most Websites Feel the Same (and Why That’s a Problem)</a></h3><div class="entry-excerpt"><p>In 2026, most websites feel familiar — almost interchangeable. This is not accidental. It is the result of design systems,&hellip;</p>
</div>
</div></article><article class="post visible post-13797 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust/"><img decoding="async" width="1408" height="768" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201408%20768&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1408px) 100vw, 1408px" style="--ratio: 1408 / 768;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2.png 1408w, https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2-300x164.png 300w, https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2-1024x559.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2-768x419.png 768w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust/" rel="bookmark" title="The First 3 Seconds Are Not About Design, They Are About Trust">The First 3 Seconds Are Not About Design, They Are About Trust</a></h3><div class="entry-excerpt"><p>Most brands believe they lose attention because of weak design. In reality, they lose attention because they fail to establish&hellip;</p>
</div>
</div></article><article class="post visible post-13785 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/year-end-message-thank-you-2026-outlook/"><img decoding="async" width="1594" height="672" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201594%20672&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1594px) 100vw, 1594px" style="--ratio: 1594 / 672;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2.png 1594w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-300x126.png 300w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-1024x432.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-768x324.png 768w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-1536x648.png 1536w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/year-end-message-thank-you-2026-outlook/" rel="bookmark" title="Year-End Message: Thank You &amp; 2026 Outlook">Year-End Message: Thank You &amp; 2026 Outlook</a></h3><div class="entry-excerpt"><p>Every year in design is defined not only by trends and technology, but by the people and partnerships behind the&hellip;</p>
</div>
</div></article><article class="post visible post-13775 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/pantone-color-of-the-year-mocha-mousse-in-modern-branding/"><img decoding="async" width="1408" height="768" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201408%20768&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1408px) 100vw, 1408px" style="--ratio: 1408 / 768;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse.png 1408w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse-300x164.png 300w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse-1024x559.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse-768x419.png 768w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/pantone-color-of-the-year-mocha-mousse-in-modern-branding/" rel="bookmark" title="Pantone Color of the Year: Mocha Mousse in Modern Branding">Pantone Color of the Year: Mocha Mousse in Modern Branding</a></h3><div class="entry-excerpt"><p>Color remains one of the most powerful emotional triggers in branding. For 2025, Pantone has introduced Mocha Mousse (Pantone 17-1230)&hellip;</p>
</div>
</div></article><article class="post visible post-13755 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/design-trends-that-will-define-2025-2/"><img decoding="async" width="1408" height="768" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201408%20768&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1408px) 100vw, 1408px" style="--ratio: 1408 / 768;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1.png 1408w, https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1-300x164.png 300w, https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1-1024x559.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1-768x419.png 768w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/design-trends-that-will-define-2025-2/" rel="bookmark" title="AI in Branding: Collaboration, Not Replacement">AI in Branding: Collaboration, Not Replacement</a></h3><div class="entry-excerpt"><p>Branding has always been about emotion, storytelling, and connection. But in 2025, artificial intelligence is no longer a distant concept&hellip;</p>
</div>
</div></article><article class="post visible post-13742 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/design-trends-that-will-define-2025/"><img decoding="async" width="1594" height="672" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201594%20672&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1594px) 100vw, 1594px" style="--ratio: 1594 / 672;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3.png 1594w, https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3-300x126.png 300w, https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3-1024x432.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3-768x324.png 768w, https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3-1536x648.png 1536w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/design-trends-that-will-define-2025/" rel="bookmark" title="Design Trends That Will Define 2025">Design Trends That Will Define 2025</a></h3><div class="entry-excerpt"><p>Every new year in design is less about aesthetic novelty and more about strategic evolution. In 2025, branding continues shifting&hellip;</p>
</div>
</div></article><article class="post visible post-8789 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/the-future-of-branding-how-ai-and-human-creativity-work-together/"><img decoding="async" width="2048" height="1152" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202048%201152&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2048px) 100vw, 2048px" style="--ratio: 2048 / 1152;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog.jpg 2048w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-768x432.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-1536x864.jpg 1536w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/the-future-of-branding-how-ai-and-human-creativity-work-together/" rel="bookmark" title="The Future of Branding: How AI and Human Creativity Work Together">The Future of Branding: How AI and Human Creativity Work Together</a></h3><div class="entry-excerpt"><p>Branding has always been about emotion, storytelling, and connection. But in 2025, the rules of design are being rewritten as&hellip;</p>
</div>
</div></article><article class="post visible post-8810 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/sustainability-in-design-from-trend-to-standard-in-2024/"><img decoding="async" width="2560" height="1707" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201707&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1707;" data-src="https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-300x200.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-1024x683.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-768x512.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-1536x1024.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-2048x1366.jpg 2048w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/sustainability-in-design-from-trend-to-standard-in-2024/" rel="bookmark" title="Sustainability in Design: From Trend to Standard in 2024">Sustainability in Design: From Trend to Standard in 2024</a></h3><div class="entry-excerpt"><p>In 2024, sustainability moved beyond being a buzzword — it became an industry standard. From packaging to branding to digital&hellip;</p>
</div>
</div></article><article class="post visible post-8616 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/aeon-studio-on-sketch-blog-a-milestone-in-our-creative-journey/"><img decoding="async" width="2560" height="1265" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201265&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1265;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-300x148.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-1024x506.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-768x380.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-1536x759.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-2048x1012.jpg 2048w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/aeon-studio-on-sketch-blog-a-milestone-in-our-creative-journey/" rel="bookmark" title="Aeon Studio on Sketch Blog: A Milestone in Our Creative Journey">Aeon Studio on Sketch Blog: A Milestone in Our Creative Journey</a></h3><div class="entry-excerpt"><p>Reading time: Date: Author: Aeon Studio on Sketch Blog One of our proudest moments in 2024 was being featured on&hellip;</p>
</div>
</div></article><article class="post visible post-8798 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/behind-the-award-winning-work-our-creative-process-at-aeon-studio/"><img decoding="async" width="2560" height="1440" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201440&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1440;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-768x432.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-1536x864.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-2048x1152.jpg 2048w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/behind-the-award-winning-work-our-creative-process-at-aeon-studio/" rel="bookmark" title="Behind the Award-Winning Work: Our Creative Process at Aeon Studio">Behind the Award-Winning Work: Our Creative Process at Aeon Studio</a></h3><div class="entry-excerpt"><p>Great design doesn’t happen by accident. Behind every successful brand is a deliberate and deeply human process — one that&hellip;</p>
</div>
</div></article><article class="post visible post-8644 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/aeon-studio-wins-gold-at-the-international-design-awards-for-premium-tartufi-label-design/"><img decoding="async" width="2560" height="1440" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201440&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1440;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-768x432.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-1536x864.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-2048x1152.jpg 2048w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/aeon-studio-wins-gold-at-the-international-design-awards-for-premium-tartufi-label-design/" rel="bookmark" title="Aeon Studio Wins Gold at the International Design Awards for Premium Tartufi Label Design">Aeon Studio Wins Gold at the International Design Awards for Premium Tartufi Label Design</a></h3><div class="entry-excerpt"><p>At Aeon Studio, design has always been about more than aesthetics — it’s about telling stories, creating emotional connections, and&hellip;</p>
</div>
</div></article><article class="post visible post-8595 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/color-of-the-year-2024/"><img decoding="async" width="1366" height="768" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201366%20768&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1366px) 100vw, 1366px" style="--ratio: 1366 / 768;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1.jpg 1366w, https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1-768x432.jpg 768w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/color-of-the-year-2024/" rel="bookmark" title="Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It">Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It</a></h3><div class="entry-excerpt"><p>Reading time: Date: Author: Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It&hellip;</p>
</div>
</div></article></div><div class="owl-nav disabled"><div class="owl-prev" role="button" tabindex="0" aria-label="Prev slide"><i class="fas fa-chevron-left"></i></div><div class="owl-next" role="button" tabindex="0" aria-label="Next slide"><i class="fas fa-chevron-right"></i></div></div>				</div>
				</div>
				</div>
				</div>
				</div>
				</div>
		<p>The post <a href="https://www.aeonstudio.design/the-future-of-branding-how-ai-and-human-creativity-work-together/">The Future of Branding: How AI and Human Creativity Work Together</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It</title>
		<link>https://www.aeonstudio.design/color-of-the-year-2024/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=color-of-the-year-2024</link>
		
		<dc:creator><![CDATA[Ana Kovačević]]></dc:creator>
		<pubDate>Thu, 18 Jan 2024 18:57:20 +0000</pubDate>
				<category><![CDATA[Stories]]></category>
		<guid isPermaLink="false">https://www.aeonstudio.design/?p=8595</guid>

					<description><![CDATA[<p>Reading time: Date: Author: Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It Each year, a single color captures the cultural spirit of the moment. For 2024, Pantone selected Peach Fuzz — a soft, warm hue that reflects community, tenderness, and optimism. But beyond symbolism, how can this&#8230;</p>
<p>The post <a href="https://www.aeonstudio.design/color-of-the-year-2024/">Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="8595" class="elementor elementor-8595" data-elementor-settings="{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-9959332 e-con-full e-flex e-con e-parent" data-id="9959332" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-4c1dfc3 e-con-full e-flex e-con e-child" data-id="4c1dfc3" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-61c8e2d elementor-widget elementor-widget-post-info" data-id="61c8e2d" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-7dc22d1 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="far fa-tags"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f707566 e-con-full e-flex e-con e-parent" data-id="f707566" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-a27c1b6 e-con-full e-flex e-con e-child" data-id="a27c1b6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				</div>
				</div>
		<div class="elementor-element elementor-element-f600592 e-flex e-con-boxed e-con e-parent" data-id="f600592" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-165e586 elementor-widget elementor-widget-html" data-id="165e586" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- Univerzalni HTML widget za animaciju teksta -->
<script src="https://cdn.jsdelivr.net/npm/split-type"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    function initTextAnimations() {
      document.querySelectorAll('.js-split-text').forEach(element => {
        let styleClass = element.getAttribute('data-style') || 'title-1';
        element.classList.add(styleClass);

        let split = new SplitType(element, {
          split: 'lines' // Samo linije umjesto riječi
        });

        element.querySelectorAll('.line').forEach((line, index) => {
          let delay = parseFloat(element.getAttribute('data-delay')) || 0;
          line.style.animationDelay = `${index * 0.2 + delay}s`; // Delay za svaku liniju
        });

        let observer = new IntersectionObserver((entries) => {
          entries.forEach(entry => {
            if (entry.isIntersecting) {
              entry.target.classList.add('in-view');
            } else {
              entry.target.classList.remove('in-view');
            }
          });
        }, { threshold: 0.1 });

        observer.observe(element);
      });
    }

    initTextAnimations();
  });
</script>
<style>
  /* Opća stilizacija */
  .js-split-text {
    overflow: hidden;
    position: relative;
  }

  /* Stilovi za title-1 */
  .title-1 {
    font-size: 64px;
    line-height: 0.8;
    color: #2C3545;
    font-weight: 500;
    letter-spacing: 0;
    font-family: 'Gilroy', sans-serif; /* Koristi Gilroy font */
  }

  /* Stilovi za title-2 */
  .title-2 {
    font-size: 16px;
    line-height: 1.3;
    color: #2C3545;
    font-weight: 200;
    letter-spacing: 0;
    font-family: 'Gilroy', sans-serif; /* Koristi Gilroy font */
  }

  /* Stilovi za title-3 */
  .title-3 {
    font-size: 30px;
    line-height: 1;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0;
    font-family: 'Gilroy', sans-serif; /* Koristi Gilroy font */
  }

  /* Stilovi za title-4 */
  .title-4 {
    font-size: 40px;
    line-height: 1;
    color: #2C3545;
    font-weight: 500;
    letter-spacing: 0;
    font-family: 'Gilroy', sans-serif; /* Koristi Gilroy font */
  }

  /* Animacija */
  .js-split-text .line {
    opacity: 0;
    transform: translateY(40px);
    animation: slide-in 0.5s cubic-bezier(.61,.9,.21,.92) forwards;
    animation-play-state: paused;
  }
  
  .js-split-text.in-view .line {
    animation-play-state: running;
  }

  @keyframes slide-in {
    from {
      transform: translateY(40px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
</style>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-304d23f e-flex e-con-boxed e-con e-parent" data-id="304d23f" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-9b798b6 e-con-full e-flex e-con e-child" data-id="9b798b6" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-2ea7a46 e-con-full left-content e-flex e-con e-child" data-id="2ea7a46" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-04986a5 e-con-full e-flex e-con e-child" data-id="04986a5" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f69cfcb e-con-full e-flex e-con e-child" data-id="f69cfcb" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-03aedf0 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="03aedf0" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Reading time:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-d4a4663 elementor-widget elementor-widget-post-info" data-id="d4a4663" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-b6cbea5 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-clock"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										  3 minutes					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f28fe7e e-con-full e-flex e-con e-child" data-id="f28fe7e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f82b903 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f82b903" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Date:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-24b4b4d elementor-widget elementor-widget-post-info" data-id="24b4b4d" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-f7adbef elementor-inline-item" itemprop="datePublished">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-calendar"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date">
										<time>January 18, 2024</time>					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-683312b e-con-full e-flex e-con e-child" data-id="683312b" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-10ff2b2 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="10ff2b2" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Author:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-62da2d9 elementor-widget elementor-widget-post-info" data-id="62da2d9" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-a2bcb6b elementor-inline-item" itemprop="author">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-user"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-author">
										Ana Kovačević					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-f2728c4 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f2728c4" data-element_type="widget" data-e-type="widget" id="Minimalism" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It</b></h3><p class="p1">Each year, a single color captures the cultural spirit of the moment. For 2024, Pantone selected Peach Fuzz — a soft, warm hue that reflects community, tenderness, and optimism. But beyond symbolism, how can this color be applied in branding and design today?</p>								</div>
				</div>
		<div class="elementor-element elementor-element-8275d33 e-con-full e-flex e-con e-child" data-id="8275d33" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0a49c1b elementor-widget elementor-widget-image" data-id="0a49c1b" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="840" height="450" src="https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-colour-year-2024-peach-fuzz.webp" class="attachment-full size-full wp-image-8605" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-colour-year-2024-peach-fuzz.webp 840w, https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-colour-year-2024-peach-fuzz-300x161.webp 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-colour-year-2024-peach-fuzz-768x411.webp 768w" sizes="(max-width: 840px) 100vw, 840px" />															</div>
				</div>
				<div class="elementor-element elementor-element-90851ad elementor-widget elementor-widget-text-editor" data-id="90851ad" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									Image borowed from: <a href="https://www.inspirationswholesale.co.uk/blog/news/pantone-colour-of-the-year-2024/?srsltid=AfmBOoooHHi549Id_SQO-8WOC_4mqf2-83myMgmhXSxcKwgumaIeThXn">inspirationswholesale.co.uk</a>								</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-b6c2b3c elementor-invisible elementor-widget elementor-widget-text-editor" data-id="b6c2b3c" data-element_type="widget" data-e-type="widget" id="Brutalism" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p class="p1"><b>The Psychology of Peach Fuzz:</b><b></b></p><ul><li><p class="p1">Warmth and approachability</p></li><li><p class="p1">A sense of comfort and connection</p></li><li><p class="p1">Gentle optimism in a complex world</p></li></ul><p class="p1"><b>How to Use It in Design:</b><b></b></p><ul><li><p class="p1"><span class="s1"><b>Digital Media:</b></span> Buttons, CTAs, highlight gradients in UI/UX.</p></li><li><p class="p1"><span class="s1"><b>Branding &amp; Print:</b></span> Packaging accents, textured backgrounds, subtle overlays.</p></li><li><p class="p1"><span class="s1"><b>Marketing Collateral:</b></span> Lifestyle imagery with peach tones, photography filters, typography highlights.</p></li></ul><p class="p1"><b>Aeon Studio Tips:</b><b></b></p><ul><li><p class="p1">Combine Peach Fuzz with neutral palettes (grays, off-whites) for timeless balance.</p></li><li><p class="p1">Pair with bold contrasts (teal, navy, emerald) to create striking modern visuals.</p></li><li><p class="p1">Use sparingly as an accent in corporate design — or boldly as a hero color in lifestyle branding.</p></li></ul>								</div>
				</div>
				<div class="elementor-element elementor-element-b3e2922 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="b3e2922" data-element_type="widget" data-e-type="widget" id="conclusion" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Conclusion</b></h3><p class="p3">2024 is less about chasing “what’s new” and more about redefining the familiar. For brands, the opportunity lies in balancing modern functionality with emotional resonance. These trends are not just styles — they’re strategic choices for staying relevant.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-fd3b6cd elementor-invisible elementor-widget elementor-widget-text-editor" data-id="fd3b6cd" data-element_type="widget" data-e-type="widget" id="links" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><a href="https://www.pantone.com/color-of-the-year/2024?srsltid=AfmBOoogaY_75wZjd1MrBefYXcwFYPWbUuo2xGosaR1K-kt6anm3t5TF"><b>Links</b></a></h3><p class="p3"><a href="https://www.pantone.com/color-of-the-year/2024?srsltid=AfmBOoogaY_75wZjd1MrBefYXcwFYPWbUuo2xGosaR1K-kt6anm3t5TF" target="_blank" rel="noopener">Pantone.com</a></p>								</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-1d7388b e-con-full e-flex e-con e-child" data-id="1d7388b" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f346ac1 e-con-full the7-e-sticky-row-yes e-flex e-con e-child" data-id="f346ac1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;the7_sticky_row&quot;:&quot;yes&quot;,&quot;the7_sticky_row_offset&quot;:100,&quot;the7_sticky_parent&quot;:&quot;yes&quot;,&quot;the7_sticky_parent_bottom_offset&quot;:20,&quot;the7_sticky_row_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;]}">
				<div class="elementor-element elementor-element-63822be elementor-widget elementor-widget-heading" data-id="63822be" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Table of contents</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-6922162 e-transform elementor-widget elementor-widget-heading" data-id="6922162" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#Minimalism">Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-a5e1b59 e-transform elementor-widget elementor-widget-heading" data-id="a5e1b59" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#Brutalism">How to Use It in Design:</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b9e5046 e-transform elementor-widget elementor-widget-heading" data-id="b9e5046" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#conclusion">How We Guide Clients Through Trend Decisions</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-9a137e3 e-transform elementor-widget elementor-widget-heading" data-id="9a137e3" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#links">Links</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-67097ff elementor-widget elementor-widget-heading" data-id="67097ff" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Reading time</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b47d78f elementor-widget elementor-widget-html" data-id="b47d78f" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- PROGRESS BAR -->
<div id="reading-progress-container">
    <div id="reading-progress-bar"></div>
</div>

<style>
    /* Kontejner koji drži progress bar */
    #reading-progress-container {
        width: 100%;
        height: 5px; /* Visina progress bara */
        background: rgba(0, 0, 0, 0.1);
        position: relative;
        overflow: hidden;
    }

    /* Sama crta koja pokazuje progress */
    #reading-progress-bar {
        height: 5px;
        width: 0%;
        background: #FF5D21;
        transition: width 0.1s ease-out;
    }
</style>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        const progressBar = document.getElementById("reading-progress-bar");
        const section = document.querySelector(".left-content"); // Sekcija s tekstom
        const progressContainer = document.getElementById("reading-progress-container");

        if (!section || !progressContainer) {
            console.error("Nije pronađena sekcija ili progress bar container.");
            return;
        }

        let hasStarted = false; // Sprečava prerano pokretanje

        function isInViewport(element) {
            const rect = element.getBoundingClientRect();
            return rect.top < window.innerHeight && rect.bottom > 0;
        }

        function updateProgressBar() {
            if (!hasStarted && isInViewport(progressContainer)) {
                hasStarted = true; // Počinje kada je progress bar u viewportu
            }

            if (hasStarted) {
                const sectionRect = section.getBoundingClientRect();
                const progressRect = progressContainer.getBoundingClientRect();
                
                const scrollTop = window.scrollY;
                const sectionHeight = section.offsetHeight;
                const windowHeight = window.innerHeight;

                // Početak i kraj praćenja su pomaknuti tako da uzmemo u obzir gdje je bar
                const sectionStart = scrollTop + sectionRect.top - windowHeight;
                const sectionEnd = scrollTop + sectionRect.bottom;

                if (scrollTop >= sectionStart && scrollTop <= sectionEnd) {
                    const scrollPosition = scrollTop - sectionStart;
                    const scrollPercent = (scrollPosition / (sectionHeight + windowHeight)) * 100;

                    progressBar.style.width = Math.min(100, Math.max(0, scrollPercent)) + "%";
                }
            }
        }

        window.addEventListener("scroll", updateProgressBar);
    });
</script>				</div>
				</div>
				<div class="elementor-element elementor-element-9fa253b elementor-widget elementor-widget-post-info" data-id="9fa253b" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-b6cbea5 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-clock"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										  3 minutes					</span>
								</li>
				</ul>
						</div>
				</div>
				<div class="elementor-element elementor-element-a097531 elementor-widget elementor-widget-heading" data-id="a097531" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Share</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-5cdaac2 elementor-share-buttons--shape-circle elementor-share-buttons--color-custom elementor-share-buttons--view-icon-text elementor-share-buttons--skin-gradient elementor-grid-0 elementor-widget elementor-widget-share-buttons" data-id="5cdaac2" data-element_type="widget" data-e-type="widget" data-widget_type="share-buttons.default">
				<div class="elementor-widget-container">
							<div class="elementor-grid" role="list">
								<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_facebook" role="button" tabindex="0" aria-label="Share on facebook">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-facebook" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_x-twitter" role="button" tabindex="0" aria-label="Share on x-twitter">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-x-twitter" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_pinterest" role="button" tabindex="0" aria-label="Share on pinterest">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-pinterest" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_linkedin" role="button" tabindex="0" aria-label="Share on linkedin">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-linkedin" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_email" role="button" tabindex="0" aria-label="Share on email">
															<span class="elementor-share-btn__icon">
								<i class="fas fa-envelope" aria-hidden="true"></i>							</span>
																				</div>
					</div>
						</div>
						</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-a1782a1 e-con-full e-flex e-con e-parent" data-id="a1782a1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
		<div class="elementor-element elementor-element-b15a719 e-con-full e-flex e-con e-child" data-id="b15a719" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-ef176ad e-con-full e-flex e-con e-child" data-id="ef176ad" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-fa326fc elementor-invisible elementor-widget elementor-widget-text-editor" data-id="fa326fc" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInRight&quot;,&quot;_animation_delay&quot;:1000}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>&gt;_ You liked this one?</p>								</div>
				</div>
				<div class="elementor-element elementor-element-4b46f36 elementor-widget elementor-widget-html" data-id="4b46f36" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div class="js-split-text" data-style="title-4" data-delay="0.3">Wanna see<br/>more?

</div>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-b7371d6 e-con-full e-flex e-con e-child" data-id="b7371d6" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ea15007 arrows-relative-to-box_area preserve-img-ratio-cover bullets-small-dot-stroke elementor-widget elementor-widget-the7_elements_carousel" data-id="ea15007" data-element_type="widget" data-e-type="widget" data-settings="{&quot;widget_columns&quot;:2.3,&quot;gap_between_posts&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:40,&quot;sizes&quot;:[]},&quot;widget_columns_mobile&quot;:1.2,&quot;gap_between_posts_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;widget_columns_tablet&quot;:2,&quot;gap_between_posts_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="the7_elements_carousel.default">
				<div class="elementor-widget-container">
					<div class="disable-arrows-hover-bg the7_elements_carousel-ea15007 owl-carousel portfolio-carousel-shortcode elementor-owl-carousel-call portfolio-shortcode the7-elementor-widget content-bg-on classic-layout-list description-under-image quick-scale-img meta-info-off" data-scroll-mode="1" data-auto-height="false" data-speed="600" data-autoplay="false" data-autoplay_speed=""><article class="post visible post-13817 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust-2/"><img decoding="async" width="1851" height="560" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201851%20560&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1851px) 100vw, 1851px" style="--ratio: 1851 / 560;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3.jpg 1851w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3-300x91.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3-1024x310.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3-768x232.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3-1536x465.jpg 1536w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust-2/" rel="bookmark" title="Why Most Websites Feel the Same (and Why That’s a Problem)">Why Most Websites Feel the Same (and Why That’s a Problem)</a></h3><div class="entry-excerpt"><p>In 2026, most websites feel familiar — almost interchangeable. This is not accidental. It is the result of design systems,&hellip;</p>
</div>
</div></article><article class="post visible post-13797 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust/"><img decoding="async" width="1408" height="768" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201408%20768&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1408px) 100vw, 1408px" style="--ratio: 1408 / 768;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2.png 1408w, https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2-300x164.png 300w, https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2-1024x559.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2-768x419.png 768w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust/" rel="bookmark" title="The First 3 Seconds Are Not About Design, They Are About Trust">The First 3 Seconds Are Not About Design, They Are About Trust</a></h3><div class="entry-excerpt"><p>Most brands believe they lose attention because of weak design. In reality, they lose attention because they fail to establish&hellip;</p>
</div>
</div></article><article class="post visible post-13785 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/year-end-message-thank-you-2026-outlook/"><img decoding="async" width="1594" height="672" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201594%20672&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1594px) 100vw, 1594px" style="--ratio: 1594 / 672;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2.png 1594w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-300x126.png 300w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-1024x432.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-768x324.png 768w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-1536x648.png 1536w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/year-end-message-thank-you-2026-outlook/" rel="bookmark" title="Year-End Message: Thank You &amp; 2026 Outlook">Year-End Message: Thank You &amp; 2026 Outlook</a></h3><div class="entry-excerpt"><p>Every year in design is defined not only by trends and technology, but by the people and partnerships behind the&hellip;</p>
</div>
</div></article><article class="post visible post-13775 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/pantone-color-of-the-year-mocha-mousse-in-modern-branding/"><img decoding="async" width="1408" height="768" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201408%20768&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1408px) 100vw, 1408px" style="--ratio: 1408 / 768;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse.png 1408w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse-300x164.png 300w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse-1024x559.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse-768x419.png 768w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/pantone-color-of-the-year-mocha-mousse-in-modern-branding/" rel="bookmark" title="Pantone Color of the Year: Mocha Mousse in Modern Branding">Pantone Color of the Year: Mocha Mousse in Modern Branding</a></h3><div class="entry-excerpt"><p>Color remains one of the most powerful emotional triggers in branding. For 2025, Pantone has introduced Mocha Mousse (Pantone 17-1230)&hellip;</p>
</div>
</div></article><article class="post visible post-13755 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/design-trends-that-will-define-2025-2/"><img decoding="async" width="1408" height="768" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201408%20768&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1408px) 100vw, 1408px" style="--ratio: 1408 / 768;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1.png 1408w, https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1-300x164.png 300w, https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1-1024x559.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1-768x419.png 768w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/design-trends-that-will-define-2025-2/" rel="bookmark" title="AI in Branding: Collaboration, Not Replacement">AI in Branding: Collaboration, Not Replacement</a></h3><div class="entry-excerpt"><p>Branding has always been about emotion, storytelling, and connection. But in 2025, artificial intelligence is no longer a distant concept&hellip;</p>
</div>
</div></article><article class="post visible post-13742 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/design-trends-that-will-define-2025/"><img decoding="async" width="1594" height="672" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201594%20672&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1594px) 100vw, 1594px" style="--ratio: 1594 / 672;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3.png 1594w, https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3-300x126.png 300w, https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3-1024x432.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3-768x324.png 768w, https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3-1536x648.png 1536w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/design-trends-that-will-define-2025/" rel="bookmark" title="Design Trends That Will Define 2025">Design Trends That Will Define 2025</a></h3><div class="entry-excerpt"><p>Every new year in design is less about aesthetic novelty and more about strategic evolution. In 2025, branding continues shifting&hellip;</p>
</div>
</div></article><article class="post visible post-8789 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/the-future-of-branding-how-ai-and-human-creativity-work-together/"><img decoding="async" width="2048" height="1152" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202048%201152&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2048px) 100vw, 2048px" style="--ratio: 2048 / 1152;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog.jpg 2048w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-768x432.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-1536x864.jpg 1536w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/the-future-of-branding-how-ai-and-human-creativity-work-together/" rel="bookmark" title="The Future of Branding: How AI and Human Creativity Work Together">The Future of Branding: How AI and Human Creativity Work Together</a></h3><div class="entry-excerpt"><p>Branding has always been about emotion, storytelling, and connection. But in 2025, the rules of design are being rewritten as&hellip;</p>
</div>
</div></article><article class="post visible post-8810 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/sustainability-in-design-from-trend-to-standard-in-2024/"><img decoding="async" width="2560" height="1707" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201707&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1707;" data-src="https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-300x200.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-1024x683.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-768x512.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-1536x1024.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-2048x1366.jpg 2048w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/sustainability-in-design-from-trend-to-standard-in-2024/" rel="bookmark" title="Sustainability in Design: From Trend to Standard in 2024">Sustainability in Design: From Trend to Standard in 2024</a></h3><div class="entry-excerpt"><p>In 2024, sustainability moved beyond being a buzzword — it became an industry standard. From packaging to branding to digital&hellip;</p>
</div>
</div></article><article class="post visible post-8616 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/aeon-studio-on-sketch-blog-a-milestone-in-our-creative-journey/"><img decoding="async" width="2560" height="1265" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201265&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1265;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-300x148.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-1024x506.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-768x380.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-1536x759.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-2048x1012.jpg 2048w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/aeon-studio-on-sketch-blog-a-milestone-in-our-creative-journey/" rel="bookmark" title="Aeon Studio on Sketch Blog: A Milestone in Our Creative Journey">Aeon Studio on Sketch Blog: A Milestone in Our Creative Journey</a></h3><div class="entry-excerpt"><p>Reading time: Date: Author: Aeon Studio on Sketch Blog One of our proudest moments in 2024 was being featured on&hellip;</p>
</div>
</div></article><article class="post visible post-8798 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/behind-the-award-winning-work-our-creative-process-at-aeon-studio/"><img decoding="async" width="2560" height="1440" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201440&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1440;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-768x432.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-1536x864.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-2048x1152.jpg 2048w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/behind-the-award-winning-work-our-creative-process-at-aeon-studio/" rel="bookmark" title="Behind the Award-Winning Work: Our Creative Process at Aeon Studio">Behind the Award-Winning Work: Our Creative Process at Aeon Studio</a></h3><div class="entry-excerpt"><p>Great design doesn’t happen by accident. Behind every successful brand is a deliberate and deeply human process — one that&hellip;</p>
</div>
</div></article><article class="post visible post-8644 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/aeon-studio-wins-gold-at-the-international-design-awards-for-premium-tartufi-label-design/"><img decoding="async" width="2560" height="1440" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201440&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1440;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-768x432.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-1536x864.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-2048x1152.jpg 2048w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/aeon-studio-wins-gold-at-the-international-design-awards-for-premium-tartufi-label-design/" rel="bookmark" title="Aeon Studio Wins Gold at the International Design Awards for Premium Tartufi Label Design">Aeon Studio Wins Gold at the International Design Awards for Premium Tartufi Label Design</a></h3><div class="entry-excerpt"><p>At Aeon Studio, design has always been about more than aesthetics — it’s about telling stories, creating emotional connections, and&hellip;</p>
</div>
</div></article><article class="post visible post-8595 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/color-of-the-year-2024/"><img decoding="async" width="1366" height="768" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201366%20768&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1366px) 100vw, 1366px" style="--ratio: 1366 / 768;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1.jpg 1366w, https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1-768x432.jpg 768w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/color-of-the-year-2024/" rel="bookmark" title="Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It">Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It</a></h3><div class="entry-excerpt"><p>Reading time: Date: Author: Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It&hellip;</p>
</div>
</div></article></div><div class="owl-nav disabled"><div class="owl-prev" role="button" tabindex="0" aria-label="Prev slide"><i class="fas fa-chevron-left"></i></div><div class="owl-next" role="button" tabindex="0" aria-label="Next slide"><i class="fas fa-chevron-right"></i></div></div>				</div>
				</div>
				</div>
				</div>
				</div>
				</div>
		<p>The post <a href="https://www.aeonstudio.design/color-of-the-year-2024/">Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Design Trends 2024: What’s Worth Implementing—and What’s History</title>
		<link>https://www.aeonstudio.design/design-trends-2024/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=design-trends-2024</link>
		
		<dc:creator><![CDATA[Ana Kovačević]]></dc:creator>
		<pubDate>Thu, 28 Dec 2023 10:03:00 +0000</pubDate>
				<category><![CDATA[Stories]]></category>
		<guid isPermaLink="false">https://www.aeonstudio.design/?p=7465</guid>

					<description><![CDATA[<p>Reading time: Date: Author: In a world where design and technology constantly redefine the rules, what felt fresh in 2018 may now look outdated. In 2024, design embraces both nostalgia and innovation — merging analog warmth with digital clarity, and focusing not just on aesthetics but also on meaning and functionality. 1. Retrofuturism &#38; ’70s&#8230;</p>
<p>The post <a href="https://www.aeonstudio.design/design-trends-2024/">Design Trends 2024: What’s Worth Implementing—and What’s History</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="7465" class="elementor elementor-7465" data-elementor-settings="{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-9959332 e-con-full e-flex e-con e-parent" data-id="9959332" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-4c1dfc3 e-con-full e-flex e-con e-child" data-id="4c1dfc3" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-61c8e2d elementor-widget elementor-widget-post-info" data-id="61c8e2d" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-7dc22d1 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="far fa-tags"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										Design Trends 2024: What’s Worth Implementing—and What’s History					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f707566 e-con-full e-flex e-con e-parent" data-id="f707566" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-a27c1b6 e-con-full e-flex e-con e-child" data-id="a27c1b6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				</div>
				</div>
		<div class="elementor-element elementor-element-f600592 e-flex e-con-boxed e-con e-parent" data-id="f600592" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-165e586 elementor-widget elementor-widget-html" data-id="165e586" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- Univerzalni HTML widget za animaciju teksta -->
<script src="https://cdn.jsdelivr.net/npm/split-type"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    function initTextAnimations() {
      document.querySelectorAll('.js-split-text').forEach(element => {
        let styleClass = element.getAttribute('data-style') || 'title-1';
        element.classList.add(styleClass);

        let split = new SplitType(element, {
          split: 'lines' // Samo linije umjesto riječi
        });

        element.querySelectorAll('.line').forEach((line, index) => {
          let delay = parseFloat(element.getAttribute('data-delay')) || 0;
          line.style.animationDelay = `${index * 0.2 + delay}s`; // Delay za svaku liniju
        });

        let observer = new IntersectionObserver((entries) => {
          entries.forEach(entry => {
            if (entry.isIntersecting) {
              entry.target.classList.add('in-view');
            } else {
              entry.target.classList.remove('in-view');
            }
          });
        }, { threshold: 0.1 });

        observer.observe(element);
      });
    }

    initTextAnimations();
  });
</script>
<style>
  /* Opća stilizacija */
  .js-split-text {
    overflow: hidden;
    position: relative;
  }

  /* Stilovi za title-1 */
  .title-1 {
    font-size: 64px;
    line-height: 0.8;
    color: #2C3545;
    font-weight: 500;
    letter-spacing: 0;
    font-family: 'Gilroy', sans-serif; /* Koristi Gilroy font */
  }

  /* Stilovi za title-2 */
  .title-2 {
    font-size: 16px;
    line-height: 1.3;
    color: #2C3545;
    font-weight: 200;
    letter-spacing: 0;
    font-family: 'Gilroy', sans-serif; /* Koristi Gilroy font */
  }

  /* Stilovi za title-3 */
  .title-3 {
    font-size: 30px;
    line-height: 1;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0;
    font-family: 'Gilroy', sans-serif; /* Koristi Gilroy font */
  }

  /* Stilovi za title-4 */
  .title-4 {
    font-size: 40px;
    line-height: 1;
    color: #2C3545;
    font-weight: 500;
    letter-spacing: 0;
    font-family: 'Gilroy', sans-serif; /* Koristi Gilroy font */
  }

  /* Animacija */
  .js-split-text .line {
    opacity: 0;
    transform: translateY(40px);
    animation: slide-in 0.5s cubic-bezier(.61,.9,.21,.92) forwards;
    animation-play-state: paused;
  }
  
  .js-split-text.in-view .line {
    animation-play-state: running;
  }

  @keyframes slide-in {
    from {
      transform: translateY(40px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
</style>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-304d23f e-flex e-con-boxed e-con e-parent" data-id="304d23f" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-9b798b6 e-con-full e-flex e-con e-child" data-id="9b798b6" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-2ea7a46 e-con-full left-content e-flex e-con e-child" data-id="2ea7a46" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-04986a5 e-con-full e-flex e-con e-child" data-id="04986a5" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f69cfcb e-con-full e-flex e-con e-child" data-id="f69cfcb" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-03aedf0 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="03aedf0" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Reading time:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-d4a4663 elementor-widget elementor-widget-post-info" data-id="d4a4663" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-b6cbea5 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-clock"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										  5 minutes					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f28fe7e e-con-full e-flex e-con e-child" data-id="f28fe7e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f82b903 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f82b903" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Date:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-24b4b4d elementor-widget elementor-widget-post-info" data-id="24b4b4d" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-f7adbef elementor-inline-item" itemprop="datePublished">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-calendar"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date">
										<time>December 28, 2023</time>					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-683312b e-con-full e-flex e-con e-child" data-id="683312b" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-10ff2b2 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="10ff2b2" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Author:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-62da2d9 elementor-widget elementor-widget-post-info" data-id="62da2d9" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-a2bcb6b elementor-inline-item" itemprop="author">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-user"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-author">
										Ana Kovačević					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-75da6a0 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="75da6a0" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>In a world where design and technology constantly redefine the rules, what felt fresh in 2018 may now look outdated. In 2024, design embraces both nostalgia and innovation — merging analog warmth with digital clarity, and focusing not just on aesthetics but also on meaning and functionality.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-f2728c4 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f2728c4" data-element_type="widget" data-e-type="widget" id="Minimalism" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>1. Retrofuturism &amp; ’70s Nostalgia </b></h3><p class="p1">Retro never truly disappears — it reinvents itself. In 2024, designers are looking back at the optimism of the ’70s and mixing it with futuristic elements. Muted earth tones, bold geometric patterns, and gradients inspired by analog print techniques meet modern, digital polish. Brands use this blend to evoke familiarity while signaling innovation, striking a balance between comfort and progress.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-8275d33 e-con-full e-flex e-con e-child" data-id="8275d33" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0a49c1b elementor-widget elementor-widget-image" data-id="0a49c1b" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="2400" height="1350" src="https://www.aeonstudio.design/wp-content/uploads/2023/12/SOC110-Retro-Design-Trends-Blog.png.webp" class="attachment-full size-full wp-image-8568" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2023/12/SOC110-Retro-Design-Trends-Blog.png.webp 2400w, https://www.aeonstudio.design/wp-content/uploads/2023/12/SOC110-Retro-Design-Trends-Blog.png-300x169.webp 300w, https://www.aeonstudio.design/wp-content/uploads/2023/12/SOC110-Retro-Design-Trends-Blog.png-1024x576.webp 1024w, https://www.aeonstudio.design/wp-content/uploads/2023/12/SOC110-Retro-Design-Trends-Blog.png-768x432.webp 768w, https://www.aeonstudio.design/wp-content/uploads/2023/12/SOC110-Retro-Design-Trends-Blog.png-1536x864.webp 1536w, https://www.aeonstudio.design/wp-content/uploads/2023/12/SOC110-Retro-Design-Trends-Blog.png-2048x1152.webp 2048w" sizes="(max-width: 2400px) 100vw, 2400px" />															</div>
				</div>
				<div class="elementor-element elementor-element-90851ad elementor-widget elementor-widget-text-editor" data-id="90851ad" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									Image borowed from: <a href="https://elements.envato.com/learn/retro-graphic-design-trends">Envato.com</a>								</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-b6c2b3c elementor-invisible elementor-widget elementor-widget-text-editor" data-id="b6c2b3c" data-element_type="widget" data-e-type="widget" id="Brutalism" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>2. Anti-Design &amp; Experimental Typography </b></h3><p class="p1">Perfect grids and clean layouts are giving way to intentional disruption. Anti-design challenges conventions by embracing asymmetry, clashing fonts, distorted type, and layered visuals. It’s not about chaos for chaos’ sake — but about creating bold, unforgettable statements that grab attention in a noisy digital landscape. For brands that want to stand out, experimental typography communicates confidence and modern edge</p>								</div>
				</div>
		<div class="elementor-element elementor-element-83b4449 e-con-full e-flex e-con e-child" data-id="83b4449" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ddfc18a elementor-widget elementor-widget-image" data-id="ddfc18a" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1424" height="1258" src="https://www.aeonstudio.design/wp-content/uploads/2023/12/07Wd66D7RIx7HjUq3.webp" class="attachment-full size-full wp-image-8569" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2023/12/07Wd66D7RIx7HjUq3.webp 1424w, https://www.aeonstudio.design/wp-content/uploads/2023/12/07Wd66D7RIx7HjUq3-300x265.webp 300w, https://www.aeonstudio.design/wp-content/uploads/2023/12/07Wd66D7RIx7HjUq3-1024x905.webp 1024w, https://www.aeonstudio.design/wp-content/uploads/2023/12/07Wd66D7RIx7HjUq3-768x678.webp 768w" sizes="(max-width: 1424px) 100vw, 1424px" />															</div>
				</div>
				<div class="elementor-element elementor-element-2090dbb elementor-widget elementor-widget-text-editor" data-id="2090dbb" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Image borowed from: <a href="https://schrockstudios.medium.com/design-trends-2022-mixing-things-up-4924b535530e">SCHROCKSTUDIOS</a></p>								</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-3daa850 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="3daa850" data-element_type="widget" data-e-type="widget" id="Gradients" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>3. </b><b>Abstract Gradients &amp; Rich Textures</b></h3><p class="p1">Gradients have matured far beyond simple two-color blends. In 2024, we’re seeing multidimensional gradients combined with textures — think metallic sheens, iridescent layers, and organic transitions. These create depth and tactility, making digital designs feel more “real.” They’re being applied across web, app interfaces, and even packaging to bridge the gap between flat digital visuals and sensory experience.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-06e3c59 e-con-full e-flex e-con e-child" data-id="06e3c59" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0869c5d elementor-widget elementor-widget-image" data-id="0869c5d" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="2560" height="1096" src="https://www.aeonstudio.design/wp-content/uploads/2018/07/freepik-aeon-studio.jpg" class="attachment-full size-full wp-image-7483" alt="Freepik aeon studio" srcset="https://www.aeonstudio.design/wp-content/uploads/2018/07/freepik-aeon-studio.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2018/07/freepik-aeon-studio-300x128.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2018/07/freepik-aeon-studio-1024x438.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2018/07/freepik-aeon-studio-768x329.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2018/07/freepik-aeon-studio-1536x658.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2018/07/freepik-aeon-studio-2048x877.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" />															</div>
				</div>
				<div class="elementor-element elementor-element-466a65e elementor-widget elementor-widget-text-editor" data-id="466a65e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Screenshot from: <a href="https://www.freepik.com/free-photos-vectors/gradient-design">FREEPIK</a></p>								</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-808f29a elementor-invisible elementor-widget elementor-widget-text-editor" data-id="808f29a" data-element_type="widget" data-e-type="widget" id="Custom" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>4. </b><b>Custom Patterns &amp; Motifs</b></h3><p class="p1">Stock imagery and generic assets are losing ground to highly customized, branded motifs. From repeating illustrations to hand-drawn icons and abstract patterns, these assets give brands a unique fingerprint. Patterns are being used as backgrounds in digital layouts, as wrapping in packaging design, and even as subtle textures in UI — ensuring that every touchpoint feels distinctive and consistent.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-b2c9443 e-con-full e-flex e-con e-child" data-id="b2c9443" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-066b415 elementor-widget elementor-widget-image" data-id="066b415" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1000" height="750" src="https://www.aeonstudio.design/wp-content/uploads/2023/12/floral-pattern.jpg.webp" class="attachment-full size-full wp-image-8573" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2023/12/floral-pattern.jpg.webp 1000w, https://www.aeonstudio.design/wp-content/uploads/2023/12/floral-pattern.jpg-300x225.webp 300w, https://www.aeonstudio.design/wp-content/uploads/2023/12/floral-pattern.jpg-768x576.webp 768w" sizes="(max-width: 1000px) 100vw, 1000px" />															</div>
				</div>
				<div class="elementor-element elementor-element-6a900b3 elementor-widget elementor-widget-text-editor" data-id="6a900b3" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Screenshot from: <a href="https://freepatternworld.com/top-1000-custom-pattern-designs/#google_vignette">FREEPATTERNWORLD.COM</a></p>								</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-312af1f elementor-invisible elementor-widget elementor-widget-text-editor" data-id="312af1f" data-element_type="widget" data-e-type="widget" id="Motion" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>5. </b><b>Utilitarian Minimalism</b></h3><p class="p1">Minimalism remains a dominant force, but in 2024 it takes on a more functional face. This isn’t minimalism for aesthetic’s sake — it’s about improving usability. Simple color palettes, generous whitespace, and clear hierarchy allow users to navigate faster and with less friction. For brands, utilitarian design communicates transparency, trust, and a focus on real value instead of decoration.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-0215065 e-con-full e-flex e-con e-child" data-id="0215065" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-295f95e elementor-widget elementor-widget-image" data-id="295f95e" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="2048" height="1152" src="https://www.aeonstudio.design/wp-content/uploads/2018/07/Showcasing-Minimalism-in-Action_-Examples-Inspiration-2048x1152-1.jpg" class="attachment-full size-full wp-image-7475" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2018/07/Showcasing-Minimalism-in-Action_-Examples-Inspiration-2048x1152-1.jpg 2048w, https://www.aeonstudio.design/wp-content/uploads/2018/07/Showcasing-Minimalism-in-Action_-Examples-Inspiration-2048x1152-1-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2018/07/Showcasing-Minimalism-in-Action_-Examples-Inspiration-2048x1152-1-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2018/07/Showcasing-Minimalism-in-Action_-Examples-Inspiration-2048x1152-1-768x432.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2018/07/Showcasing-Minimalism-in-Action_-Examples-Inspiration-2048x1152-1-1536x864.jpg 1536w" sizes="(max-width: 2048px) 100vw, 2048px" />															</div>
				</div>
				<div class="elementor-element elementor-element-7095480 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="7095480" data-element_type="widget" data-e-type="widget" id="Experimental" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>6. AI &amp; Mixed-Media Mashups</b></h3><p class="p3">With AI becoming a mainstream design tool, many creatives are merging machine-generated imagery with hand-crafted elements. Collage styles, glitch effects, doodles layered over digital renderings — these mashups create visuals that feel both futuristic and human. This trend emphasizes playfulness, experimentation, and the creative dialogue between technology and personal expression.</p>								</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-2d5b62a e-con-full e-flex e-con e-child" data-id="2d5b62a" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-224f4ac elementor-widget elementor-widget-image" data-id="224f4ac" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1152" height="896" src="https://www.aeonstudio.design/wp-content/uploads/2023/12/hJCDInxQ9INJxoyLfNGw-0-g71k8.jpg" class="attachment-full size-full wp-image-8575" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2023/12/hJCDInxQ9INJxoyLfNGw-0-g71k8.jpg 1152w, https://www.aeonstudio.design/wp-content/uploads/2023/12/hJCDInxQ9INJxoyLfNGw-0-g71k8-300x233.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2023/12/hJCDInxQ9INJxoyLfNGw-0-g71k8-1024x796.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2023/12/hJCDInxQ9INJxoyLfNGw-0-g71k8-768x597.jpg 768w" sizes="(max-width: 1152px) 100vw, 1152px" />															</div>
				</div>
				<div class="elementor-element elementor-element-90dc64d elementor-invisible elementor-widget elementor-widget-text-editor" data-id="90dc64d" data-element_type="widget" data-e-type="widget" id="Guide" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>7. Biophilic &amp; Nature-Inspired Design</b></h3><p class="p3">As sustainability becomes a central value for consumers, brands are turning to nature for inspiration. Organic shapes, earthy tones, botanical textures, and natural gradients are everywhere in 2024. From eco-friendly packaging to digital backgrounds, biophilic design creates a sense of calm and responsibility. It’s not just visual — it signals alignment with conscious, environmentally aware lifestyles.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-a584f2b elementor-widget elementor-widget-image" data-id="a584f2b" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="999" height="548" src="https://www.aeonstudio.design/wp-content/uploads/2023/12/ba744c_4922628a111b4e5ea042e17fb677abe8mv2.jpg.avif" class="attachment-full size-full wp-image-8580" alt="" />															</div>
				</div>
				<div class="elementor-element elementor-element-45b42d6 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="45b42d6" data-element_type="widget" data-e-type="widget" id="nostalgic" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>8. Nostalgic Micro-Aesthetics</b></h3><p class="p3">Internet culture continues to shape design in unexpected ways. Aesthetics like Frutiger Aero (early 2000s skeuomorphic web look) or Whimsigoth (a dreamy, gothic-fantasy vibe) have gained traction through TikTok and niche online communities. These micro-aesthetics bring cultural nostalgia into mainstream branding, allowing companies to tap into emotional memory while still feeling playful and contemporary.</p>								</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-b7e57ff e-con-full e-flex e-con e-child" data-id="b7e57ff" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f6f195a elementor-widget elementor-widget-image" data-id="f6f195a" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1200" height="790" src="https://www.aeonstudio.design/wp-content/uploads/2023/12/article-12-retro-inspired-designs-01.png" class="attachment-full size-full wp-image-8581" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2023/12/article-12-retro-inspired-designs-01.png 1200w, https://www.aeonstudio.design/wp-content/uploads/2023/12/article-12-retro-inspired-designs-01-300x198.png 300w, https://www.aeonstudio.design/wp-content/uploads/2023/12/article-12-retro-inspired-designs-01-1024x674.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2023/12/article-12-retro-inspired-designs-01-768x506.png 768w" sizes="(max-width: 1200px) 100vw, 1200px" />															</div>
				</div>
				<div class="elementor-element elementor-element-21e8a3d elementor-widget elementor-widget-text-editor" data-id="21e8a3d" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									Screenshot from: <a href="https://deerdesigner.com/blog/the-power-of-nostalgia-in-design-using-retro-styles-in-your-brand-graphics-for-an-emotional-connection/">DEERDESIGNER.COM</a>								</div>
				</div>
				<div class="elementor-element elementor-element-b3e2922 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="b3e2922" data-element_type="widget" data-e-type="widget" id="conclusion" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Conclusion</b></h3><p class="p3">2024 is less about chasing “what’s new” and more about redefining the familiar. For brands, the opportunity lies in balancing modern functionality with emotional resonance. These trends are not just styles — they’re strategic choices for staying relevant.</p>								</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-1d7388b e-con-full e-flex e-con e-child" data-id="1d7388b" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f346ac1 e-con-full the7-e-sticky-row-yes e-flex e-con e-child" data-id="f346ac1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;the7_sticky_row&quot;:&quot;yes&quot;,&quot;the7_sticky_row_offset&quot;:100,&quot;the7_sticky_parent&quot;:&quot;yes&quot;,&quot;the7_sticky_parent_bottom_offset&quot;:20,&quot;the7_sticky_row_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;]}">
				<div class="elementor-element elementor-element-63822be elementor-widget elementor-widget-heading" data-id="63822be" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Table of contents</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-6922162 e-transform elementor-widget elementor-widget-heading" data-id="6922162" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#Minimalism">1. Retrofuturism &amp; ’70s Nostalgia</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-a5e1b59 e-transform elementor-widget elementor-widget-heading" data-id="a5e1b59" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#Brutalism">2. Anti-Design &amp; Experimental Typography</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-a1bb341 e-transform elementor-widget elementor-widget-heading" data-id="a1bb341" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#Gradients">3. Abstract Gradients &amp; Rich Textures</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-369f3e5 e-transform elementor-widget elementor-widget-heading" data-id="369f3e5" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#Custom">4. Custom Patterns &amp; Motifs</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-739b824 e-transform elementor-widget elementor-widget-heading" data-id="739b824" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#Motion">5. Utilitarian Minimalism</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-36c59af e-transform elementor-widget elementor-widget-heading" data-id="36c59af" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#Experimental">6. AI &amp; Mixed-Media Mashups</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b9e5046 e-transform elementor-widget elementor-widget-heading" data-id="b9e5046" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#Guide">7. Biophilic &amp; Nature-Inspired Design</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-4411025 e-transform elementor-widget elementor-widget-heading" data-id="4411025" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#nostalgic">8. Nostalgic Micro-Aesthetics</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-c67024c e-transform elementor-widget elementor-widget-heading" data-id="c67024c" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#conclusion">Conclusion</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-67097ff elementor-widget elementor-widget-heading" data-id="67097ff" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Reading time</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b47d78f elementor-widget elementor-widget-html" data-id="b47d78f" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- PROGRESS BAR -->
<div id="reading-progress-container">
    <div id="reading-progress-bar"></div>
</div>

<style>
    /* Kontejner koji drži progress bar */
    #reading-progress-container {
        width: 100%;
        height: 5px; /* Visina progress bara */
        background: rgba(0, 0, 0, 0.1);
        position: relative;
        overflow: hidden;
    }

    /* Sama crta koja pokazuje progress */
    #reading-progress-bar {
        height: 5px;
        width: 0%;
        background: #FF5D21;
        transition: width 0.1s ease-out;
    }
</style>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        const progressBar = document.getElementById("reading-progress-bar");
        const section = document.querySelector(".left-content"); // Sekcija s tekstom
        const progressContainer = document.getElementById("reading-progress-container");

        if (!section || !progressContainer) {
            console.error("Nije pronađena sekcija ili progress bar container.");
            return;
        }

        let hasStarted = false; // Sprečava prerano pokretanje

        function isInViewport(element) {
            const rect = element.getBoundingClientRect();
            return rect.top < window.innerHeight && rect.bottom > 0;
        }

        function updateProgressBar() {
            if (!hasStarted && isInViewport(progressContainer)) {
                hasStarted = true; // Počinje kada je progress bar u viewportu
            }

            if (hasStarted) {
                const sectionRect = section.getBoundingClientRect();
                const progressRect = progressContainer.getBoundingClientRect();
                
                const scrollTop = window.scrollY;
                const sectionHeight = section.offsetHeight;
                const windowHeight = window.innerHeight;

                // Početak i kraj praćenja su pomaknuti tako da uzmemo u obzir gdje je bar
                const sectionStart = scrollTop + sectionRect.top - windowHeight;
                const sectionEnd = scrollTop + sectionRect.bottom;

                if (scrollTop >= sectionStart && scrollTop <= sectionEnd) {
                    const scrollPosition = scrollTop - sectionStart;
                    const scrollPercent = (scrollPosition / (sectionHeight + windowHeight)) * 100;

                    progressBar.style.width = Math.min(100, Math.max(0, scrollPercent)) + "%";
                }
            }
        }

        window.addEventListener("scroll", updateProgressBar);
    });
</script>				</div>
				</div>
				<div class="elementor-element elementor-element-9fa253b elementor-widget elementor-widget-post-info" data-id="9fa253b" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-b6cbea5 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-clock"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										  5 minutes					</span>
								</li>
				</ul>
						</div>
				</div>
				<div class="elementor-element elementor-element-a097531 elementor-widget elementor-widget-heading" data-id="a097531" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Share</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-5cdaac2 elementor-share-buttons--shape-circle elementor-share-buttons--color-custom elementor-share-buttons--view-icon-text elementor-share-buttons--skin-gradient elementor-grid-0 elementor-widget elementor-widget-share-buttons" data-id="5cdaac2" data-element_type="widget" data-e-type="widget" data-widget_type="share-buttons.default">
				<div class="elementor-widget-container">
							<div class="elementor-grid" role="list">
								<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_facebook" role="button" tabindex="0" aria-label="Share on facebook">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-facebook" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_x-twitter" role="button" tabindex="0" aria-label="Share on x-twitter">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-x-twitter" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_pinterest" role="button" tabindex="0" aria-label="Share on pinterest">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-pinterest" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_linkedin" role="button" tabindex="0" aria-label="Share on linkedin">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-linkedin" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_email" role="button" tabindex="0" aria-label="Share on email">
															<span class="elementor-share-btn__icon">
								<i class="fas fa-envelope" aria-hidden="true"></i>							</span>
																				</div>
					</div>
						</div>
						</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-a1782a1 e-con-full e-flex e-con e-parent" data-id="a1782a1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
		<div class="elementor-element elementor-element-b15a719 e-con-full e-flex e-con e-child" data-id="b15a719" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-ef176ad e-con-full e-flex e-con e-child" data-id="ef176ad" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-fa326fc elementor-invisible elementor-widget elementor-widget-text-editor" data-id="fa326fc" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInRight&quot;,&quot;_animation_delay&quot;:1000}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>&gt;_ You liked this one?</p>								</div>
				</div>
				<div class="elementor-element elementor-element-4b46f36 elementor-widget elementor-widget-html" data-id="4b46f36" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div class="js-split-text" data-style="title-4" data-delay="0.3">Wanna see<br/>more?

</div>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-b7371d6 e-con-full e-flex e-con e-child" data-id="b7371d6" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ea15007 arrows-relative-to-box_area preserve-img-ratio-cover bullets-small-dot-stroke elementor-widget elementor-widget-the7_elements_carousel" data-id="ea15007" data-element_type="widget" data-e-type="widget" data-settings="{&quot;widget_columns&quot;:2.3,&quot;gap_between_posts&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:40,&quot;sizes&quot;:[]},&quot;widget_columns_mobile&quot;:1.2,&quot;gap_between_posts_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;widget_columns_tablet&quot;:2,&quot;gap_between_posts_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="the7_elements_carousel.default">
				<div class="elementor-widget-container">
					<div class="disable-arrows-hover-bg the7_elements_carousel-ea15007 owl-carousel portfolio-carousel-shortcode elementor-owl-carousel-call portfolio-shortcode the7-elementor-widget content-bg-on classic-layout-list description-under-image quick-scale-img meta-info-off" data-scroll-mode="1" data-auto-height="false" data-speed="600" data-autoplay="false" data-autoplay_speed=""><article class="post visible post-13817 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust-2/"><img decoding="async" width="1851" height="560" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201851%20560&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1851px) 100vw, 1851px" style="--ratio: 1851 / 560;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3.jpg 1851w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3-300x91.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3-1024x310.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3-768x232.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-3-1536x465.jpg 1536w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust-2/" rel="bookmark" title="Why Most Websites Feel the Same (and Why That’s a Problem)">Why Most Websites Feel the Same (and Why That’s a Problem)</a></h3><div class="entry-excerpt"><p>In 2026, most websites feel familiar — almost interchangeable. This is not accidental. It is the result of design systems,&hellip;</p>
</div>
</div></article><article class="post visible post-13797 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust/"><img decoding="async" width="1408" height="768" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201408%20768&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1408px) 100vw, 1408px" style="--ratio: 1408 / 768;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2.png 1408w, https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2-300x164.png 300w, https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2-1024x559.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/02/The-First-3-Seconds-2-768x419.png 768w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust/" rel="bookmark" title="The First 3 Seconds Are Not About Design, They Are About Trust">The First 3 Seconds Are Not About Design, They Are About Trust</a></h3><div class="entry-excerpt"><p>Most brands believe they lose attention because of weak design. In reality, they lose attention because they fail to establish&hellip;</p>
</div>
</div></article><article class="post visible post-13785 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/year-end-message-thank-you-2026-outlook/"><img decoding="async" width="1594" height="672" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201594%20672&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1594px) 100vw, 1594px" style="--ratio: 1594 / 672;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2.png 1594w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-300x126.png 300w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-1024x432.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-768x324.png 768w, https://www.aeonstudio.design/wp-content/uploads/2025/12/Year-End-Message-Thank-You-2026-Outlook2-1536x648.png 1536w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/year-end-message-thank-you-2026-outlook/" rel="bookmark" title="Year-End Message: Thank You &amp; 2026 Outlook">Year-End Message: Thank You &amp; 2026 Outlook</a></h3><div class="entry-excerpt"><p>Every year in design is defined not only by trends and technology, but by the people and partnerships behind the&hellip;</p>
</div>
</div></article><article class="post visible post-13775 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/pantone-color-of-the-year-mocha-mousse-in-modern-branding/"><img decoding="async" width="1408" height="768" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201408%20768&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1408px) 100vw, 1408px" style="--ratio: 1408 / 768;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse.png 1408w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse-300x164.png 300w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse-1024x559.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse-768x419.png 768w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/pantone-color-of-the-year-mocha-mousse-in-modern-branding/" rel="bookmark" title="Pantone Color of the Year: Mocha Mousse in Modern Branding">Pantone Color of the Year: Mocha Mousse in Modern Branding</a></h3><div class="entry-excerpt"><p>Color remains one of the most powerful emotional triggers in branding. For 2025, Pantone has introduced Mocha Mousse (Pantone 17-1230)&hellip;</p>
</div>
</div></article><article class="post visible post-13755 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/design-trends-that-will-define-2025-2/"><img decoding="async" width="1408" height="768" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201408%20768&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1408px) 100vw, 1408px" style="--ratio: 1408 / 768;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1.png 1408w, https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1-300x164.png 300w, https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1-1024x559.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-1-768x419.png 768w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/design-trends-that-will-define-2025-2/" rel="bookmark" title="AI in Branding: Collaboration, Not Replacement">AI in Branding: Collaboration, Not Replacement</a></h3><div class="entry-excerpt"><p>Branding has always been about emotion, storytelling, and connection. But in 2025, artificial intelligence is no longer a distant concept&hellip;</p>
</div>
</div></article><article class="post visible post-13742 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/design-trends-that-will-define-2025/"><img decoding="async" width="1594" height="672" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201594%20672&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1594px) 100vw, 1594px" style="--ratio: 1594 / 672;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3.png 1594w, https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3-300x126.png 300w, https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3-1024x432.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3-768x324.png 768w, https://www.aeonstudio.design/wp-content/uploads/2025/01/Design-Trends-That-Will-Define-2025-3-1536x648.png 1536w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/design-trends-that-will-define-2025/" rel="bookmark" title="Design Trends That Will Define 2025">Design Trends That Will Define 2025</a></h3><div class="entry-excerpt"><p>Every new year in design is less about aesthetic novelty and more about strategic evolution. In 2025, branding continues shifting&hellip;</p>
</div>
</div></article><article class="post visible post-8789 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/the-future-of-branding-how-ai-and-human-creativity-work-together/"><img decoding="async" width="2048" height="1152" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202048%201152&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2048px) 100vw, 2048px" style="--ratio: 2048 / 1152;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog.jpg 2048w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-768x432.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/fox_blog-1536x864.jpg 1536w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/the-future-of-branding-how-ai-and-human-creativity-work-together/" rel="bookmark" title="The Future of Branding: How AI and Human Creativity Work Together">The Future of Branding: How AI and Human Creativity Work Together</a></h3><div class="entry-excerpt"><p>Branding has always been about emotion, storytelling, and connection. But in 2025, the rules of design are being rewritten as&hellip;</p>
</div>
</div></article><article class="post visible post-8810 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/sustainability-in-design-from-trend-to-standard-in-2024/"><img decoding="async" width="2560" height="1707" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201707&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1707;" data-src="https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-300x200.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-1024x683.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-768x512.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-1536x1024.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-2048x1366.jpg 2048w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/sustainability-in-design-from-trend-to-standard-in-2024/" rel="bookmark" title="Sustainability in Design: From Trend to Standard in 2024">Sustainability in Design: From Trend to Standard in 2024</a></h3><div class="entry-excerpt"><p>In 2024, sustainability moved beyond being a buzzword — it became an industry standard. From packaging to branding to digital&hellip;</p>
</div>
</div></article><article class="post visible post-8616 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/aeon-studio-on-sketch-blog-a-milestone-in-our-creative-journey/"><img decoding="async" width="2560" height="1265" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201265&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1265;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-300x148.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-1024x506.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-768x380.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-1536x759.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Sketch_homepage2025-2048x1012.jpg 2048w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/aeon-studio-on-sketch-blog-a-milestone-in-our-creative-journey/" rel="bookmark" title="Aeon Studio on Sketch Blog: A Milestone in Our Creative Journey">Aeon Studio on Sketch Blog: A Milestone in Our Creative Journey</a></h3><div class="entry-excerpt"><p>Reading time: Date: Author: Aeon Studio on Sketch Blog One of our proudest moments in 2024 was being featured on&hellip;</p>
</div>
</div></article><article class="post visible post-8798 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/behind-the-award-winning-work-our-creative-process-at-aeon-studio/"><img decoding="async" width="2560" height="1440" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201440&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1440;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-768x432.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-1536x864.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-2048x1152.jpg 2048w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/behind-the-award-winning-work-our-creative-process-at-aeon-studio/" rel="bookmark" title="Behind the Award-Winning Work: Our Creative Process at Aeon Studio">Behind the Award-Winning Work: Our Creative Process at Aeon Studio</a></h3><div class="entry-excerpt"><p>Great design doesn’t happen by accident. Behind every successful brand is a deliberate and deeply human process — one that&hellip;</p>
</div>
</div></article><article class="post visible post-8644 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/aeon-studio-wins-gold-at-the-international-design-awards-for-premium-tartufi-label-design/"><img decoding="async" width="2560" height="1440" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201440&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1440;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-768x432.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-1536x864.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-2048x1152.jpg 2048w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/aeon-studio-wins-gold-at-the-international-design-awards-for-premium-tartufi-label-design/" rel="bookmark" title="Aeon Studio Wins Gold at the International Design Awards for Premium Tartufi Label Design">Aeon Studio Wins Gold at the International Design Awards for Premium Tartufi Label Design</a></h3><div class="entry-excerpt"><p>At Aeon Studio, design has always been about more than aesthetics — it’s about telling stories, creating emotional connections, and&hellip;</p>
</div>
</div></article><article class="post visible post-8595 type-post status-publish format-standard has-post-thumbnail hentry category-stories">

	<div class="post-thumbnail-wrap">
		<div class="post-thumbnail">

			<a class="post-thumbnail-rollover layzr-bg img-css-resize-wrapper" aria-label="Post image" href="https://www.aeonstudio.design/color-of-the-year-2024/"><img decoding="async" width="1366" height="768" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201366%20768&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1366px) 100vw, 1366px" style="--ratio: 1366 / 768;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1.jpg 1366w, https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/pantone-coy2024-wallpaper-download-peachfuzzhero-1366x768-1-768x432.jpg 768w" /></a>
		</div>
	</div>


<div class="post-entry-content">

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/color-of-the-year-2024/" rel="bookmark" title="Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It">Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It</a></h3><div class="entry-excerpt"><p>Reading time: Date: Author: Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It&hellip;</p>
</div>
</div></article></div><div class="owl-nav disabled"><div class="owl-prev" role="button" tabindex="0" aria-label="Prev slide"><i class="fas fa-chevron-left"></i></div><div class="owl-next" role="button" tabindex="0" aria-label="Next slide"><i class="fas fa-chevron-right"></i></div></div>				</div>
				</div>
				</div>
				</div>
				</div>
				</div>
		<p>The post <a href="https://www.aeonstudio.design/design-trends-2024/">Design Trends 2024: What’s Worth Implementing—and What’s History</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
