<?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>Creative Design Stories – Insights &amp; Inspiration</title>
	<atom:link href="https://www.aeonstudio.design/category/stories/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.aeonstudio.design/category/stories/</link>
	<description>Creative Infinity</description>
	<lastBuildDate>Sun, 26 Apr 2026 16:37:15 +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>Creative Design Stories – Insights &amp; Inspiration</title>
	<link>https://www.aeonstudio.design/category/stories/</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>The First 3 Seconds Are Not About Design, They Are About Trust</title>
		<link>https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=the-first-3-seconds-are-not-about-design-they-are-about-trust</link>
		
		<dc:creator><![CDATA[Ana Kovačević]]></dc:creator>
		<pubDate>Wed, 18 Feb 2026 14:23:45 +0000</pubDate>
				<category><![CDATA[Stories]]></category>
		<guid isPermaLink="false">https://www.aeonstudio.design/?p=13797</guid>

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

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

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

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

        observer.observe(element);
      });
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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

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

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

        observer.observe(element);
      });
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/color-of-the-year-2024/" rel="bookmark" title="Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It">Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It</a></h3><div class="entry-excerpt"><p>Reading time: Date: Author: Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It&hellip;</p>
</div>
</div></article></div><div class="owl-nav disabled"><div class="owl-prev" role="button" tabindex="0" aria-label="Prev slide"><i class="fas fa-chevron-left"></i></div><div class="owl-next" role="button" tabindex="0" aria-label="Next slide"><i class="fas fa-chevron-right"></i></div></div>				</div>
				</div>
				</div>
				</div>
				</div>
				</div>
		<p>The post <a href="https://www.aeonstudio.design/year-end-message-thank-you-2026-outlook/">Year-End Message: Thank You &amp; 2026 Outlook</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>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 loading="lazy" 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>AI in Branding: Collaboration, Not Replacement</title>
		<link>https://www.aeonstudio.design/design-trends-that-will-define-2025-2/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=design-trends-that-will-define-2025-2</link>
		
		<dc:creator><![CDATA[Silje Larsen]]></dc:creator>
		<pubDate>Sat, 15 Mar 2025 09:47:29 +0000</pubDate>
				<category><![CDATA[Stories]]></category>
		<guid isPermaLink="false">https://www.aeonstudio.design/?p=13755</guid>

					<description><![CDATA[<p>Branding has always been about emotion, storytelling, and connection. But in 2025, artificial intelligence is no longer a distant concept — it is an embedded creative tool. The question is not whether AI will replace designers, but how it will redefine the creative process.</p>
<p>The post <a href="https://www.aeonstudio.design/design-trends-that-will-define-2025-2/">AI in Branding: Collaboration, Not Replacement</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="13755" class="elementor elementor-13755" 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">
										AI in Branding: Collaboration, Not Replacement					</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>March 15, 2025</time>					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-683312b e-con-full e-flex e-con e-child" data-id="683312b" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-10ff2b2 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="10ff2b2" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Author:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-62da2d9 elementor-widget elementor-widget-post-info" data-id="62da2d9" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-a2bcb6b elementor-inline-item" itemprop="author">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-user"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-author">
										Silje Larsen					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-f2728c4 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f2728c4" data-element_type="widget" data-e-type="widget" id="aeon" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Introduction</b></h3><p class="p1">Branding has always been about emotion, storytelling, and connection. But in 2025, artificial intelligence is no longer a distant concept — it is an embedded creative tool. The question is not whether AI will replace designers, but how it will redefine the creative process.</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="1408" height="768" src="https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-2.png" class="attachment-full size-full wp-image-13758" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-2.png 1408w, https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-2-300x164.png 300w, https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-2-1024x559.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/04/AI-in-Branding-Collaboration-Not-Replacement-2-768x419.png 768w" sizes="(max-width: 1408px) 100vw, 1408px" />															</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-b3e2922 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="b3e2922" data-element_type="widget" data-e-type="widget" id="key" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><span class="s1"><b>AI as a Creative Tool, Not a Replacement</b></span></h3><p class="p1">AI offers speed, data-driven insights, and scalability. It can analyze consumer behavior, suggest color palettes based on market psychology, or instantly generate thousands of design variations. However, AI lacks empathy, cultural sensitivity, and narrative intuition. That gap defines the continued relevance of human designers.</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>The Human Side of Branding</b></span></h3><p class="p1">Strong branding is never purely visual. It is conceptual. Human designers translate abstract business values into emotional systems that people recognize and trust. This interpretative layer cannot be automated — it must be designed.</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>Practical Applications in 2025</b></span></h3><p class="p1">• AI-assisted ideation and rapid prototyping<br />• Dynamic brand systems that respond to user behavior<br />• Data-informed visual decision-making<br />• Automation of repetitive production tasks</p>								</div>
				</div>
				<div class="elementor-element elementor-element-14408ef elementor-invisible elementor-widget elementor-widget-text-editor" data-id="14408ef" data-element_type="widget" data-e-type="widget" id="conclusion" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Conclusion</b></h3><p class="p1">The future is not AI versus designers — it is AI with designers. The most effective brands will emerge from this collaboration, where technology expands capability and humans define meaning.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-4204375 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="4204375" data-element_type="widget" data-e-type="widget" id="links" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><a href="https://www.pantone.com/color-of-the-year/2024?srsltid=AfmBOoogaY_75wZjd1MrBefYXcwFYPWbUuo2xGosaR1K-kt6anm3t5TF"><b>Links</b></a></h3><p class="p3"><a href="https://www.aeonstudio.design/contact/" target="_blank" rel="noopener">Contact</a></p>								</div>
				</div>
				<div class="elementor-element elementor-element-9f3e706 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-spacer" data-id="9f3e706" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-1d7388b e-con-full e-flex e-con e-child" data-id="1d7388b" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f346ac1 e-con-full the7-e-sticky-row-yes e-flex e-con e-child" data-id="f346ac1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;the7_sticky_row&quot;:&quot;yes&quot;,&quot;the7_sticky_row_offset&quot;:100,&quot;the7_sticky_parent&quot;:&quot;yes&quot;,&quot;the7_sticky_parent_bottom_offset&quot;:20,&quot;the7_sticky_row_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;]}">
				<div class="elementor-element elementor-element-63822be elementor-widget elementor-widget-heading" data-id="63822be" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Table of contents</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-6922162 e-transform elementor-widget elementor-widget-heading" data-id="6922162" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#aeon">Introduction</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-d2d065e e-transform elementor-widget elementor-widget-heading" data-id="d2d065e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#key">AI as a Creative Tool, Not a Replacement</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-a5e1b59 e-transform elementor-widget elementor-widget-heading" data-id="a5e1b59" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#why">The Human Side of Branding</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-703375e e-transform elementor-widget elementor-widget-heading" data-id="703375e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#practical">Practical Applications in 2025</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b9e5046 e-transform elementor-widget elementor-widget-heading" data-id="b9e5046" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#conclusion">Conclusion</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-7dd5bd1 e-transform elementor-widget elementor-widget-heading" data-id="7dd5bd1" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#links">Links</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-67097ff elementor-widget elementor-widget-heading" data-id="67097ff" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Reading time</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b47d78f elementor-widget elementor-widget-html" data-id="b47d78f" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- PROGRESS BAR -->
<div id="reading-progress-container">
    <div id="reading-progress-bar"></div>
</div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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

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

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

        observer.observe(element);
      });
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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

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

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

        observer.observe(element);
      });
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/color-of-the-year-2024/" rel="bookmark" title="Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It">Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It</a></h3><div class="entry-excerpt"><p>Reading time: Date: Author: Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It&hellip;</p>
</div>
</div></article></div><div class="owl-nav disabled"><div class="owl-prev" role="button" tabindex="0" aria-label="Prev slide"><i class="fas fa-chevron-left"></i></div><div class="owl-next" role="button" tabindex="0" aria-label="Next slide"><i class="fas fa-chevron-right"></i></div></div>				</div>
				</div>
				</div>
				</div>
				</div>
				</div>
		<p>The post <a href="https://www.aeonstudio.design/the-future-of-branding-how-ai-and-human-creativity-work-together/">The Future of Branding: How AI and Human Creativity Work Together</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>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>Aeon Studio on Sketch Blog: A Milestone in Our Creative Journey</title>
		<link>https://www.aeonstudio.design/aeon-studio-on-sketch-blog-a-milestone-in-our-creative-journey/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=aeon-studio-on-sketch-blog-a-milestone-in-our-creative-journey</link>
		
		<dc:creator><![CDATA[Silje Larsen]]></dc:creator>
		<pubDate>Thu, 04 Apr 2024 19:23:09 +0000</pubDate>
				<category><![CDATA[Stories]]></category>
		<guid isPermaLink="false">https://www.aeonstudio.design/?p=8616</guid>

					<description><![CDATA[<p>Reading time: Date: Author: Aeon Studio on Sketch Blog One of our proudest moments in 2024 was being featured on the official Sketch Blog — a recognition of our creative process, our design philosophy, and the projects that shape who we are. For us, this wasn’t just exposure, but a milestone that underlines our place&#8230;</p>
<p>The post <a href="https://www.aeonstudio.design/aeon-studio-on-sketch-blog-a-milestone-in-our-creative-journey/">Aeon Studio on Sketch Blog: A Milestone in Our Creative Journey</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="8616" class="elementor elementor-8616" 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">
										Aeon Studio on Sketch Blog: A Milestone in Our Creative Journey					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f707566 e-con-full e-flex e-con e-parent" data-id="f707566" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-a27c1b6 e-con-full e-flex e-con e-child" data-id="a27c1b6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				</div>
				</div>
		<div class="elementor-element elementor-element-f600592 e-flex e-con-boxed e-con e-parent" data-id="f600592" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-165e586 elementor-widget elementor-widget-html" data-id="165e586" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- Univerzalni HTML widget za animaciju teksta -->
<script src="https://cdn.jsdelivr.net/npm/split-type"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    function initTextAnimations() {
      document.querySelectorAll('.js-split-text').forEach(element => {
        let styleClass = element.getAttribute('data-style') || 'title-1';
        element.classList.add(styleClass);

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

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

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

        observer.observe(element);
      });
    }

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

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

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

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

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

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

  @keyframes slide-in {
    from {
      transform: translateY(40px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
</style>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-304d23f e-flex e-con-boxed e-con e-parent" data-id="304d23f" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-9b798b6 e-con-full e-flex e-con e-child" data-id="9b798b6" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-2ea7a46 e-con-full left-content e-flex e-con e-child" data-id="2ea7a46" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-04986a5 e-con-full e-flex e-con e-child" data-id="04986a5" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f69cfcb e-con-full e-flex e-con e-child" data-id="f69cfcb" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-03aedf0 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="03aedf0" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Reading time:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-d4a4663 elementor-widget elementor-widget-post-info" data-id="d4a4663" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-b6cbea5 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-clock"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										  3 minutes					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f28fe7e e-con-full e-flex e-con e-child" data-id="f28fe7e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f82b903 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f82b903" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Date:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-24b4b4d elementor-widget elementor-widget-post-info" data-id="24b4b4d" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-f7adbef elementor-inline-item" itemprop="datePublished">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-calendar"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date">
										<time>April 4, 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">
										Silje Larsen					</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>Aeon Studio on Sketch Blog</b></h3><p class="p1">One of our proudest moments in 2024 was being featured on the official Sketch Blog — a recognition of our creative process, our design philosophy, and the projects that shape who we are. For us, this wasn’t just exposure, but a milestone that underlines our place in the global design community.</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="2560" height="1264" src="https://www.aeonstudio.design/wp-content/uploads/2024/04/Sketch_blog.jpg" class="attachment-full size-full wp-image-8640" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2024/04/Sketch_blog.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2024/04/Sketch_blog-300x148.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2024/04/Sketch_blog-1024x506.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2024/04/Sketch_blog-768x379.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2024/04/Sketch_blog-1536x758.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2024/04/Sketch_blog-2048x1011.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" />															</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-b3e2922 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="b3e2922" data-element_type="widget" data-e-type="widget" id="key" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Key Highlights from the Feature:</b></h3><p class="p3">• Aeon Studio started as a small but powerful team — five core members collaborating with 20+ professionals worldwide.<br />• Our CEO, Dejan Ilić, began his career at 19, earned early recognition, and continues to lead with passion and purpose.<br />• Our design philosophy blends aesthetics + functionality + emotional connection, ensuring every project feels intuitive and meaningful.<br />• Challenges are part of the journey: balancing creativity with feasibility, integrating client feedback, and adapting to evolving design trends.<br />• Sketch has been a cornerstone of our process — enabling fast iterations, vector precision, and offline productivity.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-ecb3127 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="ecb3127" data-element_type="widget" data-e-type="widget" id="why" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Why This Matters:</b></h3><p class="p3">Being featured on Sketch’s blog is more than a badge of honor — it’s a reminder that design stories from our corner of the world can inspire globally. It highlights the importance of tools, teamwork, and a vision that extends beyond borders.</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="p3">For us at Aeon Studio, this milestone reflects both recognition and responsibility. We’ll continue designing with intention, pushing boundaries, and telling stories that resonate far beyond visuals.</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.sketch.com/blog/aeon-studio/" target="_blank" rel="noopener">Go To Story</a></p><p><a href="https://www.sketch.com" target="_blank" rel="noopener">Sketch.com</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">Aeon Studio on Sketch Blog</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">Key Highlights from the Feature</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 This Matters</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">
										  3 minutes					</span>
								</li>
				</ul>
						</div>
				</div>
				<div class="elementor-element elementor-element-a097531 elementor-widget elementor-widget-heading" data-id="a097531" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Share</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-5cdaac2 elementor-share-buttons--shape-circle elementor-share-buttons--color-custom elementor-share-buttons--view-icon-text elementor-share-buttons--skin-gradient elementor-grid-0 elementor-widget elementor-widget-share-buttons" data-id="5cdaac2" data-element_type="widget" data-e-type="widget" data-widget_type="share-buttons.default">
				<div class="elementor-widget-container">
							<div class="elementor-grid" role="list">
								<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_facebook" role="button" tabindex="0" aria-label="Share on facebook">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-facebook" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_x-twitter" role="button" tabindex="0" aria-label="Share on x-twitter">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-x-twitter" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_pinterest" role="button" tabindex="0" aria-label="Share on pinterest">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-pinterest" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_linkedin" role="button" tabindex="0" aria-label="Share on linkedin">
															<span class="elementor-share-btn__icon">
								<i class="fab fa-linkedin" aria-hidden="true"></i>							</span>
																				</div>
					</div>
									<div class="elementor-grid-item" role="listitem">
						<div class="elementor-share-btn elementor-share-btn_email" role="button" tabindex="0" aria-label="Share on email">
															<span class="elementor-share-btn__icon">
								<i class="fas fa-envelope" aria-hidden="true"></i>							</span>
																				</div>
					</div>
						</div>
						</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-a1782a1 e-con-full e-flex e-con e-parent" data-id="a1782a1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
		<div class="elementor-element elementor-element-b15a719 e-con-full e-flex e-con e-child" data-id="b15a719" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-ef176ad e-con-full e-flex e-con e-child" data-id="ef176ad" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-fa326fc elementor-invisible elementor-widget elementor-widget-text-editor" data-id="fa326fc" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInRight&quot;,&quot;_animation_delay&quot;:1000}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>&gt;_ You liked this one?</p>								</div>
				</div>
				<div class="elementor-element elementor-element-4b46f36 elementor-widget elementor-widget-html" data-id="4b46f36" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div class="js-split-text" data-style="title-4" data-delay="0.3">Wanna see<br/>more?

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/color-of-the-year-2024/" rel="bookmark" title="Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It">Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It</a></h3><div class="entry-excerpt"><p>Reading time: Date: Author: Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It&hellip;</p>
</div>
</div></article></div><div class="owl-nav disabled"><div class="owl-prev" role="button" tabindex="0" aria-label="Prev slide"><i class="fas fa-chevron-left"></i></div><div class="owl-next" role="button" tabindex="0" aria-label="Next slide"><i class="fas fa-chevron-right"></i></div></div>				</div>
				</div>
				</div>
				</div>
				</div>
				</div>
		<p>The post <a href="https://www.aeonstudio.design/aeon-studio-on-sketch-blog-a-milestone-in-our-creative-journey/">Aeon Studio on Sketch Blog: A Milestone in Our Creative Journey</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Behind the Award-Winning Work: Our Creative Process at Aeon Studio</title>
		<link>https://www.aeonstudio.design/behind-the-award-winning-work-our-creative-process-at-aeon-studio/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=behind-the-award-winning-work-our-creative-process-at-aeon-studio</link>
		
		<dc:creator><![CDATA[Aeon Studio]]></dc:creator>
		<pubDate>Fri, 29 Mar 2024 13:56:00 +0000</pubDate>
				<category><![CDATA[Stories]]></category>
		<guid isPermaLink="false">https://www.aeonstudio.design/?p=8798</guid>

					<description><![CDATA[<p>Great design doesn’t happen by accident. Behind every successful brand is a deliberate and deeply human process — one that balances strategy with creativity, clarity with intuition. </p>
<p>The post <a href="https://www.aeonstudio.design/behind-the-award-winning-work-our-creative-process-at-aeon-studio/">Behind the Award-Winning Work: Our Creative Process at Aeon Studio</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="8798" class="elementor elementor-8798" 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">
										Behind the Award-Winning Work: Our Creative Process at Aeon Studio					</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>March 29, 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">
										Aeon Studio					</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">Great design doesn’t happen by accident. Behind every successful brand is a deliberate and deeply human process — one that balances strategy with creativity, clarity with intuition. At Aeon Studio, that process underpins every identity we craft, whether it earns international awards or becomes a client’s trusted visual legacy.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-2918c35 e-con-full e-flex e-con e-child" data-id="2918c35" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-31467da elementor-widget elementor-widget-image" data-id="31467da" 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="1440" src="https://www.aeonstudio.design/wp-content/uploads/2025/08/aeons-team4.jpg" class="attachment-full size-full wp-image-8806" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/aeons-team4.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2025/08/aeons-team4-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/aeons-team4-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/aeons-team4-768x432.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/aeons-team4-1536x864.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2025/08/aeons-team4-2048x1152.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" />															</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-b3e2922 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="b3e2922" data-element_type="widget" data-e-type="widget" id="key" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>1. Discovery &amp; Deep Listening</b></h3><p class="p3">Our process begins with listening — not just to the project brief, but to the emotions, values, and ambitions that drive it. Inspired by Hoa Đất’s structured approach, we clarify objectives, audience, brand essence, and context from the very start ￼.</p><p>We engage clients with an immersive brief, supplemented by a brand “homework” worksheet — mapping vision, voice, values, and audience perception early on, similar to Function Creative’s methodology</p>								</div>
				</div>
				<div class="elementor-element elementor-element-ecb3127 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="ecb3127" data-element_type="widget" data-e-type="widget" id="why" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>2. Research, Strategy &amp; Creative Foundations<br /></b></h3><p class="p3">Armed with insights, we analyze competitors, cultural trends, and audience expectations to form a creative strategy. We then pull together moodboards and vision snapshots that serve as a compass — an emotional and aesthetic north star for the brand identity.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-2b8ec3c elementor-invisible elementor-widget elementor-widget-text-editor" data-id="2b8ec3c" data-element_type="widget" data-e-type="widget" id="practical" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>3. Sketching, Drafting &amp; Ideation</b></h3><p class="p3">We iterate visually and conceptually. Taking inspiration from Architectural Digest’s testimonials about hand-drawing, we often begin with tactile sketches and watercolors — expressive, evocative, and conveying emotion in ways that digital never could ￼.</p><p>From informal sketches, we develop refined digital drafts — typically 2–3 fully-realized paths for the client to choose from. Echoing processes shared by many agencies, this strategy balances creativity with clarity to avoid decision fatigue</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="2560" height="1440" src="https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo.jpg" class="attachment-full size-full wp-image-8804" alt="" 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" sizes="(max-width: 2560px) 100vw, 2560px" />															</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-f12f932 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f12f932" data-element_type="widget" data-e-type="widget" id="4" 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. Presentation &amp; Collaborative Refinement</b></h3><p class="p3">Presenting initial concepts goes beyond visuals — it’s storytelling. We explain the rationale, value alignment and strategic intent behind each direction. Papirfly’s guidance on using moodboards, prototypes, and a brand narrative in presentations is something we adopt when engaging with clients.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-4ab5db9 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="4ab5db9" data-element_type="widget" data-e-type="widget" id="5" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>5. Finalization, Delivery &amp; Launch</b></h3><p class="p3">Once a concept is selected, we refine it through limited and focused rounds of feedback to preserve momentum and creative integrity. The result is a polished, purpose-driven brand identity.</p><p>We deliver files and brand guidelines clearly and thoughtfully — logos in multiple formats, style guides, templates, and asset libraries — following the high standards seen in Big Cat Creative’s process.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-a90fd64 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="a90fd64" data-element_type="widget" data-e-type="widget" id="6" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>6. Why Our Process Wins Awards</b></h3><p class="p3">This structured yet deeply human process transforms brands into stories with emotional resonance. It is how we achieve designs that are not just visually excellent, but also unique, emotive, compelling — and recognized on stages like the IDA.</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">At Aeon Studio, exceptional branding is crafted — not by chance — but by listening, exploring, storytelling, and refining. Every sketch, color, and detail is part of a narrative that aims not just to speak, but to connect, resonate, and endure.</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">Our Work</a></p><p><a href="https://www.aeonstudio.design/solutions/" target="_blank" rel="noopener">Solutions</a></p><p><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">1. Discovery &amp; Deep Listening</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">2. Research, Strategy &amp; Creative Foundations</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">3. Sketching, Drafting &amp; Ideation</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b79324f e-transform elementor-widget elementor-widget-heading" data-id="b79324f" 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="#4">4. Presentation &amp; Collaborative Refinement</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-9bb47a3 e-transform elementor-widget elementor-widget-heading" data-id="9bb47a3" data-element_type="widget" data-e-type="widget" id="5" 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">5. Finalization, Delivery &amp; Launch</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-093e447 e-transform elementor-widget elementor-widget-heading" data-id="093e447" 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="#6">6. Why Our Process Wins Awards</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/behind-the-award-winning-work-our-creative-process-at-aeon-studio/">Behind the Award-Winning Work: Our Creative Process at Aeon Studio</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
