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

<image>
	<url>https://www.aeonstudio.design/wp-content/uploads/2026/04/cropped-Aeon-Studio-Minimalist-Logo_V-Copy-4-32x32.png</url>
	<title>Aeon Studio, Author at Aeon Studio</title>
	<link>https://www.aeonstudio.design/author/aeon-studio/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Behind the Award-Winning Work: Our Creative Process at Aeon Studio</title>
		<link>https://www.aeonstudio.design/behind-the-award-winning-work-our-creative-process-at-aeon-studio/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=behind-the-award-winning-work-our-creative-process-at-aeon-studio</link>
		
		<dc:creator><![CDATA[Aeon Studio]]></dc:creator>
		<pubDate>Fri, 29 Mar 2024 13:56:00 +0000</pubDate>
				<category><![CDATA[Stories]]></category>
		<guid isPermaLink="false">https://www.aeonstudio.design/?p=8798</guid>

					<description><![CDATA[<p>Great design doesn’t happen by accident. Behind every successful brand is a deliberate and deeply human process — one that balances strategy with creativity, clarity with intuition. </p>
<p>The post <a href="https://www.aeonstudio.design/behind-the-award-winning-work-our-creative-process-at-aeon-studio/">Behind the Award-Winning Work: Our Creative Process at Aeon Studio</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="8798" class="elementor elementor-8798" data-elementor-settings="{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-9959332 e-con-full e-flex e-con e-parent" data-id="9959332" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-4c1dfc3 e-con-full e-flex e-con e-child" data-id="4c1dfc3" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-61c8e2d elementor-widget elementor-widget-post-info" data-id="61c8e2d" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-7dc22d1 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="far fa-tags"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										Behind the Award-Winning Work: Our Creative Process at Aeon Studio					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f707566 e-con-full e-flex e-con e-parent" data-id="f707566" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-a27c1b6 e-con-full e-flex e-con e-child" data-id="a27c1b6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				</div>
				</div>
		<div class="elementor-element elementor-element-f600592 e-flex e-con-boxed e-con e-parent" data-id="f600592" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-165e586 elementor-widget elementor-widget-html" data-id="165e586" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- Univerzalni HTML widget za animaciju teksta -->
<script src="https://cdn.jsdelivr.net/npm/split-type"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    function initTextAnimations() {
      document.querySelectorAll('.js-split-text').forEach(element => {
        let styleClass = element.getAttribute('data-style') || 'title-1';
        element.classList.add(styleClass);

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

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

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

        observer.observe(element);
      });
    }

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

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

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

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

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

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

  @keyframes slide-in {
    from {
      transform: translateY(40px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
</style>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-304d23f e-flex e-con-boxed e-con e-parent" data-id="304d23f" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-9b798b6 e-con-full e-flex e-con e-child" data-id="9b798b6" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-2ea7a46 e-con-full left-content e-flex e-con e-child" data-id="2ea7a46" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-04986a5 e-con-full e-flex e-con e-child" data-id="04986a5" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f69cfcb e-con-full e-flex e-con e-child" data-id="f69cfcb" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-03aedf0 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="03aedf0" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Reading time:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-d4a4663 elementor-widget elementor-widget-post-info" data-id="d4a4663" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-b6cbea5 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-clock"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										  5 minutes					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f28fe7e e-con-full e-flex e-con e-child" data-id="f28fe7e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f82b903 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f82b903" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Date:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-24b4b4d elementor-widget elementor-widget-post-info" data-id="24b4b4d" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-f7adbef elementor-inline-item" itemprop="datePublished">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-calendar"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date">
										<time>March 29, 2024</time>					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-683312b e-con-full e-flex e-con e-child" data-id="683312b" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-10ff2b2 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="10ff2b2" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Author:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-62da2d9 elementor-widget elementor-widget-post-info" data-id="62da2d9" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-a2bcb6b elementor-inline-item" itemprop="author">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-user"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-author">
										Aeon Studio					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-f2728c4 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f2728c4" data-element_type="widget" data-e-type="widget" id="aeon" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Introduction</b></h3>
<p class="p1">Great design doesn’t happen by accident. Behind every successful brand is a deliberate and deeply human process — one that balances strategy with creativity, clarity with intuition. At Aeon Studio, that process underpins every identity we craft, whether it earns international awards or becomes a client’s trusted visual legacy.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-2918c35 e-con-full e-flex e-con e-child" data-id="2918c35" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-31467da elementor-widget elementor-widget-image" data-id="31467da" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img fetchpriority="high" decoding="async" width="2560" height="1440" src="https://www.aeonstudio.design/wp-content/uploads/2025/08/aeons-team4.jpg" class="attachment-full size-full wp-image-8806" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/aeons-team4.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2025/08/aeons-team4-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/aeons-team4-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/aeons-team4-768x432.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/aeons-team4-1536x864.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2025/08/aeons-team4-2048x1152.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" />															</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-b3e2922 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="b3e2922" data-element_type="widget" data-e-type="widget" id="key" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>1. Discovery &amp; Deep Listening</b></h3><p class="p3">Our process begins with listening — not just to the project brief, but to the emotions, values, and ambitions that drive it. Inspired by Hoa Đất’s structured approach, we clarify objectives, audience, brand essence, and context from the very start ￼.</p><p>We engage clients with an immersive brief, supplemented by a brand “homework” worksheet — mapping vision, voice, values, and audience perception early on, similar to Function Creative’s methodology</p>								</div>
				</div>
				<div class="elementor-element elementor-element-ecb3127 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="ecb3127" data-element_type="widget" data-e-type="widget" id="why" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>2. Research, Strategy &amp; Creative Foundations<br /></b></h3><p class="p3">Armed with insights, we analyze competitors, cultural trends, and audience expectations to form a creative strategy. We then pull together moodboards and vision snapshots that serve as a compass — an emotional and aesthetic north star for the brand identity.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-2b8ec3c elementor-invisible elementor-widget elementor-widget-text-editor" data-id="2b8ec3c" data-element_type="widget" data-e-type="widget" id="practical" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>3. Sketching, Drafting &amp; Ideation</b></h3><p class="p3">We iterate visually and conceptually. Taking inspiration from Architectural Digest’s testimonials about hand-drawing, we often begin with tactile sketches and watercolors — expressive, evocative, and conveying emotion in ways that digital never could ￼.</p><p>From informal sketches, we develop refined digital drafts — typically 2–3 fully-realized paths for the client to choose from. Echoing processes shared by many agencies, this strategy balances creativity with clarity to avoid decision fatigue</p>								</div>
				</div>
		<div class="elementor-element elementor-element-8275d33 e-con-full e-flex e-con e-child" data-id="8275d33" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0a49c1b elementor-widget elementor-widget-image" data-id="0a49c1b" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="2560" height="1440" src="https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo.jpg" class="attachment-full size-full wp-image-8804" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-300x169.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-1024x576.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-768x432.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-1536x864.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2025/08/Aeon_drawing_logo-2048x1152.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" />															</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-f12f932 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f12f932" data-element_type="widget" data-e-type="widget" id="4" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>4. Presentation &amp; Collaborative Refinement</b></h3><p class="p3">Presenting initial concepts goes beyond visuals — it’s storytelling. We explain the rationale, value alignment and strategic intent behind each direction. Papirfly’s guidance on using moodboards, prototypes, and a brand narrative in presentations is something we adopt when engaging with clients.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-4ab5db9 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="4ab5db9" data-element_type="widget" data-e-type="widget" id="5" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>5. Finalization, Delivery &amp; Launch</b></h3><p class="p3">Once a concept is selected, we refine it through limited and focused rounds of feedback to preserve momentum and creative integrity. The result is a polished, purpose-driven brand identity.</p><p>We deliver files and brand guidelines clearly and thoughtfully — logos in multiple formats, style guides, templates, and asset libraries — following the high standards seen in Big Cat Creative’s process.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-a90fd64 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="a90fd64" data-element_type="widget" data-e-type="widget" id="6" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>6. Why Our Process Wins Awards</b></h3><p class="p3">This structured yet deeply human process transforms brands into stories with emotional resonance. It is how we achieve designs that are not just visually excellent, but also unique, emotive, compelling — and recognized on stages like the IDA.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-14408ef elementor-invisible elementor-widget elementor-widget-text-editor" data-id="14408ef" data-element_type="widget" data-e-type="widget" id="conclusion" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Conclusion</b></h3><p class="p1">At Aeon Studio, exceptional branding is crafted — not by chance — but by listening, exploring, storytelling, and refining. Every sketch, color, and detail is part of a narrative that aims not just to speak, but to connect, resonate, and endure.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-4204375 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="4204375" data-element_type="widget" data-e-type="widget" id="links" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><a href="https://www.pantone.com/color-of-the-year/2024?srsltid=AfmBOoogaY_75wZjd1MrBefYXcwFYPWbUuo2xGosaR1K-kt6anm3t5TF"><b>Links</b></a></h3><p class="p3"><a href="https://www.aeonstudio.design/portfolio/" target="_blank" rel="noopener">Our Work</a></p><p><a href="https://www.aeonstudio.design/solutions/" target="_blank" rel="noopener">Solutions</a></p><p><a href="https://www.aeonstudio.design/contact/" target="_blank" rel="noopener">Contact</a></p>								</div>
				</div>
				<div class="elementor-element elementor-element-9f3e706 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-spacer" data-id="9f3e706" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-1d7388b e-con-full e-flex e-con e-child" data-id="1d7388b" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f346ac1 e-con-full the7-e-sticky-row-yes e-flex e-con e-child" data-id="f346ac1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;the7_sticky_row&quot;:&quot;yes&quot;,&quot;the7_sticky_row_offset&quot;:100,&quot;the7_sticky_parent&quot;:&quot;yes&quot;,&quot;the7_sticky_parent_bottom_offset&quot;:20,&quot;the7_sticky_row_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;]}">
				<div class="elementor-element elementor-element-63822be elementor-widget elementor-widget-heading" data-id="63822be" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Table of contents</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-6922162 e-transform elementor-widget elementor-widget-heading" data-id="6922162" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#aeon">Introduction</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-d2d065e e-transform elementor-widget elementor-widget-heading" data-id="d2d065e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#key">1. Discovery &amp; Deep Listening</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-a5e1b59 e-transform elementor-widget elementor-widget-heading" data-id="a5e1b59" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#why">2. Research, Strategy &amp; Creative Foundations</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-703375e e-transform elementor-widget elementor-widget-heading" data-id="703375e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#practical">3. Sketching, Drafting &amp; Ideation</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b79324f e-transform elementor-widget elementor-widget-heading" data-id="b79324f" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#4">4. Presentation &amp; Collaborative Refinement</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-9bb47a3 e-transform elementor-widget elementor-widget-heading" data-id="9bb47a3" data-element_type="widget" data-e-type="widget" id="5" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#practical">5. Finalization, Delivery &amp; Launch</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-093e447 e-transform elementor-widget elementor-widget-heading" data-id="093e447" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#6">6. Why Our Process Wins Awards</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b9e5046 e-transform elementor-widget elementor-widget-heading" data-id="b9e5046" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#conclusion">Conclusion</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-7dd5bd1 e-transform elementor-widget elementor-widget-heading" data-id="7dd5bd1" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#links">Links</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-67097ff elementor-widget elementor-widget-heading" data-id="67097ff" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Reading time</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b47d78f elementor-widget elementor-widget-html" data-id="b47d78f" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- PROGRESS BAR -->
<div id="reading-progress-container">
    <div id="reading-progress-bar"></div>
</div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

	<h3 class="ele-entry-title"><a href="https://www.aeonstudio.design/color-of-the-year-2024/" rel="bookmark" title="Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It">Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It</a></h3><div class="entry-excerpt"><p>Reading time: Date: Author: Color of the Year 2024: Peach Fuzz — Why It Matters and How to Use It&hellip;</p>
</div>
</div></article></div><div class="owl-nav disabled"><div class="owl-prev" role="button" tabindex="0" aria-label="Prev slide"><i class="fas fa-chevron-left"></i></div><div class="owl-next" role="button" tabindex="0" aria-label="Next slide"><i class="fas fa-chevron-right"></i></div></div>				</div>
				</div>
				</div>
				</div>
				</div>
				</div>
		<p>The post <a href="https://www.aeonstudio.design/behind-the-award-winning-work-our-creative-process-at-aeon-studio/">Behind the Award-Winning Work: Our Creative Process at Aeon Studio</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Aeon Studio Wins Gold at the International Design Awards for Premium Tartufi Label Design</title>
		<link>https://www.aeonstudio.design/aeon-studio-wins-gold-at-the-international-design-awards-for-premium-tartufi-label-design/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=aeon-studio-wins-gold-at-the-international-design-awards-for-premium-tartufi-label-design</link>
		
		<dc:creator><![CDATA[Aeon Studio]]></dc:creator>
		<pubDate>Tue, 23 Jan 2024 13:17:12 +0000</pubDate>
				<category><![CDATA[Stories]]></category>
		<guid isPermaLink="false">https://www.aeonstudio.design/?p=8644</guid>

					<description><![CDATA[<p>At Aeon Studio, design has always been about more than aesthetics — it’s about telling stories, creating emotional connections, and shaping experiences that last.</p>
<p>The post <a href="https://www.aeonstudio.design/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> 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="8644" class="elementor elementor-8644" data-elementor-settings="{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-9959332 e-con-full e-flex e-con e-parent" data-id="9959332" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-4c1dfc3 e-con-full e-flex e-con e-child" data-id="4c1dfc3" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-61c8e2d elementor-widget elementor-widget-post-info" data-id="61c8e2d" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-7dc22d1 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="far fa-tags"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										Aeon Studio Wins Gold at the International Design Awards for Premium Tartufi Label Design					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f707566 e-con-full e-flex e-con e-parent" data-id="f707566" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-a27c1b6 e-con-full e-flex e-con e-child" data-id="a27c1b6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				</div>
				</div>
		<div class="elementor-element elementor-element-f600592 e-flex e-con-boxed e-con e-parent" data-id="f600592" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-165e586 elementor-widget elementor-widget-html" data-id="165e586" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- Univerzalni HTML widget za animaciju teksta -->
<script src="https://cdn.jsdelivr.net/npm/split-type"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    function initTextAnimations() {
      document.querySelectorAll('.js-split-text').forEach(element => {
        let styleClass = element.getAttribute('data-style') || 'title-1';
        element.classList.add(styleClass);

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

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

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

        observer.observe(element);
      });
    }

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

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

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

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

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

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

  @keyframes slide-in {
    from {
      transform: translateY(40px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
</style>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-304d23f e-flex e-con-boxed e-con e-parent" data-id="304d23f" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-9b798b6 e-con-full e-flex e-con e-child" data-id="9b798b6" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-2ea7a46 e-con-full left-content e-flex e-con e-child" data-id="2ea7a46" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-04986a5 e-con-full e-flex e-con e-child" data-id="04986a5" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f69cfcb e-con-full e-flex e-con e-child" data-id="f69cfcb" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-03aedf0 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="03aedf0" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Reading time:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-d4a4663 elementor-widget elementor-widget-post-info" data-id="d4a4663" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-b6cbea5 elementor-inline-item">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-clock"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
										  4 minutes					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f28fe7e e-con-full e-flex e-con e-child" data-id="f28fe7e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f82b903 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f82b903" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Date:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-24b4b4d elementor-widget elementor-widget-post-info" data-id="24b4b4d" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-f7adbef elementor-inline-item" itemprop="datePublished">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-calendar"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date">
										<time>January 23, 2024</time>					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-683312b e-con-full e-flex e-con e-child" data-id="683312b" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-10ff2b2 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="10ff2b2" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:800}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Author:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-62da2d9 elementor-widget elementor-widget-post-info" data-id="62da2d9" data-element_type="widget" data-e-type="widget" data-widget_type="post-info.default">
				<div class="elementor-widget-container">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-a2bcb6b elementor-inline-item" itemprop="author">
										<span class="elementor-icon-list-icon">
								<i aria-hidden="true" class="fas fa-user"></i>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-author">
										Aeon Studio					</span>
								</li>
				</ul>
						</div>
				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-f2728c4 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="f2728c4" data-element_type="widget" data-e-type="widget" id="award" 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>Award-Winning Design – Premium Tartufi at the International Design Awards</b></h3><p class="p1">At Aeon Studio, design has always been about more than aesthetics — it’s about telling stories, creating emotional connections, and shaping experiences that last. That philosophy has now been recognized on an international stage: our label design for Premium Tartufi has been awarded the Gold Medal at the International Design Awards (IDA).</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="2560" height="1324" src="https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-1.jpg" class="attachment-full size-full wp-image-8648" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-1.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-1-300x155.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-1-1024x530.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-1-768x397.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-1-1536x794.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-1-2048x1059.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" />															</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-b3e2922 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="b3e2922" data-element_type="widget" data-e-type="widget" id="project" 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 Project: Premium Tartufi Label Design</b></h3><p class="p3">Premium Tartufi represents craftsmanship, luxury, and authenticity — values we wanted to capture in a single, timeless design. The label combines clean geometry with artisanal detailing, subtle textures, and a restrained color palette that reflects the exclusivity of the product. Every element, from typography to material finish, was designed to feel unique, tactile, and memorable.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-9f46de6 e-con-full e-flex e-con e-child" data-id="9f46de6" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-67746a6 elementor-widget elementor-widget-image" data-id="67746a6" 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/2021/02/premium-tartufi1.jpg" class="attachment-full size-full wp-image-8522" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2021/02/premium-tartufi1.jpg 2560w, https://www.aeonstudio.design/wp-content/uploads/2021/02/premium-tartufi1-300x200.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2021/02/premium-tartufi1-1024x683.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2021/02/premium-tartufi1-768x512.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2021/02/premium-tartufi1-1536x1024.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2021/02/premium-tartufi1-2048x1366.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" />															</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-ecb3127 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="ecb3127" data-element_type="widget" data-e-type="widget" id="why" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Jury Recognition</b></h3><p class="p1">The award was not only a validation of our creative vision but also a powerful recognition from design leaders around the world. One of the jurors, <span class="s1"><b>Samantha Aliferov</b></span>, described our work as:</p><p class="p3"><b>“Unique, Emotive, Compelling.”</b><b></b></p><p class="p1">These three words perfectly summarize what we aimed to achieve — a design that goes beyond the surface and creates a lasting impression both visually and emotionally.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-ff4e843 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="ff4e843" data-element_type="widget" data-e-type="widget" id="why" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>Why This Award Matters</b></h3><p class="p1">Winning <span class="s1"><b>Gold at IDA</b></span> is more than a trophy. It reflects our dedication to thoughtful, story-driven design and confirms that even from our corner of the world, we can set benchmarks in international branding. It motivates us to continue pushing boundaries and to create work that resonates globally.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-a85d2b3 e-con-full e-flex e-con e-child" data-id="a85d2b3" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ac7b685 elementor-widget elementor-widget-image" data-id="ac7b685" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="595" height="841" src="https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-2.jpg" class="attachment-large size-large wp-image-8654" alt="" srcset="https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-2.jpg 595w, https://www.aeonstudio.design/wp-content/uploads/2025/08/IDA-2023-2-212x300.jpg 212w" sizes="(max-width: 595px) 100vw, 595px" />															</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-0eff6ab elementor-invisible elementor-widget elementor-widget-text-editor" data-id="0eff6ab" data-element_type="widget" data-e-type="widget" id="additional" 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>An Additional Recognition: Honorable Mention for Vina Dean</b></h3><p class="p1">Alongside the Gold Medal, we are also proud to share that our label designs for <span class="s1"><b>Vina Dean rakija</b></span> received an <span class="s1"><b>Honorable Mention</b></span> at the same competition. This recognition celebrates our ability to bring personality and storytelling into every detail — whether designing for premium truffles or local spirits.</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">Awards are not the end goal — they are milestones that remind us why we create. At Aeon Studio, every project is a collaboration of creativity, strategy, and passion. The recognition at the International Design Awards only strengthens our belief that design, when done with purpose, can be truly transformative.</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.idesignawards.com" target="_blank" rel="noopener">International Design Awards</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" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
		<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="#award">Award-Winning Design – Premium Tartufi at the International Design Awards</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="#project">The Project: Premium Tartufi Label Design</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b9e5046 e-transform elementor-widget elementor-widget-heading" data-id="b9e5046" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><a href="#additional">An Additional Recognition: Honorable Mention for Vina Dean</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-d0ee60d e-transform elementor-widget elementor-widget-heading" data-id="d0ee60d" 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/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> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Why Choose Aeon Studio: Building Brands with Purpose Since 2000s</title>
		<link>https://www.aeonstudio.design/why-choose-aeon-studio/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=why-choose-aeon-studio</link>
		
		<dc:creator><![CDATA[Aeon Studio]]></dc:creator>
		<pubDate>Wed, 30 Aug 2023 12:25:00 +0000</pubDate>
				<category><![CDATA[Stories]]></category>
		<guid isPermaLink="false">https://www.aeonstudio.design/?p=7358</guid>

					<description><![CDATA[<p>Reading time: Date: Author: When Aeon Studio was founded, the vision was clear from the very beginning — to offer creative design services that go far beyond aesthetics. Our goal was (and still is) to build meaningful, strategic, and fully tailored brand experiences for every client. We were a small team based in Umag, Croatia.&#8230;</p>
<p>The post <a href="https://www.aeonstudio.design/why-choose-aeon-studio/">Why Choose Aeon Studio: Building Brands with Purpose Since 2000s</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="7358" class="elementor elementor-7358" 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 Choose Aeon Studio: Building Brands with Purpose Since 2000s					</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>August 30, 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">
										Aeon Studio					</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" id="intro" 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">When Aeon Studio was founded, the vision was clear from the very beginning — to offer creative design services that go far beyond aesthetics. Our goal was (and still is) to build meaningful, strategic, and fully tailored brand experiences for every client.</p><p class="p1">We were a small team based in Umag, Croatia. What we lacked in size, we made up for in precision, discipline, and passion. We weren’t aiming for fast success — we were building something that would last.</p><p class="p1">This article is a look back at why our clients started choosing us — and why that choice still makes sense today.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-8275d33 e-con-full e-flex e-con e-child" data-id="8275d33" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0a49c1b elementor-widget elementor-widget-image" data-id="0a49c1b" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="2048" height="2048" src="https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio4.jpg" class="attachment-full size-full wp-image-7375" alt="Blog Stories" srcset="https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio4.jpg 2048w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio4-300x300.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio4-1024x1024.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio4-150x150.jpg 150w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio4-768x768.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio4-1536x1536.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio4-650x650.jpg 650w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio4-1300x1300.jpg 1300w" sizes="(max-width: 2048px) 100vw, 2048px" />															</div>
				</div>
				<div class="elementor-element elementor-element-8a64614 elementor-widget elementor-widget-image" data-id="8a64614" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="2048" height="2048" src="https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio5.jpg" class="attachment-full size-full wp-image-7376" alt="Blog Stories" srcset="https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio5.jpg 2048w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio5-300x300.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio5-1024x1024.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio5-150x150.jpg 150w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio5-768x768.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio5-1536x1536.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio5-650x650.jpg 650w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio5-1300x1300.jpg 1300w" sizes="(max-width: 2048px) 100vw, 2048px" />															</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="start" 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. We Start with Strategy, Not Decoration</b></h3><p class="p3">Many agencies start designing before they even understand who you’re speaking to. We don’t.</p><p class="p3">Every project begins with research. We study your audience, your competitors, and the essence of your brand. Then, and only then, we start shaping a visual identity that communicates clearly and stands out.</p><p class="p3">Design is not art. It’s communication. And we treat it that way.</p><p class="p3"> </p>								</div>
				</div>
				<div class="elementor-element elementor-element-4091fb2 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="4091fb2" data-element_type="widget" data-e-type="widget" id="teilored" 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. Tailored Design Process for Every Client</b></h3><p class="p3">There are no templates or shortcuts at <a href="https://www.aeonstudio.design/about/">Aeon Studio</a>.</p><p class="p3">Each brand we create starts from a blank page. We collaborate with you in every phase: sketching, prototyping, testing, refining. The process is transparent, structured, and focused on results.</p><p class="p3">In the early 2000s, trends were dominated by gradients and flat minimalism. We respected that — but our focus was always on what would look great in five years, not just what was popular that month.</p><p class="p3"> </p>								</div>
				</div>
				<div class="elementor-element elementor-element-6610727 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="6610727" data-element_type="widget" data-e-type="widget" id="build" 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. We Build Brands, Not Just Logos</b></h3><p class="p3">From naming and tagline creation to <a href="https://www.aeonstudio.design/packaging/">packaging</a> and <a href="https://www.aeonstudio.design/web-design/">website design</a> — we build systems, not just visuals.</p><p class="p3">Our goal is long-term consistency. The kind that makes your business look confident and trustworthy across every platform — from a business card to a mobile app.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-499de4e elementor-invisible elementor-widget elementor-widget-text-editor" data-id="499de4e" data-element_type="widget" data-e-type="widget" id="clients" 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. Clients Who Stay with Us</b></h3><p class="p3">One of our first clients said this in 2004:</p><blockquote><p>“They didn’t just deliver design. They made us think differently about our business. And it changed everything.”</p></blockquote><p class="p3">That’s the impact we aim for. And we’re proud that many of our earliest clients are still with us today.</p><p class="p3"> </p>								</div>
				</div>
				<div class="elementor-element elementor-element-9cb4ef1 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="9cb4ef1" data-element_type="widget" data-e-type="widget" id="clear" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:0}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><b>5. Clear Communication. Professional Standards. Human Approach.</b></h3><p class="p3">Our studio may be small — but our standards are high. We meet deadlines, respect budgets, and keep you informed every step of the way.</p><p class="p3">And most importantly — we listen.</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="2048" height="2048" src="https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio2.jpg" class="attachment-full size-full wp-image-7366" alt="Branding evolution sketch" srcset="https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio2.jpg 2048w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio2-300x300.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio2-1024x1024.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio2-150x150.jpg 150w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio2-768x768.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio2-1536x1536.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio2-650x650.jpg 650w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio2-1300x1300.jpg 1300w" sizes="(max-width: 2048px) 100vw, 2048px" />															</div>
				</div>
				<div class="elementor-element elementor-element-e7103ec elementor-widget elementor-widget-image" data-id="e7103ec" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="2048" height="2048" src="https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio3.jpg" class="attachment-full size-full wp-image-7374" alt="Before and after logo redesign example" srcset="https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio3.jpg 2048w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio3-300x300.jpg 300w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio3-1024x1024.jpg 1024w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio3-150x150.jpg 150w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio3-768x768.jpg 768w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio3-1536x1536.jpg 1536w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio3-650x650.jpg 650w, https://www.aeonstudio.design/wp-content/uploads/2018/05/blog-stories-aeonstudio3-1300x1300.jpg 1300w" sizes="(max-width: 2048px) 100vw, 2048px" />															</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="right" 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>Are We the Right Fit for You?</b></h3><p class="p3">If you’re just looking for “something nice,” we may not be the agency for you.</p><p class="p3">But if you’re ready to build a brand that tells a story, stands out with clarity, and grows with intention — then yes, we might be exactly what you’re looking for.</p><p class="p3"><a href="https://www.aeonstudio.design/contact/">Let’s talk.</a></p>								</div>
				</div>
				<div class="elementor-element elementor-element-69d971c elementor-invisible elementor-widget elementor-widget-text-editor" data-id="69d971c" 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">
									<h3><a href="https://www.pantone.com/color-of-the-year/2024?srsltid=AfmBOoogaY_75wZjd1MrBefYXcwFYPWbUuo2xGosaR1K-kt6anm3t5TF"><b>Links</b></a></h3><p class="p3"><a href="https://www.aeonstudio.design/portfolio/" target="_blank" rel="noopener">Our Work</a></p><p><a href="https://www.aeonstudio.design/about/" target="_blank" rel="noopener">About Aeon</a></p>								</div>
				</div>
				<div class="elementor-element elementor-element-c9cf8e5 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-spacer" data-id="c9cf8e5" 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="#intro">Intro</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-dc8351b e-transform elementor-widget elementor-widget-heading" data-id="dc8351b" 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="#start">We Start with Strategy, Not Decoration</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="#teilored">Tailored Design Process for Every Client</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-dbaed9f e-transform elementor-widget elementor-widget-heading" data-id="dbaed9f" 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="#build">We Build Brands, Not Just Logos</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-57e8ea6 e-transform elementor-widget elementor-widget-heading" data-id="57e8ea6" 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="#clients">We Build Brands, Not Just Logos</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-353de68 e-transform elementor-widget elementor-widget-heading" data-id="353de68" 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="#right">Are We the Right Fit for You?</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 class="elementor-element elementor-element-ffa7b01 e-con-full the7-e-sticky-row-yes e-flex e-con e-child" data-id="ffa7b01" 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-654f3a1 elementor-widget elementor-widget-heading" data-id="654f3a1" 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-6e05aee e-transform elementor-widget elementor-widget-heading" data-id="6e05aee" 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="#intro">Intro</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-92c9d77 e-transform elementor-widget elementor-widget-heading" data-id="92c9d77" 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="#start">We Start with Strategy, Not Decoration</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b449a03 e-transform elementor-widget elementor-widget-heading" data-id="b449a03" 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="#teilored">Tailored Design Process for Every Client</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-76410c3 e-transform elementor-widget elementor-widget-heading" data-id="76410c3" 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="#build">We Build Brands, Not Just Logos</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-765cc23 e-transform elementor-widget elementor-widget-heading" data-id="765cc23" 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="#clients">Clients Who Stay with Us</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b41deb3 e-transform elementor-widget elementor-widget-heading" data-id="b41deb3" 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="#clear">Clear Communication. Professional Standards. Human Approach.</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-23acd5a e-transform elementor-widget elementor-widget-heading" data-id="23acd5a" 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="#right">Are We the Right Fit for You?</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b8e7ac0 e-transform elementor-widget elementor-widget-heading" data-id="b8e7ac0" 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="#right">Links</a></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-df2cbd2 elementor-widget elementor-widget-heading" data-id="df2cbd2" 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-e519b62 elementor-widget elementor-widget-html" data-id="e519b62" 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-eb38057 elementor-widget elementor-widget-post-info" data-id="eb38057" 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-1f2f24a elementor-widget elementor-widget-heading" data-id="1f2f24a" 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-7743f76 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="7743f76" 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/why-choose-aeon-studio/">Why Choose Aeon Studio: Building Brands with Purpose Since 2000s</a> appeared first on <a href="https://www.aeonstudio.design">Aeon Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
