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

<channel>
	<title>Ivan Rukavina, Author at Aeon Studio</title>
	<atom:link href="https://www.aeonstudio.design/author/ivan-rukavina/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.aeonstudio.design/author/ivan-rukavina/</link>
	<description>Creative Infinity</description>
	<lastBuildDate>Sun, 12 Jul 2026 12:30:12 +0000</lastBuildDate>
	<language>en-GB</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.2</generator>

<image>
	<url>https://www.aeonstudio.design/wp-content/uploads/2026/04/cropped-Aeon-Studio-Minimalist-Logo_V-Copy-4-32x32.png</url>
	<title>Ivan Rukavina, Author at Aeon Studio</title>
	<link>https://www.aeonstudio.design/author/ivan-rukavina/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Why Most Websites Feel the Same (and Why That’s a Problem)</title>
		<link>https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust-2/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=the-first-3-seconds-are-not-about-design-they-are-about-trust-2</link>
		
		<dc:creator><![CDATA[Ivan Rukavina]]></dc:creator>
		<pubDate>Sun, 26 Apr 2026 15:33:50 +0000</pubDate>
				<category><![CDATA[Stories]]></category>
		<guid isPermaLink="false">https://www.aeonstudio.design/?p=13817</guid>

					<description><![CDATA[<p>In 2026, most websites feel familiar — almost interchangeable.</p>
<p>This is not accidental. It is the result of design systems, templates, frameworks, and optimization practices converging into predictable patterns.</p>
<p>The post <a href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust-2/">Why Most Websites Feel the Same (and Why That’s a Problem)</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="13817" class="elementor elementor-13817" data-elementor-settings="{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-9959332 e-con-full e-flex e-con e-parent" data-id="9959332" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-4c1dfc3 e-con-full e-flex e-con e-child" data-id="4c1dfc3" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-61c8e2d elementor-widget elementor-widget-post-info" data-id="61c8e2d" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-7dc22d1 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="far fa-tags"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										Why Most Websites Feel the Same (and Why That’s a Problem)					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f707566 e-con-full e-flex e-con e-parent" data-id="f707566" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-a27c1b6 e-con-full e-flex e-con e-child" data-id="a27c1b6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				</div>
				</div>
		<div class="elementor-element elementor-element-f600592 e-flex e-con-boxed e-con e-parent" data-id="f600592" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-165e586 elementor-widget elementor-widget-html" data-id="165e586" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- Univerzalni HTML widget za animaciju teksta -->
<script src="https://cdn.jsdelivr.net/npm/split-type"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    function initTextAnimations() {
      document.querySelectorAll('.js-split-text').forEach(element => {
        let styleClass = element.getAttribute('data-style') || 'title-1';
        element.classList.add(styleClass);

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

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

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

        observer.observe(element);
      });
    }

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

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

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

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

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

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

  @keyframes slide-in {
    from {
      transform: translateY(40px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
</style>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-304d23f e-flex e-con-boxed e-con e-parent" data-id="304d23f" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-9b798b6 e-con-full e-flex e-con e-child" data-id="9b798b6" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-2ea7a46 e-con-full left-content e-flex e-con e-child" data-id="2ea7a46" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-04986a5 e-con-full e-flex e-con e-child" data-id="04986a5" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f69cfcb e-con-full e-flex e-con e-child" data-id="f69cfcb" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-03aedf0 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="03aedf0" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Reading time:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-d4a4663 elementor-widget elementor-widget-post-info" data-id="d4a4663" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-b6cbea5 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-clock"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										  5 minutes					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f28fe7e e-con-full e-flex e-con e-child" data-id="f28fe7e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f82b903 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f82b903" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Date:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-24b4b4d elementor-widget elementor-widget-post-info" data-id="24b4b4d" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-f7adbef elementor-inline-item" itemprop="datePublished">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-calendar"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date">
										<time>April 26, 2026</time>					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-683312b e-con-full e-flex e-con e-child" data-id="683312b" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-10ff2b2 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="10ff2b2" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Author:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-62da2d9 elementor-widget elementor-widget-post-info" data-id="62da2d9" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-a2bcb6b elementor-inline-item" itemprop="author">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-user"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-author">
										Ivan Rukavina					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-f2728c4 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f2728c4" data-element_type="widget" data-e-type="widget" id="aeon" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Introduction</b></h3><p class="p1">In 2026, most websites feel familiar — almost interchangeable.</p><p class="p1">This is not accidental. It is the result of design systems, templates, frameworks, and optimization practices converging into predictable patterns.</p><p class="p2">But familiarity is not always an advantage.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-8275d33 e-con-full e-flex e-con e-child" data-id="8275d33" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0a49c1b elementor-widget elementor-widget-image" data-id="0a49c1b" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img fetchpriority="high" decoding="async" width="1851" height="560" src="https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-4.jpg" class="attachment-full size-full wp-image-13827" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-4.jpg 1851w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-4-300x91.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-4-1024x310.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-4-768x232.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-4-1536x465.jpg 1536w" sizes="(max-width: 1851px) 100vw, 1851px" />															</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-b3e2922 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="b3e2922" data-element_type="widget" data-e-type="widget" id="key" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><span class="s1"><b>The Rise of Digital Sameness</b></span></h3><p class="p1">Modern web design is heavily influenced by:</p><ul><li>standardized UX frameworks</li><li>template-driven development systems</li><li>conversion optimization best practices</li><li>AI-assisted layout generation</li></ul><p class="p3">These tools improve efficiency — but also reduce differentiation.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-ecb3127 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="ecb3127" data-element_type="widget" data-e-type="widget" id="why" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><strong><span class="s1">Why Sameness Becomes a Strategic Problem</span></strong></h3><p class="p1">When everything looks similar, users lose:</p><ul><li>memory of the brand</li><li>emotional attachment</li><li>perceived uniqueness</li><li>decision confidence</li></ul><p class="p3">If a brand feels like “everything else,” it becomes replaceable.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-2b8ec3c elementor-invisible elementor-widget elementor-widget-text-editor" data-id="2b8ec3c" data-element_type="widget" data-e-type="widget" id="practical" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><strong>The Hidden Cost of Optimization</strong></h3><p class="p1">Ironically, the pursuit of “best practices” often creates worst outcomes in branding.</p><p class="p2">Common optimization patterns:</p><ul><li>identical hero sections</li><li>repetitive CTA structures</li><li>predictable scroll narratives</li><li>uniform typography hierarchies</li></ul><p class="p4">These patterns increase usability — but decrease identity strength.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-b086999 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="b086999" data-element_type="widget" data-e-type="widget" id="looking" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><span class="s1">The New Rule of Perception</span></h3><p class="p1">In 2026:</p><p class="p2">Users do not “discover” brands. They immediately categorize them as either safe or unsafe.</p><p class="p3">Design does not create trust. It only confirms it.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-541c84d elementor-invisible elementor-widget elementor-widget-text-editor" data-id="541c84d" data-element_type="widget" data-e-type="widget" id="how_we" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><span class="s1">What Makes a Website Memorable Again</span></h3><p class="p1">Distinctiveness is not chaos or complexity.</p><p class="p1">It is controlled deviation from expectation.</p><p class="p2">Strong digital experiences include:</p><ul><li>intentional asymmetry in structure</li><li>unique narrative flow instead of templates</li><li>brand-specific interaction logic</li><li>emotional pacing instead of linear UX</li><li>visual restraint combined with strong conceptual identity</li></ul>								</div>
				</div>
		<div class="elementor-element elementor-element-0375483 e-con-full e-flex e-con e-child" data-id="0375483" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-2999937 elementor-widget elementor-widget-image" data-id="2999937" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="1408" height="768" src="https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-1.png" class="attachment-full size-full wp-image-13824" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-1.png 1408w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-1-300x164.png 300w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-1-1024x559.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Why-Most-Websites-Feel-the-Same-1-768x419.png 768w" sizes="(max-width: 1408px) 100vw, 1408px" />															</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-1d7b346 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="1d7b346" data-element_type="widget" data-e-type="widget" id="the_role" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><span class="s1">The Role of Strategic Design</span></h3><p class="p1">The goal is no longer to build “good UX”.</p><p class="p1">The goal is to build <span class="s1"><b>recognizable UX</b></span>.</p><p class="p2">Recognition is more valuable than usability when competition is high.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-49aff8f elementor-invisible elementor-widget elementor-widget-text-editor" data-id="49aff8f" data-element_type="widget" data-e-type="widget" id="Approach" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><span class="s1">How We Approach This at Aeon Studio</span></h3><p class="p1">We deliberately avoid over-standardization.</p><p class="p2">Instead, we design:</p><ul><li>brand-specific interaction systems</li><li>narrative-driven layouts</li><li>non-generic structural logic</li><li>identity-first UX instead of pattern-first UX</li></ul><p class="p4">The result is controlled uniqueness.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-14408ef elementor-invisible elementor-widget elementor-widget-text-editor" data-id="14408ef" data-element_type="widget" data-e-type="widget" id="conclusion" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Conclusion</b></h3><p class="p1">Websites do not feel the same because designers lack creativity.</p><p class="p1">They feel the same because the industry has over-optimized for efficiency.</p><p class="p1">The real competitive advantage in 2026 is not usability.</p><p class="p2">It is memorability.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-4204375 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="4204375" data-element_type="widget" data-e-type="widget" id="links" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><a href="https://www.pantone.com/color-of-the-year/2024?srsltid=AfmBOoogaY_75wZjd1MrBefYXcwFYPWbUuo2xGosaR1K-kt6anm3t5TF"><b>Links</b></a></h3><p class="p3"><a href="https://www.aeonstudio.design/contact/" target="_blank" rel="noopener">Contact</a></p>								</div>
				</div>
				<div class="elementor-element elementor-element-9f3e706 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-spacer" data-id="9f3e706" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-1d7388b e-con-full e-flex e-con e-child" data-id="1d7388b" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f346ac1 e-con-full the7-e-sticky-row-yes e-flex e-con e-child" data-id="f346ac1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;the7_sticky_row&quot;:&quot;yes&quot;,&quot;the7_sticky_row_offset&quot;:100,&quot;the7_sticky_parent&quot;:&quot;yes&quot;,&quot;the7_sticky_parent_bottom_offset&quot;:20,&quot;the7_sticky_row_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;]}">
				<div class="elementor-element elementor-element-63822be elementor-widget elementor-widget-heading" data-id="63822be" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Table of contents</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-6922162 e-transform elementor-widget elementor-widget-heading" data-id="6922162" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#aeon">Introduction</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-d2d065e e-transform elementor-widget elementor-widget-heading" data-id="d2d065e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#key">The Rise of Digital Sameness</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-a5e1b59 e-transform elementor-widget elementor-widget-heading" data-id="a5e1b59" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#why">Why Sameness Becomes a Strategic Problem</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-703375e e-transform elementor-widget elementor-widget-heading" data-id="703375e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#practical">The Hidden Cost of Optimization</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-f79b79a e-transform elementor-widget elementor-widget-heading" data-id="f79b79a" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#looking">The New Rule of Perception</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-cd2e0d4 e-transform elementor-widget elementor-widget-heading" data-id="cd2e0d4" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#how_we">What Makes a Website Memorable Again</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-f097501 e-transform elementor-widget elementor-widget-heading" data-id="f097501" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#the_role">The Role of Strategic Design</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-5135420 e-transform elementor-widget elementor-widget-heading" data-id="5135420" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#Approach">How We Approach This at Aeon Studio</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b9e5046 e-transform elementor-widget elementor-widget-heading" data-id="b9e5046" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#conclusion">Conclusion</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-7dd5bd1 e-transform elementor-widget elementor-widget-heading" data-id="7dd5bd1" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#links">Links</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-67097ff elementor-widget elementor-widget-heading" data-id="67097ff" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Reading time</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b47d78f elementor-widget elementor-widget-html" data-id="b47d78f" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- PROGRESS BAR -->
<div id="reading-progress-container">
    <div id="reading-progress-bar"></div>
</div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/color-of-the-year-2024/" rel="bookmark" title="Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It">Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It</a></h3><div class="entry-excerpt"><p>Reading time: Date: Author: Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It&hellip;</p>
</div>
</div></article></div><div class="owl-nav disabled"><div class="owl-prev" role="button" tabindex="0" aria-label="Prev slide"><i class="fas fa-chevron-left"></i></div><div class="owl-next" role="button" tabindex="0" aria-label="Next slide"><i class="fas fa-chevron-right"></i></div></div>				</div>
				</div>
				</div>
				</div>
				</div>
				</div>
		<p>The post <a href="https://www.aeonstudio.design/the-first-3-seconds-are-not-about-design-they-are-about-trust-2/">Why Most Websites Feel the Same (and Why That’s a Problem)</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Pantone Color of the Year: Mocha Mousse in Modern Branding</title>
		<link>https://www.aeonstudio.design/pantone-color-of-the-year-mocha-mousse-in-modern-branding/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=pantone-color-of-the-year-mocha-mousse-in-modern-branding</link>
		
		<dc:creator><![CDATA[Ivan Rukavina]]></dc:creator>
		<pubDate>Tue, 10 Jun 2025 13:06:29 +0000</pubDate>
				<category><![CDATA[Stories]]></category>
		<guid isPermaLink="false">https://www.aeonstudio.design/?p=13775</guid>

					<description><![CDATA[<p>Color remains one of the most powerful emotional triggers in branding. For 2025, Pantone has introduced Mocha Mousse (Pantone 17-1230) — a warm, grounded brown tone reflecting stability, comfort, and refined simplicity.</p>
<p>The post <a href="https://www.aeonstudio.design/pantone-color-of-the-year-mocha-mousse-in-modern-branding/">Pantone Color of the Year: Mocha Mousse in Modern Branding</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="13775" class="elementor elementor-13775" data-elementor-settings="{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-9959332 e-con-full e-flex e-con e-parent" data-id="9959332" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-4c1dfc3 e-con-full e-flex e-con e-child" data-id="4c1dfc3" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-61c8e2d elementor-widget elementor-widget-post-info" data-id="61c8e2d" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-7dc22d1 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="far fa-tags"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										Pantone Color of the Year: Mocha Mousse in Modern Branding					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f707566 e-con-full e-flex e-con e-parent" data-id="f707566" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-a27c1b6 e-con-full e-flex e-con e-child" data-id="a27c1b6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				</div>
				</div>
		<div class="elementor-element elementor-element-f600592 e-flex e-con-boxed e-con e-parent" data-id="f600592" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-165e586 elementor-widget elementor-widget-html" data-id="165e586" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- Univerzalni HTML widget za animaciju teksta -->
<script src="https://cdn.jsdelivr.net/npm/split-type"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    function initTextAnimations() {
      document.querySelectorAll('.js-split-text').forEach(element => {
        let styleClass = element.getAttribute('data-style') || 'title-1';
        element.classList.add(styleClass);

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

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

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

        observer.observe(element);
      });
    }

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

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

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

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

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

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

  @keyframes slide-in {
    from {
      transform: translateY(40px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
</style>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-304d23f e-flex e-con-boxed e-con e-parent" data-id="304d23f" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-9b798b6 e-con-full e-flex e-con e-child" data-id="9b798b6" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-2ea7a46 e-con-full left-content e-flex e-con e-child" data-id="2ea7a46" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-04986a5 e-con-full e-flex e-con e-child" data-id="04986a5" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f69cfcb e-con-full e-flex e-con e-child" data-id="f69cfcb" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-03aedf0 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="03aedf0" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Reading time:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-d4a4663 elementor-widget elementor-widget-post-info" data-id="d4a4663" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-b6cbea5 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-clock"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										  4 minutes					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f28fe7e e-con-full e-flex e-con e-child" data-id="f28fe7e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f82b903 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f82b903" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Date:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-24b4b4d elementor-widget elementor-widget-post-info" data-id="24b4b4d" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-f7adbef elementor-inline-item" itemprop="datePublished">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-calendar"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date">
										<time>June 10, 2025</time>					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-683312b e-con-full e-flex e-con e-child" data-id="683312b" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-10ff2b2 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="10ff2b2" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Author:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-62da2d9 elementor-widget elementor-widget-post-info" data-id="62da2d9" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-a2bcb6b elementor-inline-item" itemprop="author">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-user"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-author">
										Ivan Rukavina					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-f2728c4 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f2728c4" data-element_type="widget" data-e-type="widget" id="aeon" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Introduction</b></h3><p class="p1">Color remains one of the most powerful emotional triggers in branding. For 2025, Pantone has introduced <span class="s1"><b>Mocha Mousse (Pantone 17-1230)</b></span> — a warm, grounded brown tone reflecting stability, comfort, and refined simplicity.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-8275d33 e-con-full e-flex e-con e-child" data-id="8275d33" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0a49c1b elementor-widget elementor-widget-image" data-id="0a49c1b" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="1408" height="768" src="https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse.png" class="attachment-full size-full wp-image-13778" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse.png 1408w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse-300x164.png 300w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse-1024x559.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/04/Pantone-Color-of-the-Year-Mocha-Mousse-768x419.png 768w" sizes="(max-width: 1408px) 100vw, 1408px" />															</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-b3e2922 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="b3e2922" data-element_type="widget" data-e-type="widget" id="key" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><span class="s1"><b>The Psychology Behind Mocha Mousse</b></span></h3><p class="p1">This tone communicates trust, organic warmth, and understated luxury. Unlike aggressive or overly saturated palettes, Mocha Mousse introduces a sense of calm authority — making it especially relevant in an era of digital overload.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-ecb3127 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="ecb3127" data-element_type="widget" data-e-type="widget" id="why" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><span class="s1"><b>Application in Branding and Design Systems</b></span></h3><p class="p1">Mocha Mousse performs exceptionally well in:</p><p class="p1">• Premium brand identities seeking subtle luxury positioning<br />• UI systems requiring warmth without visual noise<br />• Packaging design with sustainable or natural positioning<br />• Editorial and lifestyle-focused visual communication</p>								</div>
				</div>
				<div class="elementor-element elementor-element-2b8ec3c elementor-invisible elementor-widget elementor-widget-text-editor" data-id="2b8ec3c" data-element_type="widget" data-e-type="widget" id="practical" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><span class="s1"><b>Visual Direction for 2025</b></span></h3><p class="p1">This color aligns strongly with broader design movements: tactile design, natural material references, and reduced visual aggression. It supports a “human-first” aesthetic in digital environments.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-14408ef elementor-invisible elementor-widget elementor-widget-text-editor" data-id="14408ef" data-element_type="widget" data-e-type="widget" id="conclusion" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Conclusion</b></h3><p class="p1">Mocha Mousse is not a trend color in the traditional sense — it is a tonal response to cultural fatigue. Brands that integrate it strategically will communicate stability in an increasingly fragmented digital landscape.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-4204375 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="4204375" data-element_type="widget" data-e-type="widget" id="links" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><a href="https://www.pantone.com/color-of-the-year/2024?srsltid=AfmBOoogaY_75wZjd1MrBefYXcwFYPWbUuo2xGosaR1K-kt6anm3t5TF"><b>Links</b></a></h3><p class="p3"><a href="https://www.aeonstudio.design/contact/" target="_blank" rel="noopener">Contact</a></p>								</div>
				</div>
				<div class="elementor-element elementor-element-9f3e706 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-spacer" data-id="9f3e706" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-1d7388b e-con-full e-flex e-con e-child" data-id="1d7388b" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f346ac1 e-con-full the7-e-sticky-row-yes e-flex e-con e-child" data-id="f346ac1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;the7_sticky_row&quot;:&quot;yes&quot;,&quot;the7_sticky_row_offset&quot;:100,&quot;the7_sticky_parent&quot;:&quot;yes&quot;,&quot;the7_sticky_parent_bottom_offset&quot;:20,&quot;the7_sticky_row_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;]}">
				<div class="elementor-element elementor-element-63822be elementor-widget elementor-widget-heading" data-id="63822be" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Table of contents</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-6922162 e-transform elementor-widget elementor-widget-heading" data-id="6922162" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#aeon">Introduction</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-d2d065e e-transform elementor-widget elementor-widget-heading" data-id="d2d065e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#key">The Psychology Behind Mocha Mousse</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-a5e1b59 e-transform elementor-widget elementor-widget-heading" data-id="a5e1b59" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#why">Application in Branding and Design Systems</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-703375e e-transform elementor-widget elementor-widget-heading" data-id="703375e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#practical">Visual Direction for 2025</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b9e5046 e-transform elementor-widget elementor-widget-heading" data-id="b9e5046" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#conclusion">Conclusion</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-7dd5bd1 e-transform elementor-widget elementor-widget-heading" data-id="7dd5bd1" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#links">Links</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-67097ff elementor-widget elementor-widget-heading" data-id="67097ff" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Reading time</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b47d78f elementor-widget elementor-widget-html" data-id="b47d78f" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- PROGRESS BAR -->
<div id="reading-progress-container">
    <div id="reading-progress-bar"></div>
</div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/color-of-the-year-2024/" rel="bookmark" title="Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It">Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It</a></h3><div class="entry-excerpt"><p>Reading time: Date: Author: Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It&hellip;</p>
</div>
</div></article></div><div class="owl-nav disabled"><div class="owl-prev" role="button" tabindex="0" aria-label="Prev slide"><i class="fas fa-chevron-left"></i></div><div class="owl-next" role="button" tabindex="0" aria-label="Next slide"><i class="fas fa-chevron-right"></i></div></div>				</div>
				</div>
				</div>
				</div>
				</div>
				</div>
		<p>The post <a href="https://www.aeonstudio.design/pantone-color-of-the-year-mocha-mousse-in-modern-branding/">Pantone Color of the Year: Mocha Mousse in Modern Branding</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>OPG Donna Martina</title>
		<link>https://www.aeonstudio.design/opg-donna-martina/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=opg-donna-martina</link>
		
		<dc:creator><![CDATA[Ivan Rukavina]]></dc:creator>
		<pubDate>Tue, 11 Mar 2025 13:39:12 +0000</pubDate>
				<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Visual Identity]]></category>
		<guid isPermaLink="false">https://www.aeonstudio.design/?p=14209</guid>

					<description><![CDATA[<p>Rooted in Nature, Designed with Purpose Rooted in Nature, Designed with Purpose Capturing the essence of nature. Client OPG Donna Martina Year of the project 2024 Project duration 2 months Exceptional products deserve an identity that reflects their quality and origin. For Donna Martina, we designed a distinctive logo together with a collection of premium&#8230;</p>
<p>The post <a href="https://www.aeonstudio.design/opg-donna-martina/">OPG Donna Martina</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="14209" class="elementor elementor-14209" 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-f22157c e-con-full elementor-hidden-mobile e-flex e-con e-parent" data-id="f22157c" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-a4c53fd e-con-full e-flex e-con e-child" data-id="a4c53fd" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-8528bd2 e-con-full e-flex e-con e-child" data-id="8528bd2" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-292c49a elementor-widget elementor-widget-html" data-id="292c49a" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="naslov">
    <div id="naslov_txt">
      <div>Rooted in <br/>Nature, Designed <br/>with Purpose</div>
  </div>
</div>				</div>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-07b6d80 e-con-full elementor-hidden-desktop elementor-hidden-tablet e-flex e-con e-parent" data-id="07b6d80" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f1fca9d e-con-full e-flex e-con e-child" data-id="f1fca9d" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-ea8081f e-con-full e-flex e-con e-child" data-id="ea8081f" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-2ea97b4 elementor-widget elementor-widget-html" data-id="2ea97b4" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="naslov_mob">
    <div id="naslov_txt_mob">
      <div>Rooted in <br/>Nature, Designed <br/>with Purpose</div>
  </div>
</div>				</div>
				</div>
				</div>
				</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-607bfeb e-flex e-con-boxed e-con e-parent" data-id="607bfeb" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-48c43c5 e-con-full e-flex e-con e-child" data-id="48c43c5" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-3e06c0a elementor-widget elementor-widget-html" data-id="3e06c0a" 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">Capturing the essence of nature.

</div>				</div>
				</div>
		<div class="elementor-element elementor-element-422f3d6 e-con-full e-flex e-con e-child" data-id="422f3d6" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-b635bd5 e-con-full e-flex e-con e-child" data-id="b635bd5" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-cc8a939 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="cc8a939" 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>Client</p>								</div>
				</div>
				<div class="elementor-element elementor-element-bbfeaf8 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="bbfeaf8" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>OPG Donna Martina</p>								</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-328fa2a e-con-full e-flex e-con e-child" data-id="328fa2a" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-b157f39 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="b157f39" 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 class="p1">Year of the project</p>								</div>
				</div>
				<div class="elementor-element elementor-element-2e33a4d elementor-invisible elementor-widget elementor-widget-text-editor" data-id="2e33a4d" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:500}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>2024</p>								</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-a942e36 e-con-full e-flex e-con e-child" data-id="a942e36" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-520cf96 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="520cf96" 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 class="p1">Project duration</p>								</div>
				</div>
				<div class="elementor-element elementor-element-5f4d666 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="5f4d666" 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>2 months</p>								</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-42a86fe e-con-full e-flex e-con e-child" data-id="42a86fe" data-element_type="container" data-e-type="container">
				</div>
				</div>
		<div class="elementor-element elementor-element-3f919e6 e-con-full e-flex e-con e-child" data-id="3f919e6" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f9480a0 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f9480a0" 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>Exceptional products deserve an identity that reflects their quality and origin. For Donna Martina, we designed a distinctive logo together with a collection of premium labels for its honey and extra virgin olive oil. Every element was carefully crafted to express authenticity, craftsmanship, and the character of the family farm, creating a cohesive visual identity that elevates the products while strengthening their presence on the market.</p>								</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-239e1a6 e-flex e-con-boxed e-con e-parent" data-id="239e1a6" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-efee9be elementor-widget elementor-widget-button" data-id="efee9be" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Logo</span>
					</span>
					</a>
				</div>
								</div>
				</div>
				<div class="elementor-element elementor-element-fcb193e elementor-widget elementor-widget-button" data-id="fcb193e" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://www.aeonstudio.design/category/labels/">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Labels</span>
					</span>
					</a>
				</div>
								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-7a1eb9d e-con-full e-flex e-con e-parent" data-id="7a1eb9d" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-b031276 elementor-widget elementor-widget-image" data-id="b031276" 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="1920" src="https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina10-scaled.jpg" class="attachment-full size-full wp-image-14217" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina10-scaled.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina10-300x225.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina10-1024x768.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina10-768x576.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina10-1536x1152.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina10-2048x1536.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" />															</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-6253ea6 e-flex e-con-boxed e-con e-parent" data-id="6253ea6" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-e79c481 e-con-full e-flex e-con e-child" data-id="e79c481" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-c4093dc elementor-widget elementor-widget-image" data-id="c4093dc" 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/2026/07/Donna_Martina8-scaled.jpg" class="attachment-full size-full wp-image-14223" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina8-scaled.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina8-300x200.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina8-1024x683.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina8-768x512.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina8-1536x1024.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina8-2048x1365.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" />															</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-ef1f8a6 e-con-full e-flex e-con e-child" data-id="ef1f8a6" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-7129e05 elementor-widget elementor-widget-image" data-id="7129e05" 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="1792" src="https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina1-scaled.jpg" class="attachment-full size-full wp-image-14213" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina1-scaled.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina1-300x210.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina1-1024x717.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina1-768x538.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina1-1536x1075.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina1-2048x1434.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" />															</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-9023db1 e-flex e-con-boxed e-con e-parent" data-id="9023db1" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-64bdfb4 e-con-full e-flex e-con e-child" data-id="64bdfb4" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-8448339 elementor-widget elementor-widget-image" data-id="8448339" 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/2026/07/Donna_Martina8-scaled.jpg" class="attachment-full size-full wp-image-14223" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina8-scaled.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina8-300x200.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina8-1024x683.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina8-768x512.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina8-1536x1024.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina8-2048x1365.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" />															</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-783650c e-con-full e-flex e-con e-child" data-id="783650c" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-c5d54a6 elementor-widget elementor-widget-image" data-id="c5d54a6" 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/2026/07/Donna_Martina12-scaled.jpg" class="attachment-full size-full wp-image-14225" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina12-scaled.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina12-300x200.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina12-1024x683.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina12-768x512.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina12-1536x1024.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina12-2048x1365.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" />															</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-c553f53 e-flex e-con-boxed e-con e-parent" data-id="c553f53" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-5469a48 e-con-full e-flex e-con e-child" data-id="5469a48" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-5521878 elementor-widget elementor-widget-html" data-id="5521878" 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-1" data-delay="0.3">Visual identity

</div>				</div>
				</div>
		<div class="elementor-element elementor-element-5a1cd95 e-con-full e-flex e-con e-child" data-id="5a1cd95" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-af34634 e-con-full e-flex elementor-invisible e-con e-child" data-id="af34634" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeInUp&quot;}">
				<div class="elementor-element elementor-element-4d5c480 icon-box-vertical-align-center icon-vertical-align-center content-align-left icon-position-left elementor-widget elementor-widget-the7_icon_box_widget" data-id="4d5c480" data-element_type="widget" data-e-type="widget" data-widget_type="the7_icon_box_widget.default">
				<div class="elementor-widget-container">
					
		<a class="the7-box-wrapper the7-elementor-widget box-hover the7_icon_box_widget-4d5c480" href="#logo">			<div class="box-content-wrapper">
									<div class="elementor-icon-div">						<div class="elementor-icon">
							<i aria-hidden="true" class=" icomoon-the7-font-the7-arrow-35"></i>						</div>
					</div>								<div class="box-content">
																	<h4 class="box-heading">
															Logo													</h4>
										
					
				</div>
			</div>
		</a>					</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-2516a38 e-con-full e-flex elementor-invisible e-con e-child" data-id="2516a38" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:300}">
				<div class="elementor-element elementor-element-0635382 icon-box-vertical-align-center icon-vertical-align-center content-align-left icon-position-left elementor-widget elementor-widget-the7_icon_box_widget" data-id="0635382" data-element_type="widget" data-e-type="widget" data-widget_type="the7_icon_box_widget.default">
				<div class="elementor-widget-container">
					
		<a class="the7-box-wrapper the7-elementor-widget box-hover the7_icon_box_widget-0635382" href="#typo">			<div class="box-content-wrapper">
									<div class="elementor-icon-div">						<div class="elementor-icon">
							<i aria-hidden="true" class=" icomoon-the7-font-the7-arrow-35"></i>						</div>
					</div>								<div class="box-content">
																	<h4 class="box-heading">
															Typo													</h4>
										
					
				</div>
			</div>
		</a>					</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-006a95c e-con-full e-flex elementor-invisible e-con e-child" data-id="006a95c" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:600}">
				<div class="elementor-element elementor-element-db9bd31 icon-box-vertical-align-center icon-vertical-align-center content-align-left icon-position-left elementor-widget elementor-widget-the7_icon_box_widget" data-id="db9bd31" data-element_type="widget" data-e-type="widget" data-widget_type="the7_icon_box_widget.default">
				<div class="elementor-widget-container">
					
		<a class="the7-box-wrapper the7-elementor-widget box-hover the7_icon_box_widget-db9bd31" href="#colors">			<div class="box-content-wrapper">
									<div class="elementor-icon-div">						<div class="elementor-icon">
							<i aria-hidden="true" class=" icomoon-the7-font-the7-arrow-35"></i>						</div>
					</div>								<div class="box-content">
																	<h4 class="box-heading">
															Colors													</h4>
										
					
				</div>
			</div>
		</a>					</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-fe7bfa7 e-con-full e-flex elementor-invisible e-con e-child" data-id="fe7bfa7" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:900}">
				<div class="elementor-element elementor-element-13c4c2d icon-box-vertical-align-center icon-vertical-align-center content-align-left icon-position-left elementor-widget elementor-widget-the7_icon_box_widget" data-id="13c4c2d" data-element_type="widget" data-e-type="widget" data-widget_type="the7_icon_box_widget.default">
				<div class="elementor-widget-container">
					
		<div class="the7-box-wrapper the7-elementor-widget the7_icon_box_widget-13c4c2d">			<div class="box-content-wrapper">
									<a class="elementor-icon-div" href="#other">						<div class="elementor-icon">
							<i aria-hidden="true" class=" icomoon-the7-font-the7-arrow-35"></i>						</div>
					</a>								<div class="box-content">
																	<h4 class="box-heading">
							<a href="#other">								Other							</a>						</h4>
										
					
				</div>
			</div>
		</div>					</div>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-c8906a5 e-con-full e-flex e-con e-child" data-id="c8906a5" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-444af93 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="444af93" 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">
									Packaging is often the first impression a product makes. For Donna Martina, we created a premium label system for its honey and extra virgin olive oil, combining a deep black palette with selective UV coating and bronze foil to achieve a refined, elegant finish. Designed to communicate quality and exclusivity, the labels balance minimalism with sophisticated detailing, allowing the products to stand out while reflecting the craftsmanship behind every bottle and jar.								</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-4807900 e-con-full e-flex e-con e-parent" data-id="4807900" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-b575220 elementor-widget elementor-widget-image" data-id="b575220" 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="1758" src="https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina5-scaled.jpg" class="attachment-full size-full wp-image-14230" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina5-scaled.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina5-300x206.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina5-1024x703.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina5-768x527.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina5-1536x1055.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina5-2048x1406.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" />															</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-e2f16da e-flex e-con-boxed e-con e-parent" data-id="e2f16da" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-f76d8e1 e-con-full e-flex e-con e-child" data-id="f76d8e1" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-431f5ce elementor-widget elementor-widget-image" data-id="431f5ce" 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="1708" src="https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina2-scaled.jpg" class="attachment-full size-full wp-image-14227" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina2-scaled.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina2-300x200.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina2-1024x683.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina2-768x512.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina2-1536x1025.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina2-2048x1366.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" />															</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-4290fe2 e-con-full e-flex e-con e-child" data-id="4290fe2" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0b05d00 elementor-widget elementor-widget-image" data-id="0b05d00" 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="1708" src="https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina4-scaled.jpg" class="attachment-full size-full wp-image-14229" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina4-scaled.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina4-300x200.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina4-1024x683.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina4-768x512.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina4-1536x1025.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina4-2048x1366.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" />															</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-3fddd71 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="3fddd71" data-element_type="container" data-e-type="container" id="logo" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-b968764 e-con-full e-flex e-con e-child" data-id="b968764" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-df72afc e-con-full e-flex e-con e-child" data-id="df72afc" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-89d90da e-con-full e-flex e-con e-child" data-id="89d90da" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-6c4386a e-con-full e-flex e-con e-child" data-id="6c4386a" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-d2584dc elementor-widget elementor-widget-heading" data-id="d2584dc" 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">• Logo</h2>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-b24b40f e-con-full e-flex e-con e-child" data-id="b24b40f" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-7d6ab64 elementor-widget elementor-widget-html" data-id="7d6ab64" 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">Always original and unique.

</div>				</div>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-79c6ccb e-con-full e-flex e-con e-child" data-id="79c6ccb" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ac4d5f7 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="ac4d5f7" 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">
									With a wide range of products in various colors and designs, we crafted a visual and communicative identity that highlights the perfect harmony of style and practicality. Every element of the branding—from the logo to the packaging—was designed to reflect the dynamic and ever-evolving world of Apple users.								</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f6baf40 e-con-full e-flex e-con e-child" data-id="f6baf40" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-9faeed0 e-con-full e-flex e-con e-child" data-id="9faeed0" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-d753851 elementor-widget elementor-widget-image" data-id="d753851" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1280" height="960" src="https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo8.jpg" class="attachment-full size-full wp-image-5456" alt="Design studio presenting rebranding strategy" srcset="https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo8.jpg 1280w, https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo8-300x225.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo8-1024x768.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo8-768x576.jpg 768w" sizes="(max-width: 1280px) 100vw, 1280px" />															</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-3684d97 e-con-full e-flex e-con e-child" data-id="3684d97" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-fa66ee4 elementor-widget elementor-widget-image" data-id="fa66ee4" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1280" height="960" src="https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo6.jpg" class="attachment-full size-full wp-image-5454" alt="Apple oprema rebranding" srcset="https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo6.jpg 1280w, https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo6-300x225.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo6-1024x768.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo6-768x576.jpg 768w" sizes="(max-width: 1280px) 100vw, 1280px" />															</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-338470b e-con-full e-flex e-con e-child" data-id="338470b" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-e05c15a elementor-widget elementor-widget-image" data-id="e05c15a" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1280" height="960" src="https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo4.jpg" class="attachment-full size-full wp-image-5452" alt="Apple oprema rebranding" srcset="https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo4.jpg 1280w, https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo4-300x225.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo4-1024x768.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo4-768x576.jpg 768w" sizes="(max-width: 1280px) 100vw, 1280px" />															</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-a300b6b elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="a300b6b" data-element_type="container" data-e-type="container" id="typo">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-e2840c2 e-con-full e-flex e-con e-child" data-id="e2840c2" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-3e92efa e-con-full e-flex e-con e-child" data-id="3e92efa" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-9461278 e-con-full e-flex e-con e-child" data-id="9461278" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-5b61af5 e-con-full e-flex e-con e-child" data-id="5b61af5" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-fa45a49 elementor-widget elementor-widget-heading" data-id="fa45a49" 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">• Typography</h2>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-93b2845 e-con-full e-flex e-con e-child" data-id="93b2845" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-4399e29 elementor-widget elementor-widget-html" data-id="4399e29" 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">Beautiful letters here.

</div>				</div>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-0569685 e-con-full e-flex e-con e-child" data-id="0569685" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-7accea7 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="7accea7" 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>The combination of Proxima Nova Alt and Bebas Neue ensures a modern, professional, and structured visual identity, balancing readability with strong typographic contrast.</p>								</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-4b7dbaa e-con-full e-flex e-con e-child" data-id="4b7dbaa" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f53dd9e e-con-full e-flex e-con e-child" data-id="f53dd9e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-5affa29 elementor-widget elementor-widget-image" data-id="5affa29" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1280" height="960" src="https://www.aeonstudio.design/wp-content/uploads/2025/02/font_AO.png" class="attachment-full size-full wp-image-5993" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2025/02/font_AO.png 1280w, https://www.aeonstudio.design/wp-content/uploads/2025/02/font_AO-300x225.png 300w, https://www.aeonstudio.design/wp-content/uploads/2025/02/font_AO-1024x768.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/02/font_AO-768x576.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" />															</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-a8706c9 e-con-full e-flex e-con e-child" data-id="a8706c9" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-993a386 elementor-widget elementor-widget-image" data-id="993a386" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1280" height="960" src="https://www.aeonstudio.design/wp-content/uploads/2025/02/font_AO2.png" class="attachment-full size-full wp-image-6000" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2025/02/font_AO2.png 1280w, https://www.aeonstudio.design/wp-content/uploads/2025/02/font_AO2-300x225.png 300w, https://www.aeonstudio.design/wp-content/uploads/2025/02/font_AO2-1024x768.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/02/font_AO2-768x576.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" />															</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-63f7d1a elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="63f7d1a" data-element_type="container" data-e-type="container" id="colors">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-3df27cf e-con-full e-flex e-con e-child" data-id="3df27cf" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-00beb4c e-con-full e-flex e-con e-child" data-id="00beb4c" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-2781447 e-con-full e-flex e-con e-child" data-id="2781447" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-a62299e e-con-full e-flex e-con e-child" data-id="a62299e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-43c50d6 elementor-widget elementor-widget-heading" data-id="43c50d6" 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">• Colors</h2>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-a67cec5 e-con-full e-flex e-con e-child" data-id="a67cec5" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-34e55b3 elementor-widget elementor-widget-html" data-id="34e55b3" 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">A dance of pigments.

</div>				</div>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-7d6ae9e e-con-full e-flex e-con e-child" data-id="7d6ae9e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-2dc2189 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="2dc2189" 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>A carefully selected color palette reflects innovation, precision, and creativity, establishing a strong and recognizable brand presence across all applications.</p>								</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-32346dc e-con-full e-flex e-con e-child" data-id="32346dc" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-a17fc1c e-con-full e-flex e-con e-child" data-id="a17fc1c" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-53f2d45 elementor-widget elementor-widget-image" data-id="53f2d45" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1280" height="960" src="https://www.aeonstudio.design/wp-content/uploads/2025/02/colors_AO.png" class="attachment-full size-full wp-image-5985" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2025/02/colors_AO.png 1280w, https://www.aeonstudio.design/wp-content/uploads/2025/02/colors_AO-300x225.png 300w, https://www.aeonstudio.design/wp-content/uploads/2025/02/colors_AO-1024x768.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/02/colors_AO-768x576.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" />															</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-61d1bdc e-con-full e-flex e-con e-child" data-id="61d1bdc" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-a8e02e3 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="a8e02e3" 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 class="p1">The visual identity of the Apple Oprema brand is based on a carefully selected color palette that reflects the brand’s core values: technology, innovation, precision, and aesthetic purity. Each color in the system has its purpose and contributes to the brand’s coherence across digital and physical applications.</p><p class="p1">• <span class="s1"><b>Viriatin (dark blue)</b></span> – A symbol of stability, trust, and technological precision. This color emphasizes the brand’s seriousness and premium quality.</p><p class="p1">• <span class="s1"><b>Berouar (turquoise)</b></span> – Brings freshness and modernity, reflecting the innovative spirit of technology.</p><p class="p1">• <span class="s1"><b>Turkiz (intense magenta)</b></span> – Dynamic and bold, representing creativity and passion for design and aesthetics.</p><p class="p1">• <span class="s1"><b>Rarrad (red)</b></span> – Highlights energy, determination, and the brand’s strong market presence.</p><p class="p1">• <span class="s1"><b>Ouruar (orange)</b></span> – Symbolizes warmth, user-friendliness, and optimism, which are key aspects of the Apple Oprema brand.</p><p class="p1">• <span class="s1"><b>Vervidis (warm orange)</b></span> – Connects technological precision with creative expression, ensuring balance in the visual identity.</p><p class="p1">• <span class="s1"><b>Sunriz (soft yellow)</b></span> – Brings a sense of brightness and lightness, complementing the palette with a subtle yet effective finishing tone.</p><p class="p1">These colors create a distinctive visual identity for the Apple Oprema brand, emphasizing its connection to cutting-edge technology and minimalist design, in the spirit of Apple aesthetics.</p>								</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-5330720 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="5330720" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-a0b0e97 e-con-full e-flex e-con e-child" data-id="a0b0e97" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-9d03900 e-con-full e-flex e-con e-child" data-id="9d03900" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-07a4895 e-con-full e-flex e-con e-child" data-id="07a4895" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-e18db35 e-con-full e-flex e-con e-child" data-id="e18db35" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-fffd2b7 elementor-widget elementor-widget-heading" data-id="fffd2b7" 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">• Other</h2>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-40f3704 e-con-full e-flex e-con e-child" data-id="40f3704" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-71a3d47 elementor-widget elementor-widget-html" data-id="71a3d47" 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">Design and packaging

</div>				</div>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-108e739 e-con-full e-flex e-con e-child" data-id="108e739" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-e055fe1 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="e055fe1" 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">
									The design and packaging embody a balance of aesthetics and functionality, ensuring a premium, cohesive, and visually striking brand experience.								</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-b7b5a4d e-con-full e-flex e-con e-child" data-id="b7b5a4d" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-e32e301 elementor-widget elementor-widget-image" data-id="e32e301" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1280" height="960" src="https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo10.jpg" class="attachment-full size-full wp-image-5458" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo10.jpg 1280w, https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo10-300x225.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo10-1024x768.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo10-768x576.jpg 768w" sizes="(max-width: 1280px) 100vw, 1280px" />															</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-1bf50bc elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="1bf50bc" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-c5a81c5 e-con-full e-flex e-con e-child" data-id="c5a81c5" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-4b36b65 elementor-widget elementor-widget-html" data-id="4b36b65" 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-1" data-delay="0.3">Website • eCommerce

</div>				</div>
				</div>
		<div class="elementor-element elementor-element-5284ba6 e-con-full e-flex e-con e-child" data-id="5284ba6" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-38fc673 e-con-full e-flex elementor-invisible e-con e-child" data-id="38fc673" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeInUp&quot;}">
				<div class="elementor-element elementor-element-c217d7e icon-box-vertical-align-center icon-vertical-align-center content-align-left icon-position-left elementor-widget elementor-widget-the7_icon_box_widget" data-id="c217d7e" data-element_type="widget" data-e-type="widget" data-widget_type="the7_icon_box_widget.default">
				<div class="elementor-widget-container">
					
		<a class="the7-box-wrapper the7-elementor-widget box-hover the7_icon_box_widget-c217d7e" >			<div class="box-content-wrapper">
									<div class="elementor-icon-div">						<div class="elementor-icon">
							<i aria-hidden="true" class=" icomoon-the7-font-the7-arrow-35"></i>						</div>
					</div>								<div class="box-content">
																	<h4 class="box-heading">
															Design													</h4>
										
					
				</div>
			</div>
		</a>					</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-b3eb5b0 e-con-full e-flex elementor-invisible e-con e-child" data-id="b3eb5b0" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:300}">
				</div>
		<div class="elementor-element elementor-element-b41ff8b e-con-full e-flex elementor-invisible e-con e-child" data-id="b41ff8b" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:600}">
				</div>
		<div class="elementor-element elementor-element-6a62ca3 e-con-full e-flex elementor-invisible e-con e-child" data-id="6a62ca3" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:900}">
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-582b106 e-con-full e-flex e-con e-child" data-id="582b106" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-5c98973 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="5c98973" 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">
									A seamless and visually compelling eCommerce experience, designed for clarity, efficiency, and brand consistency across all digital touchpoints.								</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-5f23d16 e-flex e-con-boxed e-con e-parent" data-id="5f23d16" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
					</div>
				</div>
		<div class="elementor-element elementor-element-8dfb782 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="8dfb782" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-c07a3d8 e-con-full e-flex e-con e-child" data-id="c07a3d8" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-45ac535 icon-box-vertical-align-center icon-vertical-align-center content-align-mobile-center elementor-hidden-desktop elementor-hidden-tablet content-align-left icon-position-left elementor-widget elementor-widget-the7_icon_box_widget" data-id="45ac535" data-element_type="widget" data-e-type="widget" data-widget_type="the7_icon_box_widget.default">
				<div class="elementor-widget-container">
					
		<a class="the7-box-wrapper the7-elementor-widget box-hover the7_icon_box_widget-45ac535" >			<div class="box-content-wrapper">
								<div class="box-content">
																	<h4 class="box-heading">
															On your phone? Perfect! No need to squint or search. Just tap below to see our website in its mobile-friendly glory.													</h4>
										
					
				</div>
			</div>
		</a>					</div>
				</div>
		<div class="elementor-element elementor-element-c515b2c e-con-full e-flex elementor-invisible e-con e-child" data-id="c515b2c" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeInLeft&quot;,&quot;animation_delay&quot;:1000}">
				<div class="elementor-element elementor-element-d9af75d e-transform elementor-widget elementor-widget-heading" data-id="d9af75d" 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="http://www.appleoprema.com" target="_blank">VISIT WEBPAGE</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-3b7cab0 icon-position-right icon-vertical-align-center e-transform content-align-left elementor-widget elementor-widget-the7_icon_box_widget" data-id="3b7cab0" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_rotateZ_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-45,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="the7_icon_box_widget.default">
				<div class="elementor-widget-container">
					
		<a class="the7-box-wrapper the7-elementor-widget box-hover the7_icon_box_widget-3b7cab0" href="http://www.appleoprema.com" target="_blank">			<div class="box-content-wrapper">
									<div class="elementor-icon-div">						<div class="elementor-icon">
							<i aria-hidden="true" class=" icomoon-the7-font-the7-arrow-33"></i>						</div>
					</div>								<div class="box-content">
										
					
				</div>
			</div>
		</a>					</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-4dff491 e-con-full e-flex e-con e-parent" data-id="4dff491" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-c026530 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="c026530" 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-22a7a10 elementor-widget elementor-widget-html" data-id="22a7a10" 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-1" data-delay="0.3">Wanna see<br/>more?

</div>				</div>
				</div>
				<div class="elementor-element elementor-element-e011310 arrows-relative-to-box_area preserve-img-ratio-cover bullets-small-dot-stroke elementor-widget elementor-widget-the7_elements_carousel" data-id="e011310" data-element_type="widget" data-e-type="widget" data-settings="{&quot;widget_columns&quot;:3.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-e011310 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-14568 type-post status-publish format-standard has-post-thumbnail hentry category-branding category-graphic-design category-packaging category-visual-identity">

	<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/gorka-istina/"><img decoding="async" width="1678" height="937" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201678%20937&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1678px) 100vw, 1678px" style="--ratio: 1678 / 937;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/09/Gorka-istina-Aeon-Studio2.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/09/Gorka-istina-Aeon-Studio2.jpg 1678w, https://www.aeonstudio.design/wp-content/uploads/2026/09/Gorka-istina-Aeon-Studio2-300x168.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2026/09/Gorka-istina-Aeon-Studio2-1024x572.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/09/Gorka-istina-Aeon-Studio2-768x429.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2026/09/Gorka-istina-Aeon-Studio2-1536x858.jpg 1536w" /></a>
		</div>
	</div>


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

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/gorka-istina/" rel="bookmark" title="Gorka istina">Gorka istina</a></h3><div class="entry-excerpt"><p>Every TruthHas TwoSides. Every TruthHas TwoSides. Two sides, two characters, one bitter truth. Client Gorka Istina Year of the project&hellip;</p>
</div>
</div></article><article class="post visible post-14559 type-post status-publish format-standard has-post-thumbnail hentry category-branding category-graphic-design category-visual-identity">

	<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/jeska/"><img decoding="async" width="2560" height="2133" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%202133&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 2133;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/09/Jeska6.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/09/Jeska6.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2026/09/Jeska6-300x250.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2026/09/Jeska6-1024x853.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/09/Jeska6-768x640.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2026/09/Jeska6-1536x1280.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2026/09/Jeska6-2048x1706.jpg 2048w" /></a>
		</div>
	</div>


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

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/jeska/" rel="bookmark" title="Ješka">Ješka</a></h3><div class="entry-excerpt"><p>Where BitesTake theBait. Where BitesTake theBait. A playful coastal identity, hooked on character. Client Ješka Year of the project 2026&hellip;</p>
</div>
</div></article><article class="post visible post-14570 type-post status-publish format-standard has-post-thumbnail hentry category-branding category-graphic-design category-visual-identity">

	<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/veseli-umagezi/"><img decoding="async" width="2560" height="2389" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%202389&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 2389;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/03/4-scaled.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/03/4-scaled.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2026/03/4-300x280.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2026/03/4-1024x956.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/03/4-768x717.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2026/03/4-1536x1434.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2026/03/4-2048x1911.jpg 2048w" /></a>
		</div>
	</div>


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

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/veseli-umagezi/" rel="bookmark" title="Veseli Umageži">Veseli Umageži</a></h3><div class="entry-excerpt"><p>Where IstrianTradition GetsLoud. Where IstrianTradition GetsLoud. Istrian tradition, reimagined with a louder voice. Client Veseli Umageži Year of the project&hellip;</p>
</div>
</div></article><article class="post visible post-14150 type-post status-publish format-standard has-post-thumbnail hentry category-branding category-graphic-design category-visual-identity">

	<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/hotel-emaus/"><img decoding="async" width="2560" height="1792" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201792&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1792;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/07/Hotel_Emaus_logo_gold.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/07/Hotel_Emaus_logo_gold.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Hotel_Emaus_logo_gold-300x210.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Hotel_Emaus_logo_gold-1024x717.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Hotel_Emaus_logo_gold-768x538.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Hotel_Emaus_logo_gold-1536x1075.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Hotel_Emaus_logo_gold-2048x1434.jpg 2048w" /></a>
		</div>
	</div>


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

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/hotel-emaus/" rel="bookmark" title="Hotel Emaus">Hotel Emaus</a></h3><div class="entry-excerpt"><p>Where Family Hotels BreakTradition. Where Family Hotels BreakTradition. Family Hospitality, Reimagined. Client Hotel Emaus Year of the project 2025 Project&hellip;</p>
</div>
</div></article><article class="post visible post-14255 type-post status-publish format-standard has-post-thumbnail hentry category-branding category-graphic-design">

	<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/ljuta-baba/"><img decoding="async" width="1380" height="752" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201380%20752&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 1380px) 100vw, 1380px" style="--ratio: 1380 / 752;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/07/Ljuta-baba-3.png" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/07/Ljuta-baba-3.png 1380w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Ljuta-baba-3-300x163.png 300w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Ljuta-baba-3-1024x558.png 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Ljuta-baba-3-768x419.png 768w" /></a>
		</div>
	</div>


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

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/ljuta-baba/" rel="bookmark" title="Ljuta Baba">Ljuta Baba</a></h3><div class="entry-excerpt"><p>Crafted in Croatia.Made to burn. Where Family Hotels BreakTradition. Designing the attitude behind the spice. Client Ljuta Baba Year of&hellip;</p>
</div>
</div></article><article class="post visible post-14209 type-post status-publish format-standard has-post-thumbnail hentry category-graphic-design category-visual-identity">

	<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/opg-donna-martina/"><img decoding="async" width="2560" height="2560" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%202560&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 2560;" data-src="https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina9.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina9.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina9-300x300.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina9-1024x1024.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina9-150x150.jpg 150w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina9-768x768.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina9-1536x1536.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2026/07/Donna_Martina9-2048x2048.jpg 2048w" /></a>
		</div>
	</div>


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

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/opg-donna-martina/" rel="bookmark" title="OPG Donna Martina">OPG Donna Martina</a></h3><div class="entry-excerpt"><p>Rooted in Nature, Designed with Purpose Rooted in Nature, Designed with Purpose Capturing the essence of nature. Client OPG Donna&hellip;</p>
</div>
</div></article><article class="post visible post-9421 type-post status-publish format-standard has-post-thumbnail hentry category-branding category-graphic-design category-visual-identity category-web-design">

	<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/high-games/"><img decoding="async" width="2048" height="2084" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202048%202084&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" style="--ratio: 2048 / 2084;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/09/High_Games_Logo_Animation_-2.gif" loading="eager" /></a>
		</div>
	</div>


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

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/high-games/" rel="bookmark" title="High Games">High Games</a></h3><div class="entry-excerpt"><p>High Games – branding, innovation &#038; playfulness. High Games – branding, innovation &#038; playfulness. Play. Innovate. Elevate. Client High Times&hellip;</p>
</div>
</div></article><article class="post visible post-9042 type-post status-publish format-standard has-post-thumbnail hentry category-branding category-graphic-design category-visual-identity category-web-design">

	<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/goat-34/"><img decoding="async" width="2560" height="2560" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%202560&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 2560;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/09/Goat34-AeonStudio3.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/09/Goat34-AeonStudio3.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2025/09/Goat34-AeonStudio3-300x300.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/09/Goat34-AeonStudio3-1024x1024.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/09/Goat34-AeonStudio3-150x150.jpg 150w, https://www.aeonstudio.design/wp-content/uploads/2025/09/Goat34-AeonStudio3-768x768.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/09/Goat34-AeonStudio3-1536x1536.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2025/09/Goat34-AeonStudio3-2048x2048.jpg 2048w, https://www.aeonstudio.design/wp-content/uploads/2025/09/Goat34-AeonStudio3-650x650.jpg 650w, https://www.aeonstudio.design/wp-content/uploads/2025/09/Goat34-AeonStudio3-1300x1300.jpg 1300w" /></a>
		</div>
	</div>


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

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/goat-34/" rel="bookmark" title="Goat 34">Goat 34</a></h3><div class="entry-excerpt"><p>Goat 34 – identity, performance &#038; sports excellence. Goat 34 – identity, performance &#038; sports excellence. Don&#8217;t think. Play sport.&hellip;</p>
</div>
</div></article><article class="post visible post-8990 type-post status-publish format-standard has-post-thumbnail hentry category-graphic-design category-visual-identity category-web-design">

	<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/buoni-amici/"><img decoding="async" width="2560" height="1748" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201748&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1748;" data-src="https://www.aeonstudio.design/wp-content/uploads/2022/05/Small-cup-copy-2.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2022/05/Small-cup-copy-2.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2022/05/Small-cup-copy-2-300x205.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2022/05/Small-cup-copy-2-1024x699.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2022/05/Small-cup-copy-2-768x524.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2022/05/Small-cup-copy-2-1536x1049.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2022/05/Small-cup-copy-2-2048x1398.jpg 2048w" /></a>
		</div>
	</div>


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

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/buoni-amici/" rel="bookmark" title="Buoni Amici">Buoni Amici</a></h3><div class="entry-excerpt"><p>Restoran Buoni Amici – identity, tradition &#038; culinary experience. Buoni Amici – identity, tradition &#038; culinary experience. Where precision meets&hellip;</p>
</div>
</div></article><article class="post visible post-8975 type-post status-publish format-standard has-post-thumbnail hentry category-branding category-graphic-design category-visual-identity category-web-design">

	<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/event-studio/"><img decoding="async" width="2560" height="1447" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201447&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1447;" data-src="https://www.aeonstudio.design/wp-content/uploads/2022/07/Event-Studio1.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2022/07/Event-Studio1.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2022/07/Event-Studio1-300x170.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2022/07/Event-Studio1-1024x579.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2022/07/Event-Studio1-768x434.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2022/07/Event-Studio1-1536x868.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2022/07/Event-Studio1-2048x1158.jpg 2048w" /></a>
		</div>
	</div>


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

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/event-studio/" rel="bookmark" title="Event Studio">Event Studio</a></h3><div class="entry-excerpt"><p>Event Studio – identity, experience &#038; event storytelling. Event Studio – identity, experience &#038; event storytelling. Where moments become memories.&hellip;</p>
</div>
</div></article><article class="post visible post-8905 type-post status-publish format-standard has-post-thumbnail hentry category-graphic-design category-packaging category-web-design">

	<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/vina-dean/"><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/2025/08/Aeon_Studio_Labels_Vina-Dean3.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_Studio_Labels_Vina-Dean3.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_Studio_Labels_Vina-Dean3-300x200.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_Studio_Labels_Vina-Dean3-1024x683.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_Studio_Labels_Vina-Dean3-768x512.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_Studio_Labels_Vina-Dean3-1536x1024.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_Studio_Labels_Vina-Dean3-2048x1366.jpg 2048w" /></a>
		</div>
	</div>


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

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/vina-dean/" rel="bookmark" title="Vina Dean">Vina Dean</a></h3><div class="entry-excerpt"><p>Vina Dean – identity, packaging &#038; digital presence. Vina Dean Identity, packaging &#038; digital presence. Where precision meets trust. Client&hellip;</p>
</div>
</div></article><article class="post visible post-8535 type-post status-publish format-standard has-post-thumbnail hentry category-branding category-graphic-design category-visual-identity category-web-design">

	<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/dental-stocovaz/"><img decoding="async" width="2560" height="1682" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%202560%201682&#039;%2F%3E" class="attachment-full size-full preload-me aspect lazy lazy-load" alt="" sizes="(max-width: 2560px) 100vw, 2560px" style="--ratio: 2560 / 1682;" data-src="https://www.aeonstudio.design/wp-content/uploads/2025/08/Dental-Stocovaz1.jpg" loading="eager" data-srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/Dental-Stocovaz1.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Dental-Stocovaz1-300x197.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Dental-Stocovaz1-1024x673.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Dental-Stocovaz1-768x505.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Dental-Stocovaz1-1536x1009.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Dental-Stocovaz1-2048x1346.jpg 2048w" /></a>
		</div>
	</div>


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

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/dental-stocovaz/" rel="bookmark" title="Dental Stocovaz">Dental Stocovaz</a></h3><div class="entry-excerpt"><p>Dental Stocovaz – identity, design &#038; digital clarity. Dental Stocovaz – identity, design &#038; digital clarity. Where precision meets trust.&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>
		<p>The post <a href="https://www.aeonstudio.design/opg-donna-martina/">OPG Donna Martina</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Sustainability in Design: From Trend to Standard in 2024</title>
		<link>https://www.aeonstudio.design/sustainability-in-design-from-trend-to-standard-in-2024/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=sustainability-in-design-from-trend-to-standard-in-2024</link>
		
		<dc:creator><![CDATA[Ivan Rukavina]]></dc:creator>
		<pubDate>Wed, 05 Jun 2024 06:51:00 +0000</pubDate>
				<category><![CDATA[Stories]]></category>
		<guid isPermaLink="false">https://www.aeonstudio.design/?p=8810</guid>

					<description><![CDATA[<p>In 2024, sustainability moved beyond being a buzzword — it became an industry standard. From packaging to branding to digital products, eco-conscious design practices were no longer optional; they were expected.</p>
<p>The post <a href="https://www.aeonstudio.design/sustainability-in-design-from-trend-to-standard-in-2024/">Sustainability in Design: From Trend to Standard in 2024</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="8810" class="elementor elementor-8810" data-elementor-settings="{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-9959332 e-con-full e-flex e-con e-parent" data-id="9959332" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-4c1dfc3 e-con-full e-flex e-con e-child" data-id="4c1dfc3" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-61c8e2d elementor-widget elementor-widget-post-info" data-id="61c8e2d" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-7dc22d1 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="far fa-tags"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										Sustainability in Design: From Trend to Standard in 2024					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f707566 e-con-full e-flex e-con e-parent" data-id="f707566" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-a27c1b6 e-con-full e-flex e-con e-child" data-id="a27c1b6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				</div>
				</div>
		<div class="elementor-element elementor-element-f600592 e-flex e-con-boxed e-con e-parent" data-id="f600592" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-165e586 elementor-widget elementor-widget-html" data-id="165e586" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- Univerzalni HTML widget za animaciju teksta -->
<script src="https://cdn.jsdelivr.net/npm/split-type"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    function initTextAnimations() {
      document.querySelectorAll('.js-split-text').forEach(element => {
        let styleClass = element.getAttribute('data-style') || 'title-1';
        element.classList.add(styleClass);

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

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

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

        observer.observe(element);
      });
    }

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

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

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

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

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

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

  @keyframes slide-in {
    from {
      transform: translateY(40px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
</style>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-304d23f e-flex e-con-boxed e-con e-parent" data-id="304d23f" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-9b798b6 e-con-full e-flex e-con e-child" data-id="9b798b6" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-2ea7a46 e-con-full left-content e-flex e-con e-child" data-id="2ea7a46" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-04986a5 e-con-full e-flex e-con e-child" data-id="04986a5" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f69cfcb e-con-full e-flex e-con e-child" data-id="f69cfcb" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-03aedf0 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="03aedf0" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Reading time:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-d4a4663 elementor-widget elementor-widget-post-info" data-id="d4a4663" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-b6cbea5 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-clock"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										  4 minutes					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f28fe7e e-con-full e-flex e-con e-child" data-id="f28fe7e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f82b903 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f82b903" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Date:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-24b4b4d elementor-widget elementor-widget-post-info" data-id="24b4b4d" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-f7adbef elementor-inline-item" itemprop="datePublished">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-calendar"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date">
										<time>June 5, 2024</time>					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-683312b e-con-full e-flex e-con e-child" data-id="683312b" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-10ff2b2 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="10ff2b2" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Author:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-62da2d9 elementor-widget elementor-widget-post-info" data-id="62da2d9" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-a2bcb6b elementor-inline-item" itemprop="author">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-user"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-author">
										Ivan Rukavina					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-f2728c4 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f2728c4" data-element_type="widget" data-e-type="widget" id="aeon" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Introduction</b></h3>
<p class="p1">In 2024, sustainability moved beyond being a buzzword — it became an industry standard. From packaging to branding to digital products, eco-conscious design practices were no longer optional; they were expected. As consumers demanded greater transparency and responsibility, brands had to prove their environmental commitment not only in production but also in their visual and strategic identity.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-b3e2922 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="b3e2922" data-element_type="widget" data-e-type="widget" id="why" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Why Sustainability Matters in Branding</b></h3><p class="p1">Modern consumers actively reward brands that align with their values. Research in 2024 showed that buyers were more likely to trust, recommend, and remain loyal to brands that showcased genuine sustainability efforts. For designers, this meant creating solutions that <span class="s1"><b>communicated responsibility while maintaining strong aesthetics.</b></span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-ecb3127 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="ecb3127" data-element_type="widget" data-e-type="widget" id="practical" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Practical Examples of Sustainable Design</b></h3><ul><li><p class="p1"><span class="s1"><b>Packaging</b></span>: Switching to recyclable, compostable, or reusable materials while simplifying graphics to reduce ink and waste.</p></li><li><p class="p1"><span class="s1"><b>Visual Language</b></span>: Integrating earthy tones, organic textures, and minimalistic layouts to emphasize authenticity.</p></li><li><p class="p1"><span class="s1"><b>Digital Footprint</b></span>: Designing lightweight websites optimized for energy efficiency — improving both user experience and ecological impact.</p></li><li><p class="p1"><span class="s1"><b>Circular Design</b></span>: Considering the full lifecycle of products and how design can encourage reusability or recycling.</p></li></ul>								</div>
				</div>
		<div class="elementor-element elementor-element-8275d33 e-con-full e-flex e-con e-child" data-id="8275d33" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0a49c1b elementor-widget elementor-widget-image" data-id="0a49c1b" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="2560" height="1707" src="https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon.jpg" class="attachment-full size-full wp-image-8814" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-300x200.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-1024x683.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-768x512.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-1536x1024.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2024/06/High_Games_Aeon-2048x1366.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" />															</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-2b8ec3c elementor-invisible elementor-widget elementor-widget-text-editor" data-id="2b8ec3c" data-element_type="widget" data-e-type="widget" id="practical" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>The Business Advantage</b></h3><p class="p1">Sustainable design was not just about ethics; it also created measurable business benefits in 2024:</p><ul><li><p class="p1">Increased <span class="s1"><b>customer loyalty</b></span> among eco-conscious demographics.</p></li><li><p class="p1">Stronger <span class="s1"><b>brand reputation</b></span> in global markets.</p></li><li><p class="p1">Reduced <span class="s1"><b>long-term costs</b></span> through efficiency and material innovation.</p></li><li><p class="p1">Alignment with growing <span class="s1"><b>regulations and certifications</b></span> worldwide.</p></li></ul>								</div>
				</div>
				<div class="elementor-element elementor-element-14408ef elementor-invisible elementor-widget elementor-widget-text-editor" data-id="14408ef" data-element_type="widget" data-e-type="widget" id="conclusion" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Conclusion</b></h3><p class="p1">Sustainability in design is no longer an “extra feature.” It is the new baseline for responsible and forward-thinking brands. At Aeon Studio, we believe that the best design solutions of tomorrow are those that balance creativity with care for the planet — crafting identities that resonate with both people and the world they live in.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-4204375 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="4204375" data-element_type="widget" data-e-type="widget" id="links" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><a href="https://www.pantone.com/color-of-the-year/2024?srsltid=AfmBOoogaY_75wZjd1MrBefYXcwFYPWbUuo2xGosaR1K-kt6anm3t5TF"><b>Links</b></a></h3><p class="p3"><a href="https://www.aeonstudio.design/portfolio/" target="_blank" rel="noopener">Look at our sustainability work</a></p>								</div>
				</div>
				<div class="elementor-element elementor-element-9f3e706 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-spacer" data-id="9f3e706" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-1d7388b e-con-full e-flex e-con e-child" data-id="1d7388b" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f346ac1 e-con-full the7-e-sticky-row-yes e-flex e-con e-child" data-id="f346ac1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;the7_sticky_row&quot;:&quot;yes&quot;,&quot;the7_sticky_row_offset&quot;:100,&quot;the7_sticky_parent&quot;:&quot;yes&quot;,&quot;the7_sticky_parent_bottom_offset&quot;:20,&quot;the7_sticky_row_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;]}">
				<div class="elementor-element elementor-element-63822be elementor-widget elementor-widget-heading" data-id="63822be" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Table of contents</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-6922162 e-transform elementor-widget elementor-widget-heading" data-id="6922162" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#aeon">Introduction</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-d2d065e e-transform elementor-widget elementor-widget-heading" data-id="d2d065e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#why">Why Sustainability Matters in Branding</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-a5e1b59 e-transform elementor-widget elementor-widget-heading" data-id="a5e1b59" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#practical">Practical Examples of Sustainable Design</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-703375e e-transform elementor-widget elementor-widget-heading" data-id="703375e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#practical">The Business Advantage</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b9e5046 e-transform elementor-widget elementor-widget-heading" data-id="b9e5046" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#conclusion">Conclusion</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-7dd5bd1 e-transform elementor-widget elementor-widget-heading" data-id="7dd5bd1" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#links">Links</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-67097ff elementor-widget elementor-widget-heading" data-id="67097ff" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Reading time</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b47d78f elementor-widget elementor-widget-html" data-id="b47d78f" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- PROGRESS BAR -->
<div id="reading-progress-container">
    <div id="reading-progress-bar"></div>
</div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/color-of-the-year-2024/" rel="bookmark" title="Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It">Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It</a></h3><div class="entry-excerpt"><p>Reading time: Date: Author: Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It&hellip;</p>
</div>
</div></article></div><div class="owl-nav disabled"><div class="owl-prev" role="button" tabindex="0" aria-label="Prev slide"><i class="fas fa-chevron-left"></i></div><div class="owl-next" role="button" tabindex="0" aria-label="Next slide"><i class="fas fa-chevron-right"></i></div></div>				</div>
				</div>
				</div>
				</div>
				</div>
				</div>
		<p>The post <a href="https://www.aeonstudio.design/sustainability-in-design-from-trend-to-standard-in-2024/">Sustainability in Design: From Trend to Standard in 2024</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Rebranding: When Is It Time for a Redesign – and How to Do It Without Losing Clients</title>
		<link>https://www.aeonstudio.design/when-to-rebrand-and-how/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=when-to-rebrand-and-how</link>
		
		<dc:creator><![CDATA[Ivan Rukavina]]></dc:creator>
		<pubDate>Fri, 16 Jun 2023 07:04:00 +0000</pubDate>
				<category><![CDATA[Stories]]></category>
		<guid isPermaLink="false">https://www.aeonstudio.design/?p=7429</guid>

					<description><![CDATA[<p>Reading time: Date: Author: As businesses evolve, so do their audiences, services, and ambitions. Yet many brands find themselves stuck with a visual identity that no longer represents who they are. In today’s fast-moving landscape of design and technology, rebranding is becoming less of a luxury and more of a strategic necessity. At Aeon Studio,&#8230;</p>
<p>The post <a href="https://www.aeonstudio.design/when-to-rebrand-and-how/">Rebranding: When Is It Time for a Redesign – and How to Do It Without Losing Clients</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="7429" class="elementor elementor-7429" data-elementor-settings="{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-9959332 e-con-full e-flex e-con e-parent" data-id="9959332" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-4c1dfc3 e-con-full e-flex e-con e-child" data-id="4c1dfc3" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-61c8e2d elementor-widget elementor-widget-post-info" data-id="61c8e2d" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-7dc22d1 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="far fa-tags"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										Rebranding: When Is It Time for a Redesign – and How to Do It Without Losing Clients					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f707566 e-con-full e-flex e-con e-parent" data-id="f707566" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-a27c1b6 e-con-full e-flex e-con e-child" data-id="a27c1b6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				</div>
				</div>
		<div class="elementor-element elementor-element-f600592 e-flex e-con-boxed e-con e-parent" data-id="f600592" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-165e586 elementor-widget elementor-widget-html" data-id="165e586" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- Univerzalni HTML widget za animaciju teksta -->
<script src="https://cdn.jsdelivr.net/npm/split-type"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    function initTextAnimations() {
      document.querySelectorAll('.js-split-text').forEach(element => {
        let styleClass = element.getAttribute('data-style') || 'title-1';
        element.classList.add(styleClass);

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

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

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

        observer.observe(element);
      });
    }

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

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

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

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

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

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

  @keyframes slide-in {
    from {
      transform: translateY(40px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
</style>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-304d23f e-flex e-con-boxed e-con e-parent" data-id="304d23f" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-9b798b6 e-con-full e-flex e-con e-child" data-id="9b798b6" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-2ea7a46 e-con-full left-content e-flex e-con e-child" data-id="2ea7a46" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-04986a5 e-con-full e-flex e-con e-child" data-id="04986a5" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f69cfcb e-con-full e-flex e-con e-child" data-id="f69cfcb" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-03aedf0 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="03aedf0" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Reading time:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-d4a4663 elementor-widget elementor-widget-post-info" data-id="d4a4663" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-b6cbea5 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-clock"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										  4 minutes					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f28fe7e e-con-full e-flex e-con e-child" data-id="f28fe7e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f82b903 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f82b903" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Date:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-24b4b4d elementor-widget elementor-widget-post-info" data-id="24b4b4d" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-f7adbef elementor-inline-item" itemprop="datePublished">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-calendar"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date">
										<time>June 16, 2023</time>					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-683312b e-con-full e-flex e-con e-child" data-id="683312b" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-10ff2b2 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="10ff2b2" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Author:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-62da2d9 elementor-widget elementor-widget-post-info" data-id="62da2d9" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-a2bcb6b elementor-inline-item" itemprop="author">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-user"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-author">
										Ivan Rukavina					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-75da6a0 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="75da6a0" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p class="p1">As businesses evolve, so do their audiences, services, and ambitions. Yet many brands find themselves stuck with a visual identity that no longer represents who they are. In today’s fast-moving landscape of design and technology, rebranding is becoming less of a luxury and more of a strategic necessity.</p><p class="p1">At Aeon Studio, we’ve been working with clients facing that exact challenge: they’ve grown, but their brand hasn’t kept up. Here’s how we approach rebranding — when it’s needed, how to do it right, and how to maintain trust with your audience along the way.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-8275d33 e-con-full e-flex e-con e-child" data-id="8275d33" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0a49c1b elementor-widget elementor-widget-image" data-id="0a49c1b" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1280" height="960" src="https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo10.jpg" class="attachment-full size-full wp-image-5458" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo10.jpg 1280w, https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo10-300x225.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo10-1024x768.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo10-768x576.jpg 768w" sizes="(max-width: 1280px) 100vw, 1280px" />															</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-f2728c4 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f2728c4" data-element_type="widget" data-e-type="widget" id="howto" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>1. How to Know It’s Time for a Rebrand</b></h3>
<p class="p3">A full redesign isn’t always required. But here are clear indicators that your brand might be due for an update:</p>
<p class="p1"> </p>
<ul>
<li>
<p class="p1">Your <a href="https://www.aeonstudio.design/branding/">visual identity</a> looks dated and lacks relevance.</p>
</li>
<li>
<p class="p1">You’ve expanded your services or shifted focus.</p>
</li>
<li>
<p class="p1">Your competitors appear more modern and better aligned with your audience.</p>
</li>
<li>
<p class="p1">Your internal team doesn’t connect with your <a href="https://www.aeonstudio.design/branding/">brand</a> anymore.</p>
</li>
<li>
<p class="p1">Your branding no longer reflects your values or business personality.</p>
</li>
</ul>
<p> </p>
<p class="p3">Rebranding should never be about blindly chasing trends — it’s about clarity, consistency, and aligning your brand’s presentation with its true direction.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-e575f25 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="e575f25" data-element_type="widget" data-e-type="widget" id="rebranding" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>2. Rebranding Doesn’t Mean Reinventing Everything</b></h3>
<p class="p3"><a href="https://www.aeonstudio.design/branding/">Rebranding</a> doesn’t mean destroying everything that exists. Often, it’s about evolution. A cleaner logo, improved typography, more structured layouts, or a refined color palette can do wonders. It’s also a chance to revisit tone of voice and visual hierarchy.</p>
<p class="p3">We’re seeing a rise in clarity, bold simplicity, and more thoughtful use of space. Flat design has matured. Brands are moving away from decorative complexity toward purpose-driven visuals.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-f5e810a elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f5e810a" data-element_type="widget" data-e-type="widget" id="Communicating" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>3. Communicating the Change With Confidence</b></h3>
<p class="p3">The biggest mistake during a rebrand? Leaving your audience in the dark.</p>
<p class="p3">Here’s how to build trust during the transition:</p>
<p class="p1"> </p>
<ul>
<li>
<p class="p1">Share the <a href="https://www.aeonstudio.design/stories/">story</a> behind the change.</p>
</li>
<li>
<p class="p1">Show visual progress — before/after examples work well.</p>
</li>
<li>
<p class="p1">Create messaging that supports the change and invites feedback.</p>
</li>
<li>
<p class="p1">Stay consistent in tone, even if the visuals evolve.</p>
</li>
</ul>
<p> </p>
<p class="p3">Rebranding isn’t just visual — it’s psychological. Customers need to feel that the new look is still <i>you</i>.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-6f98c03 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="6f98c03" data-element_type="widget" data-e-type="widget" id="value" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>4. The Real Value of Rebranding</b></h3>
<p class="p3">When done right, a rebrand:</p>
<p class="p1"> </p>
<ul>
<li>
<p class="p1">Sparks new attention from customers.</p>
</li>
<li>
<p class="p1">Boosts internal morale.</p>
</li>
<li>
<p class="p1">Clarifies your place in the market.</p>
</li>
<li>
<p class="p1">Sets the stage for long-term brand recognition.</p>
</li>
</ul>
<p> </p>
<p class="p3">The goal isn’t to look different — the goal is to look right.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-5183d5d e-con-full e-flex e-con e-child" data-id="5183d5d" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-290322e elementor-widget elementor-widget-image" data-id="290322e" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1280" height="960" src="https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo8.jpg" class="attachment-full size-full wp-image-5456" alt="Design studio presenting rebranding strategy" srcset="https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo8.jpg 1280w, https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo8-300x225.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo8-1024x768.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/02/AO-logo8-768x576.jpg 768w" sizes="(max-width: 1280px) 100vw, 1280px" />															</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-90dc64d elementor-invisible elementor-widget elementor-widget-text-editor" data-id="90dc64d" data-element_type="widget" data-e-type="widget" id="Conclusion" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h2><b>Conclusion</b></h2>
<p class="p3">A rebrand is not just about visuals. It’s a reflection of your company’s evolution and a signal of where you’re going. When your brand starts feeling like a past version of yourself, it may be time for a change. And if you approach it with intention, creativity, and strategy — you won’t lose clients. You’ll attract the right ones.</p>
<p class="p3"><a href="https://www.aeonstudio.design/contact/">Contact us.</a></p>								</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-1d7388b e-con-full e-flex e-con e-child" data-id="1d7388b" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f346ac1 e-con-full the7-e-sticky-row-yes e-flex e-con e-child" data-id="f346ac1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;the7_sticky_row&quot;:&quot;yes&quot;,&quot;the7_sticky_row_offset&quot;:100,&quot;the7_sticky_parent&quot;:&quot;yes&quot;,&quot;the7_sticky_parent_bottom_offset&quot;:20,&quot;the7_sticky_row_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;]}">
				<div class="elementor-element elementor-element-63822be elementor-widget elementor-widget-heading" data-id="63822be" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Table of contents</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-6922162 e-transform elementor-widget elementor-widget-heading" data-id="6922162" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#howto">How to Know It’s Time for a Rebrand</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-a5e1b59 e-transform elementor-widget elementor-widget-heading" data-id="a5e1b59" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#rebranding">Rebranding Doesn’t Mean Reinventing Everything</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-23f4d5a e-transform elementor-widget elementor-widget-heading" data-id="23f4d5a" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#Communicating">Communicating the Change With Confidence</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-c72c9fd e-transform elementor-widget elementor-widget-heading" data-id="c72c9fd" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#value">The Real Value of Rebranding</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-caf4079 e-transform elementor-widget elementor-widget-heading" data-id="caf4079" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#Conclusion">Conclusion</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-67097ff elementor-widget elementor-widget-heading" data-id="67097ff" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Reading time</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b47d78f elementor-widget elementor-widget-html" data-id="b47d78f" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- PROGRESS BAR -->
<div id="reading-progress-container">
    <div id="reading-progress-bar"></div>
</div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/color-of-the-year-2024/" rel="bookmark" title="Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It">Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It</a></h3><div class="entry-excerpt"><p>Reading time: Date: Author: Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It&hellip;</p>
</div>
</div></article></div><div class="owl-nav disabled"><div class="owl-prev" role="button" tabindex="0" aria-label="Prev slide"><i class="fas fa-chevron-left"></i></div><div class="owl-next" role="button" tabindex="0" aria-label="Next slide"><i class="fas fa-chevron-right"></i></div></div>				</div>
				</div>
				</div>
				</div>
				</div>
				</div>
		<p>The post <a href="https://www.aeonstudio.design/when-to-rebrand-and-how/">Rebranding: When Is It Time for a Redesign – and How to Do It Without Losing Clients</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
