<?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>Ivan Rukavina, Author at Aeon Studio</title>
	<atom:link href="https://www.aeonstudio.design/author/ivan-rukavina/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.aeonstudio.design/author/ivan-rukavina/</link>
	<description>Creative Infinity</description>
	<lastBuildDate>Sun, 26 Apr 2026 16:35:13 +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>Ivan Rukavina, Author at Aeon Studio</title>
	<link>https://www.aeonstudio.design/author/ivan-rukavina/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Why Most Websites Feel the Same (and Why That’s a Problem)</title>
		<link>https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust-2/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=the-first-3-seconds-are-not-about-design-they-are-about-trust-2</link>
		
		<dc:creator><![CDATA[Ivan Rukavina]]></dc:creator>
		<pubDate>Sun, 26 Apr 2026 15:33:50 +0000</pubDate>
				<category><![CDATA[Stories]]></category>
		<guid isPermaLink="false">https://www.aeonstudio.design/?p=13817</guid>

					<description><![CDATA[<p>In 2026, most websites feel familiar — almost interchangeable.</p>
<p>This is not accidental. It is the result of design systems, templates, frameworks, and optimization practices converging into predictable patterns.</p>
<p>The post <a href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust-2/">Why Most Websites Feel the Same (and Why That’s a Problem)</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="13817" class="elementor elementor-13817" 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">
										Why Most Websites Feel the Same (and Why That’s a Problem)					</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>April 26, 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">
										Ivan Rukavina					</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">In 2026, most websites feel familiar — almost interchangeable.</p><p class="p1">This is not accidental. It is the result of design systems, templates, frameworks, and optimization practices converging into predictable patterns.</p><p class="p2">But familiarity is not always an advantage.</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="1851" height="560" src="https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-4.jpg" class="attachment-full size-full wp-image-13827" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-4.jpg 1851w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-4-300x91.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-4-1024x310.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-4-768x232.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-4-1536x465.jpg 1536w" sizes="(max-width: 1851px) 100vw, 1851px" />															</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 Rise of Digital Sameness</b></span></h3><p class="p1">Modern web design is heavily influenced by:</p><ul><li>standardized UX frameworks</li><li>template-driven development systems</li><li>conversion optimization best practices</li><li>AI-assisted layout generation</li></ul><p class="p3">These tools improve efficiency — but also reduce differentiation.</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">Why Sameness Becomes a Strategic Problem</span></strong></h3><p class="p1">When everything looks similar, users lose:</p><ul><li>memory of the brand</li><li>emotional attachment</li><li>perceived uniqueness</li><li>decision confidence</li></ul><p class="p3">If a brand feels like “everything else,” it becomes replaceable.</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>The Hidden Cost of Optimization</strong></h3><p class="p1">Ironically, the pursuit of “best practices” often creates worst outcomes in branding.</p><p class="p2">Common optimization patterns:</p><ul><li>identical hero sections</li><li>repetitive CTA structures</li><li>predictable scroll narratives</li><li>uniform typography hierarchies</li></ul><p class="p4">These patterns increase usability — but decrease identity strength.</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">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">What Makes a Website Memorable Again</span></h3><p class="p1">Distinctiveness is not chaos or complexity.</p><p class="p1">It is controlled deviation from expectation.</p><p class="p2">Strong digital experiences include:</p><ul><li>intentional asymmetry in structure</li><li>unique narrative flow instead of templates</li><li>brand-specific interaction logic</li><li>emotional pacing instead of linear UX</li><li>visual restraint combined with strong conceptual identity</li></ul>								</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/04/Why-Most-Websites-Feel-the-Same-1.png" class="attachment-full size-full wp-image-13824" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-1.png 1408w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-1-300x164.png 300w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-1-1024x559.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-1-768x419.png 768w" sizes="(max-width: 1408px) 100vw, 1408px" />															</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-1d7b346 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="1d7b346" data-element_type="widget" data-e-type="widget" id="the_role" 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 Role of Strategic Design</span></h3><p class="p1">The goal is no longer to build “good UX”.</p><p class="p1">The goal is to build <span class="s1"><b>recognizable UX</b></span>.</p><p class="p2">Recognition is more valuable than usability when competition is high.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-49aff8f elementor-invisible elementor-widget elementor-widget-text-editor" data-id="49aff8f" data-element_type="widget" data-e-type="widget" id="Approach" 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">We deliberately avoid over-standardization.</p><p class="p2">Instead, we design:</p><ul><li>brand-specific interaction systems</li><li>narrative-driven layouts</li><li>non-generic structural logic</li><li>identity-first UX instead of pattern-first UX</li></ul><p class="p4">The result is controlled uniqueness.</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">Websites do not feel the same because designers lack creativity.</p><p class="p1">They feel the same because the industry has over-optimized for efficiency.</p><p class="p1">The real competitive advantage in 2026 is not usability.</p><p class="p2">It is memorability.</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">The Rise of Digital Sameness</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">Why Sameness Becomes a Strategic Problem</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">The Hidden Cost of Optimization</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">What Makes a Website Memorable Again</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-f097501 e-transform elementor-widget elementor-widget-heading" data-id="f097501" 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="#the_role">The Role of Strategic Design</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-5135420 e-transform elementor-widget elementor-widget-heading" data-id="5135420" 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="#Approach">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">
										  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/the-first-3-seconds-are-not-about-design-they-are-about-trust-2/">Why Most Websites Feel the Same (and Why That’s a Problem)</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Pantone Color of the Year: Mocha Mousse in Modern Branding</title>
		<link>https://www.aeonstudio.design/pantone-color-of-the-year-mocha-mousse-in-modern-branding/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=pantone-color-of-the-year-mocha-mousse-in-modern-branding</link>
		
		<dc:creator><![CDATA[Ivan Rukavina]]></dc:creator>
		<pubDate>Tue, 10 Jun 2025 13:06:29 +0000</pubDate>
				<category><![CDATA[Stories]]></category>
		<guid isPermaLink="false">https://www.aeonstudio.design/?p=13775</guid>

					<description><![CDATA[<p>Color remains one of the most powerful emotional triggers in branding. For 2025, Pantone has introduced Mocha Mousse (Pantone 17-1230) — a warm, grounded brown tone reflecting stability, comfort, and refined simplicity.</p>
<p>The post <a href="https://www.aeonstudio.design/pantone-color-of-the-year-mocha-mousse-in-modern-branding/">Pantone Color of the Year: Mocha Mousse in Modern Branding</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="13775" class="elementor elementor-13775" 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">
										Pantone Color of the Year: Mocha Mousse in Modern Branding					</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>June 10, 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">
										Ivan Rukavina					</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">Color remains one of the most powerful emotional triggers in branding. For 2025, Pantone has introduced <span class="s1"><b>Mocha Mousse (Pantone 17-1230)</b></span> — a warm, grounded brown tone reflecting stability, comfort, and refined simplicity.</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="1408" height="768" src="https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse.png" class="attachment-full size-full wp-image-13778" alt="" 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" 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 Psychology Behind Mocha Mousse</b></span></h3><p class="p1">This tone communicates trust, organic warmth, and understated luxury. Unlike aggressive or overly saturated palettes, Mocha Mousse introduces a sense of calm authority — making it especially relevant in an era of digital overload.</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>Application in Branding and Design Systems</b></span></h3><p class="p1">Mocha Mousse performs exceptionally well in:</p><p class="p1">• Premium brand identities seeking subtle luxury positioning<br />• UI systems requiring warmth without visual noise<br />• Packaging design with sustainable or natural positioning<br />• Editorial and lifestyle-focused visual communication</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>Visual Direction for 2025</b></span></h3><p class="p1">This color aligns strongly with broader design movements: tactile design, natural material references, and reduced visual aggression. It supports a “human-first” aesthetic in digital environments.</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">Mocha Mousse is not a trend color in the traditional sense — it is a tonal response to cultural fatigue. Brands that integrate it strategically will communicate stability in an increasingly fragmented digital landscape.</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">The Psychology Behind Mocha Mousse</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">Application in Branding and Design Systems</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">Visual Direction for 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/pantone-color-of-the-year-mocha-mousse-in-modern-branding/">Pantone Color of the Year: Mocha Mousse in Modern Branding</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Sustainability in Design: From Trend to Standard in 2024</title>
		<link>https://www.aeonstudio.design/sustainability-in-design-from-trend-to-standard-in-2024/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=sustainability-in-design-from-trend-to-standard-in-2024</link>
		
		<dc:creator><![CDATA[Ivan Rukavina]]></dc:creator>
		<pubDate>Wed, 05 Jun 2024 06:51:00 +0000</pubDate>
				<category><![CDATA[Stories]]></category>
		<guid isPermaLink="false">https://www.aeonstudio.design/?p=8810</guid>

					<description><![CDATA[<p>In 2024, sustainability moved beyond being a buzzword — it became an industry standard. From packaging to branding to digital products, eco-conscious design practices were no longer optional; they were expected.</p>
<p>The post <a href="https://www.aeonstudio.design/sustainability-in-design-from-trend-to-standard-in-2024/">Sustainability in Design: From Trend to Standard in 2024</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="8810" class="elementor elementor-8810" 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">
										Sustainability in Design: From Trend to Standard in 2024					</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>June 5, 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">
										Ivan Rukavina					</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">In 2024, sustainability moved beyond being a buzzword — it became an industry standard. From packaging to branding to digital products, eco-conscious design practices were no longer optional; they were expected. As consumers demanded greater transparency and responsibility, brands had to prove their environmental commitment not only in production but also in their visual and strategic identity.</p>								</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="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>Why Sustainability Matters in Branding</b></h3><p class="p1">Modern consumers actively reward brands that align with their values. Research in 2024 showed that buyers were more likely to trust, recommend, and remain loyal to brands that showcased genuine sustainability efforts. For designers, this meant creating solutions that <span class="s1"><b>communicated responsibility while maintaining strong aesthetics.</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="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 Examples of Sustainable Design</b></h3><ul><li><p class="p1"><span class="s1"><b>Packaging</b></span>: Switching to recyclable, compostable, or reusable materials while simplifying graphics to reduce ink and waste.</p></li><li><p class="p1"><span class="s1"><b>Visual Language</b></span>: Integrating earthy tones, organic textures, and minimalistic layouts to emphasize authenticity.</p></li><li><p class="p1"><span class="s1"><b>Digital Footprint</b></span>: Designing lightweight websites optimized for energy efficiency — improving both user experience and ecological impact.</p></li><li><p class="p1"><span class="s1"><b>Circular Design</b></span>: Considering the full lifecycle of products and how design can encourage reusability or recycling.</p></li></ul>								</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="2560" height="1707" src="https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon.jpg" class="attachment-full size-full wp-image-8814" alt="" 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" sizes="(max-width: 2560px) 100vw, 2560px" />															</div>
				</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>The Business Advantage</b></h3><p class="p1">Sustainable design was not just about ethics; it also created measurable business benefits in 2024:</p><ul><li><p class="p1">Increased <span class="s1"><b>customer loyalty</b></span> among eco-conscious demographics.</p></li><li><p class="p1">Stronger <span class="s1"><b>brand reputation</b></span> in global markets.</p></li><li><p class="p1">Reduced <span class="s1"><b>long-term costs</b></span> through efficiency and material innovation.</p></li><li><p class="p1">Alignment with growing <span class="s1"><b>regulations and certifications</b></span> worldwide.</p></li></ul>								</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">Sustainability in design is no longer an “extra feature.” It is the new baseline for responsible and forward-thinking brands. At Aeon Studio, we believe that the best design solutions of tomorrow are those that balance creativity with care for the planet — crafting identities that resonate with both people and the world they live in.</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/portfolio/" target="_blank" rel="noopener">Look at our sustainability work</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="#why">Why Sustainability Matters in Branding</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="#practical">Practical Examples of Sustainable Design</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">The Business Advantage</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/sustainability-in-design-from-trend-to-standard-in-2024/">Sustainability in Design: From Trend to Standard in 2024</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Rebranding: When Is It Time for a Redesign – and How to Do It Without Losing Clients</title>
		<link>https://www.aeonstudio.design/when-to-rebrand-and-how/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=when-to-rebrand-and-how</link>
		
		<dc:creator><![CDATA[Ivan Rukavina]]></dc:creator>
		<pubDate>Fri, 16 Jun 2023 07:04:00 +0000</pubDate>
				<category><![CDATA[Stories]]></category>
		<guid isPermaLink="false">https://www.aeonstudio.design/?p=7429</guid>

					<description><![CDATA[<p>Reading time: Date: Author: As businesses evolve, so do their audiences, services, and ambitions. Yet many brands find themselves stuck with a visual identity that no longer represents who they are. In today’s fast-moving landscape of design and technology, rebranding is becoming less of a luxury and more of a strategic necessity. At Aeon Studio,&#8230;</p>
<p>The post <a href="https://www.aeonstudio.design/when-to-rebrand-and-how/">Rebranding: When Is It Time for a Redesign – and How to Do It Without Losing Clients</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="7429" class="elementor elementor-7429" 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">
										Rebranding: When Is It Time for a Redesign – and How to Do It Without Losing Clients					</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>June 16, 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">
										Ivan Rukavina					</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 class="p1">As businesses evolve, so do their audiences, services, and ambitions. Yet many brands find themselves stuck with a visual identity that no longer represents who they are. In today’s fast-moving landscape of design and technology, rebranding is becoming less of a luxury and more of a strategic necessity.</p><p class="p1">At Aeon Studio, we’ve been working with clients facing that exact challenge: they’ve grown, but their brand hasn’t kept up. Here’s how we approach rebranding — when it’s needed, how to do it right, and how to maintain trust with your audience along the way.</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="1280" height="960" src="https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo10.jpg" class="attachment-full size-full wp-image-5458" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo10.jpg 1280w, https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo10-300x225.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo10-1024x768.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo10-768x576.jpg 768w" sizes="(max-width: 1280px) 100vw, 1280px" />															</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="howto" 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. How to Know It’s Time for a Rebrand</b></h3>
<p class="p3">A full redesign isn’t always required. But here are clear indicators that your brand might be due for an update:</p>
<p class="p1"> </p>
<ul>
<li>
<p class="p1">Your <a href="https://www.aeonstudio.design/branding/">visual identity</a> looks dated and lacks relevance.</p>
</li>
<li>
<p class="p1">You’ve expanded your services or shifted focus.</p>
</li>
<li>
<p class="p1">Your competitors appear more modern and better aligned with your audience.</p>
</li>
<li>
<p class="p1">Your internal team doesn’t connect with your <a href="https://www.aeonstudio.design/branding/">brand</a> anymore.</p>
</li>
<li>
<p class="p1">Your branding no longer reflects your values or business personality.</p>
</li>
</ul>
<p> </p>
<p class="p3">Rebranding should never be about blindly chasing trends — it’s about clarity, consistency, and aligning your brand’s presentation with its true direction.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-e575f25 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="e575f25" data-element_type="widget" data-e-type="widget" id="rebranding" 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. Rebranding Doesn’t Mean Reinventing Everything</b></h3>
<p class="p3"><a href="https://www.aeonstudio.design/branding/">Rebranding</a> doesn’t mean destroying everything that exists. Often, it’s about evolution. A cleaner logo, improved typography, more structured layouts, or a refined color palette can do wonders. It’s also a chance to revisit tone of voice and visual hierarchy.</p>
<p class="p3">We’re seeing a rise in clarity, bold simplicity, and more thoughtful use of space. Flat design has matured. Brands are moving away from decorative complexity toward purpose-driven visuals.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-f5e810a elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f5e810a" data-element_type="widget" data-e-type="widget" id="Communicating" 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. Communicating the Change With Confidence</b></h3>
<p class="p3">The biggest mistake during a rebrand? Leaving your audience in the dark.</p>
<p class="p3">Here’s how to build trust during the transition:</p>
<p class="p1"> </p>
<ul>
<li>
<p class="p1">Share the <a href="https://www.aeonstudio.design/stories/">story</a> behind the change.</p>
</li>
<li>
<p class="p1">Show visual progress — before/after examples work well.</p>
</li>
<li>
<p class="p1">Create messaging that supports the change and invites feedback.</p>
</li>
<li>
<p class="p1">Stay consistent in tone, even if the visuals evolve.</p>
</li>
</ul>
<p> </p>
<p class="p3">Rebranding isn’t just visual — it’s psychological. Customers need to feel that the new look is still <i>you</i>.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-6f98c03 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="6f98c03" data-element_type="widget" data-e-type="widget" id="value" 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. The Real Value of Rebranding</b></h3>
<p class="p3">When done right, a rebrand:</p>
<p class="p1"> </p>
<ul>
<li>
<p class="p1">Sparks new attention from customers.</p>
</li>
<li>
<p class="p1">Boosts internal morale.</p>
</li>
<li>
<p class="p1">Clarifies your place in the market.</p>
</li>
<li>
<p class="p1">Sets the stage for long-term brand recognition.</p>
</li>
</ul>
<p> </p>
<p class="p3">The goal isn’t to look different — the goal is to look right.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-5183d5d e-con-full e-flex e-con e-child" data-id="5183d5d" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-290322e elementor-widget elementor-widget-image" data-id="290322e" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1280" height="960" src="https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo8.jpg" class="attachment-full size-full wp-image-5456" alt="Design studio presenting rebranding strategy" srcset="https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo8.jpg 1280w, https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo8-300x225.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo8-1024x768.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo8-768x576.jpg 768w" sizes="(max-width: 1280px) 100vw, 1280px" />															</div>
				</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="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">
									<h2><b>Conclusion</b></h2>
<p class="p3">A rebrand is not just about visuals. It’s a reflection of your company’s evolution and a signal of where you’re going. When your brand starts feeling like a past version of yourself, it may be time for a change. And if you approach it with intention, creativity, and strategy — you won’t lose clients. You’ll attract the right ones.</p>
<p class="p3"><a href="https://www.aeonstudio.design/contact/">Contact us.</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="#howto">How to Know It’s Time for a Rebrand</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="#rebranding">Rebranding Doesn’t Mean Reinventing Everything</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-23f4d5a e-transform elementor-widget elementor-widget-heading" data-id="23f4d5a" 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="#Communicating">Communicating the Change With Confidence</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-c72c9fd e-transform elementor-widget elementor-widget-heading" data-id="c72c9fd" 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="#value">The Real Value of Rebranding</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-caf4079 e-transform elementor-widget elementor-widget-heading" data-id="caf4079" 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">
										  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/when-to-rebrand-and-how/">Rebranding: When Is It Time for a Redesign – and How to Do It Without Losing Clients</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
