Get A Quote
416 907 4030

Blog

A Voyage to the Web Designing Future

In Creativity, Web Design
0

Talking about the creative fields such as designing and changes won‘t happen? That’s like running a car on square types. IMPOSSIBLE!

There’s an unending list of delusional designers who resist the change. Trends, born out of curiosity, drive the passion in us to create revolutionary things. In the dynamicity of digital era, many trends come and disappear without anyone noticing. We have concluded some designing trends that will be used by designers, web designing companies around the globe.

  1. Mobile-first approach

The title clears it all. The process begins with creating designs for mobiles first and then moving to bigger screens. This approach isn’t easy and has been known to the industry for ages, but with mobiles devices are now considered primary, it needs more attention than ever.

Companies understand the importance of mobile devices and getting their sites redesigned. Hence, crafting a clutter-free content for small screen device has become imperative because it drives nearly 50% traffic to the site, which will boost in the future.

design-for-mobile

Instead of being a tacked-off thought to the desktop version, your duty is to design a website for small devices to have better user experience and broader business transaction chances.

  1. Wider Implementation

Although the responsive designing technique is years older, but it will continue to level up the game in the future. Still, a lot of branded websites aren’t responsive, and that will turn into a nightmare for them if they won’t alter their strategy.

The best thing about responsive designing is, businesses have to pay for a single time for getting their website designed and they don’t have to build a separate website for mobiles and desktops. All can be done within one URL – and you don’t have pay extra to manage two URLs. In addition, having one URL will help you to track data and visitors’ journey in a better and an efficient way.

Another factor is Google algorithms that significantly boost websites, which are responsive and have better user relevancy. Often it has been noticed that many responsive websites fail to trim the unnecessary fat on their responsive design that confuses users, resulting in higher bounce rate and low ranking in search results.

Even if we keep ranking factor aside, the user experience matters the most. According to a survey by Experience Dynamics, 79% users bounce to other websites if a website isn’t optimized for mobile. It’s a clear indication for businesses what to do.

  1. Using Rapid Prototyping tools

Although it doesn’t come under web designing category per se, it still holds importance when you are harnessing the power through rapid prototyping tools that are revolutionary to web designing industry.

UXpin, Webflow, InVision, and Marvel are some of the most recognized industry tools for UI and UX designers to complement their work to low and high fidelity prototypes of sites, without ever writing a single line of code.

The inbuilt features allow designers to understand how their website will look as it allows designing in the browser. Moreover, it breaks the barricade of waiting hours until the design doesn’t get uploaded on servers.

Another benefit of these applications is to show clients how animations and transition will work in a real time.  These apps save a heck lot of your time that otherwise goes in describing every little detail to a client.

  1. UI Patterns Framework

That’s an unending debate about similar looking websites and it just a waste of time to discuss for mere of having a debate. Hence, we choose to not talk about it. Rather than, we try to find better solutions to stand out from the crowd.

Undoubtedly UI and UX patterns and designing techniques have really impacted the overall performance of websites and have made them user-friendly. In the last few years, WordPress and pre-installed themes’ popularity have been increased significantly that really affected the overall look of what websites look today. Moreover, with the strong marketing departments and advanced features by theme designing companies, many businesses prefer to buy them for customization, instead of creating something out of the box from the scratch.

Since there’s so much competition in the market, many already established branded sites can’t afford to take the risk because a little-failed experiment can really damage their business. Hence, they look for tried –and-tested patterns.

In the year 2014, Google launched Material Design Language to provide better user experience by introducing design principles and guides. If you study many of Google’s most used applications, then you will understand how Google itself is using it, too. And why businesses need to introduce it to their websites to perfectly synchronize with search engine results.

  1. Emphasize Originality

Since the dawn of UI patterns, UX has become truly important. Hence, businesses need to get away with stock images, videos and bespoke their awesomeness with original and self-generated content. There are many premium websites that offer HD stock images, but what if your rivals are also using same because anyone can purchase it and those are royalty free?

In the brand conscious world, users want authenticity from their favorite brands. Now donning an invisible cloak and using free or paid images won’t work, because people have become highly aware of their surroundings and can easily detect the similarities among the same niche websites. Perhaps that’s why Amazon.com hardly changes its overall design because of it very different and already recognized outlook by billions around the globe.

Brands that want to strike a connection need to be highly creative and get out from their comfort to find a muse in the unlikeliest places. They need to work on their newly carved image and show their followers what they are missing if they don’t visit them on a regular basis.

  • Illustrations

It’s the industry’s proven methodology that bespoke your imagination and sparks your creative interest in designs. Moreover, it allows you to create standalone winning designs that are original in ideas and are implanted with hidden messages.

illustration

Illustrations, how beautiful may seem, needs real time experience and expertise to create designs that are personalized and tailored to a specific brand to increase their value in their crowded marketplace. It has been noticed that customized branding content often imprints great impression on visitors’ minds and awe-struck them with the hard work and talent behind the creation.

Dribble is a great example to see what the world is working on. It has a complete gallery to inspire your creative juices for a better view, stance, and glance of your work.

  • Typography

Nearly a decade ago, when Steve Jobs accentuated the substance of fonts, the whole world frenzied by the Apple’s innovative fonts and creative innovation in the designing world. Many Pundits claimed it the essential elements of Apple’s grand success. Mr. Jobs created an emotional attachment with the customers, evoked emotions and toned it perfectly with the typography. That’s something every business, especially that are going to spend money on the web or graphic designing needs to understand.

type-anatomy

Every professional is aware about the cost of professional designing services that services don’t come handy. It needs a good amount of money to create tailor-made branding designs because hours-and-hours of hard work go into creating unique designs that bespoke business’s persona in the crowded market and attract people towards it.

  • Original Photography

Instead of exploring stock images for best-clicked pictures for your website, it’s better to have someone done it for you. And if you can’t travel to the farthest places due to budget nuances, then it’s better to hire a freelance photographer who would click perfect images according to the shots you desire.

original-photography

It will, however, take a long time until the stock and cluttered pictures disappear from the websites – at least- from the branded ones. We have just begun experiencing the shift in the trend – and websites giving real value to professionally clicked images for their websites or for branding purposes.

  1. Animations

Animation industry has become a several billion USD. Many established businesses are already harnessing the power of animation in their sites. Hasbro makes animation content to sell its products. That’s just the sight of this gigantic industry.

Nowadays, when people are consuming more video content, brands are effortlessly working on storytelling with the help of animation in order to capture their audience’s attention. It’s not an easy feat because animation doesn’t come handy. It needs vision and creativity to create groundbreaking characters that further helps your business in branding.

The animation is a broad concept. It comes in different types, sizes, and shapes – and all serve a different purpose.

lego-animation

Languages such as HTML5, CSS and jQuery are playing better and important role than ever in creating a unique animation that later on become its voice and face in the world.

LEGO is a good example to understand the concept. Even though LEGO was selling its products around the globe, but with its animation films, the growth rate significantly skyrocketed. The company is creating different characters and each has its own USP that also affects their sales.

Many websites cleverly use animation in their 404-page error. It engages audience and website’s bounce rate decreases. It’s like killing two birds with one arrow, isn’t it?

It’s often noticed that many websites wrongly use animations to distract their audience, instead of capturing their attention for the main cause. It’s not how you use this power tool for empowering your business’s marketing efforts.

GIFs are also considered animations. There’s a very good guide from Adobe to create your own GIFs and little animation videos.

  1. Video is the Content King

What if I say, “Videos are the new content king”? According to industry reports, people will consume 70% of content in the video form by 2017. Even moving images are in much demand because it draws attention, creates demand to construct brand’s real identity along with its perfectly aligned message.

Although it’s not a new medium, but it has gained immense popularity and video makers are in high demand. Videos are better anytime over the motionless, flat static images that don’t spark emotional interest to all. Only a small ration of people can resonate with the images on a deeper emotional level – but videos – they are the standalone winners to create a connection with the audience and striking their hearts many times during the video run.

video-is-the-king-of-content

Since billions of smartphones are already been sold and more than 50% traffic is video based, there’s no excuse not to pay attention to videos.

If you are running a film production company, then you can use moving images like a video to showcase an important element from your film that can impact audience on a grander level.

With the advent of recently live-streaming services by Facebook, Youtube etc, it’s imperative to have wee-bit of videos on your websites, specially designed for your targeted audiences.

The cost might exceed your budget, but not doing so will actually break your bank. How? Look at this way. Videos have the ability to generate more views and reach a wider audience. Yes, the cost will be upfront, but it will give you a better ROI during marketing phase – and results will generate soon.

However, in a static picture phase, the team will take a longer time to generate considerable ROI. Now you are probably thinking that you are getting ROI so why to break your bank on video creation for your website? You are ignoring the fact that if you do it, you are paying extra money to your workforce to generate ROI that you could have achieved earlier by having designed videos? It’s an easy math and very valuable economically.

  1. Vibrant Colors

Many websites have a similar look because they appear to use the same pattern of colors like it was designed in a rule book to never look beyond the limited pattern and find your muse. For over the past many years, designers have stuck with same color combination – but now- many brands are experimenting with colors and trying variations in their color pattern.

vibrant-colors

Technology has also helped in enhancing the color experience. People can now enjoy enriched color with their LED display devices. However, the shift is happening in the web designing industry, but still, a long way to go. Many brands are now demanding to the apt new avatar, leaving the old behind – and this has pushed the rivals to revamp color pattern for their brands.

Recommended Posts
Request a Quote

We seek to create long-term relationships built on results.

PHAgY2xhc3M9J2Nsc0Rlc2MnPkRlc2NyaWJlIFlvdXIgUHJvamVjdCBJbiBhIEZldyBTZW50ZW5jZXM8L3A+DQoKICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9J2dmX2Jyb3dzZXJfdW5rbm93biBnZm9ybV93cmFwcGVyJyBpZD0nZ2Zvcm1fd3JhcHBlcl8xMycgPjxhIGlkPSdnZl8xMycgY2xhc3M9J2dmb3JtX2FuY2hvcicgPjwvYT48Zm9ybSBtZXRob2Q9J3Bvc3QnIGVuY3R5cGU9J211bHRpcGFydC9mb3JtLWRhdGEnIHRhcmdldD0nZ2Zvcm1fYWpheF9mcmFtZV8xMycgaWQ9J2dmb3JtXzEzJyAgYWN0aW9uPScvYS12b3lhZ2UtdG8tdGhlLXdlYi1kZXNpZ25pbmctZnV0dXJlI2dmXzEzJz4KICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz0nZ2Zvcm1faGVhZGluZyc+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz0nZ2Zvcm1fZGVzY3JpcHRpb24nPjwvc3Bhbj4KICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9J2dmb3JtX2JvZHknPjx1bCBpZD0nZ2Zvcm1fZmllbGRzXzEzJyBjbGFzcz0nZ2Zvcm1fZmllbGRzIHRvcF9sYWJlbCBmb3JtX3N1YmxhYmVsX2JlbG93IGRlc2NyaXB0aW9uX2JlbG93Jz48bGkgaWQ9J2ZpZWxkXzEzXzEnIGNsYXNzPSdnZmllbGQgZ2Zvcm1fbGVmdF9oYWxmIGdmaWVsZF9jb250YWluc19yZXF1aXJlZCBmaWVsZF9zdWJsYWJlbF9iZWxvdyBmaWVsZF9kZXNjcmlwdGlvbl9iZWxvdycgPjxsYWJlbCBjbGFzcz0nZ2ZpZWxkX2xhYmVsIGdmaWVsZF9sYWJlbF9iZWZvcmVfY29tcGxleCcgZm9yPSdpbnB1dF8xM18xJyA+TmFtZTxzcGFuIGNsYXNzPSdnZmllbGRfcmVxdWlyZWQnPio8L3NwYW4+PC9sYWJlbD48ZGl2IGNsYXNzPSdnaW5wdXRfY29udGFpbmVyIGdpbnB1dF9jb250YWluZXJfbmFtZSc+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCBuYW1lPSdpbnB1dF8xJyBpZD0naW5wdXRfMTNfMScgdHlwZT0ndGV4dCcgdmFsdWU9JycgY2xhc3M9J21lZGl1bScgdGFiaW5kZXg9JzEnICBhcmlhLXJlcXVpcmVkPSJ0cnVlIiBhcmlhLWludmFsaWQ9ImZhbHNlIiAvPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PjwvbGk+PGxpIGlkPSdmaWVsZF8xM18yJyBjbGFzcz0nZ2ZpZWxkIGdmb3JtX3JpZ2h0X2hhbGYgZ2ZpZWxkX2NvbnRhaW5zX3JlcXVpcmVkIGZpZWxkX3N1YmxhYmVsX2JlbG93IGZpZWxkX2Rlc2NyaXB0aW9uX2JlbG93JyA+PGxhYmVsIGNsYXNzPSdnZmllbGRfbGFiZWwnIGZvcj0naW5wdXRfMTNfMicgPkVtYWlsPHNwYW4gY2xhc3M9J2dmaWVsZF9yZXF1aXJlZCc+Kjwvc3Bhbj48L2xhYmVsPjxkaXYgY2xhc3M9J2dpbnB1dF9jb250YWluZXIgZ2lucHV0X2NvbnRhaW5lcl9lbWFpbCc+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgbmFtZT0naW5wdXRfMicgaWQ9J2lucHV0XzEzXzInIHR5cGU9J3RleHQnIHZhbHVlPScnIGNsYXNzPSdtZWRpdW0nIHRhYmluZGV4PScyJyAgIC8+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PjwvbGk+PGxpIGlkPSdmaWVsZF8xM18zJyBjbGFzcz0nZ2ZpZWxkIGdmb3JtX2xlZnRfaGFsZiBnZmllbGRfY29udGFpbnNfcmVxdWlyZWQgZmllbGRfc3VibGFiZWxfYmVsb3cgZmllbGRfZGVzY3JpcHRpb25fYmVsb3cnID48bGFiZWwgY2xhc3M9J2dmaWVsZF9sYWJlbCcgZm9yPSdpbnB1dF8xM18zJyA+UGhvbmU8c3BhbiBjbGFzcz0nZ2ZpZWxkX3JlcXVpcmVkJz4qPC9zcGFuPjwvbGFiZWw+PGRpdiBjbGFzcz0nZ2lucHV0X2NvbnRhaW5lciBnaW5wdXRfY29udGFpbmVyX3Bob25lJz48aW5wdXQgbmFtZT0naW5wdXRfMycgaWQ9J2lucHV0XzEzXzMnIHR5cGU9J3RleHQnIHZhbHVlPScnIGNsYXNzPSdtZWRpdW0nIHRhYmluZGV4PSczJyAgIGFyaWEtcmVxdWlyZWQ9InRydWUiIGFyaWEtaW52YWxpZD0iZmFsc2UiIC8+PC9kaXY+PC9saT48bGkgaWQ9J2ZpZWxkXzEzXzQnIGNsYXNzPSdnZmllbGQgZ2Zvcm1fcmlnaHRfaGFsZiBmaWVsZF9zdWJsYWJlbF9iZWxvdyBmaWVsZF9kZXNjcmlwdGlvbl9iZWxvdycgPjxsYWJlbCBjbGFzcz0nZ2ZpZWxkX2xhYmVsJyBmb3I9J2lucHV0XzEzXzQnID5Db21wYW55IE5hbWU8L2xhYmVsPjxkaXYgY2xhc3M9J2dpbnB1dF9jb250YWluZXIgZ2lucHV0X2NvbnRhaW5lcl90ZXh0Jz48aW5wdXQgbmFtZT0naW5wdXRfNCcgaWQ9J2lucHV0XzEzXzQnIHR5cGU9J3RleHQnIHZhbHVlPScnIGNsYXNzPSdtZWRpdW0nICB0YWJpbmRleD0nNCcgICAgYXJpYS1pbnZhbGlkPSJmYWxzZSIgLz48L2Rpdj48L2xpPjxsaSBpZD0nZmllbGRfMTNfNScgY2xhc3M9J2dmaWVsZCBnZmllbGRfY29udGFpbnNfcmVxdWlyZWQgZmllbGRfc3VibGFiZWxfYmVsb3cgZmllbGRfZGVzY3JpcHRpb25fYmVsb3cnID48bGFiZWwgY2xhc3M9J2dmaWVsZF9sYWJlbCcgZm9yPSdpbnB1dF8xM181JyA+TWVzc2FnZTxzcGFuIGNsYXNzPSdnZmllbGRfcmVxdWlyZWQnPio8L3NwYW4+PC9sYWJlbD48ZGl2IGNsYXNzPSdnaW5wdXRfY29udGFpbmVyJz48dGV4dGFyZWEgbmFtZT0naW5wdXRfNScgaWQ9J2lucHV0XzEzXzUnIGNsYXNzPSd0ZXh0YXJlYSBtZWRpdW0nIHRhYmluZGV4PSc1JyAgIGFyaWEtcmVxdWlyZWQ9InRydWUiIGFyaWEtaW52YWxpZD0iZmFsc2UiICAgcm93cz0nMTAnIGNvbHM9JzUwJz48L3RleHRhcmVhPjwvZGl2PjwvbGk+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3VsPjwvZGl2PgogICAgICAgIDxkaXYgY2xhc3M9J2dmb3JtX2Zvb3RlciB0b3BfbGFiZWwnPiA8aW5wdXQgdHlwZT0nc3VibWl0JyBpZD0nZ2Zvcm1fc3VibWl0X2J1dHRvbl8xMycgY2xhc3M9J2dmb3JtX2J1dHRvbiBidXR0b24nIHZhbHVlPSdHZXQgQSBRdW90ZScgdGFiaW5kZXg9JzYnIG9uY2xpY2s9J2lmKHdpbmRvd1siZ2Zfc3VibWl0dGluZ18xMyJdKXtyZXR1cm4gZmFsc2U7fSAgd2luZG93WyJnZl9zdWJtaXR0aW5nXzEzIl09dHJ1ZTsgICcgb25rZXlwcmVzcz0naWYoIGV2ZW50LmtleUNvZGUgPT0gMTMgKXsgaWYod2luZG93WyJnZl9zdWJtaXR0aW5nXzEzIl0pe3JldHVybiBmYWxzZTt9IHdpbmRvd1siZ2Zfc3VibWl0dGluZ18xMyJdPXRydWU7ICBqUXVlcnkoIiNnZm9ybV8xMyIpLnRyaWdnZXIoInN1Ym1pdCIsW3RydWVdKTsgfScgLz48IS0tIEJlZ2luIERhZGR5IEFuYWx5dGljcyBmaWVsZHMgLS0+PGlucHV0IHR5cGU9ImhpZGRlbiIgbmFtZT0iIiB2YWx1ZT0iIiAvPjxpbnB1dCB0eXBlPSJoaWRkZW4iIG5hbWU9IiIgdmFsdWU9IiIgLz48IS0tIEVuZCBEYWRkeSBBbmFseXRpY3MgZmllbGRzIC0tPiA8aW5wdXQgdHlwZT0naGlkZGVuJyBuYW1lPSdnZm9ybV9hamF4JyB2YWx1ZT0nZm9ybV9pZD0xMyZhbXA7dGl0bGU9JmFtcDtkZXNjcmlwdGlvbj0xJmFtcDt0YWJpbmRleD0xJyAvPgogICAgICAgICAgICA8aW5wdXQgdHlwZT0naGlkZGVuJyBjbGFzcz0nZ2Zvcm1faGlkZGVuJyBuYW1lPSdpc19zdWJtaXRfMTMnIHZhbHVlPScxJyAvPgogICAgICAgICAgICA8aW5wdXQgdHlwZT0naGlkZGVuJyBjbGFzcz0nZ2Zvcm1faGlkZGVuJyBuYW1lPSdnZm9ybV9zdWJtaXQnIHZhbHVlPScxMycgLz4KICAgICAgICAgICAgCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSdoaWRkZW4nIGNsYXNzPSdnZm9ybV9oaWRkZW4nIG5hbWU9J2dmb3JtX3VuaXF1ZV9pZCcgdmFsdWU9JycgLz4KICAgICAgICAgICAgPGlucHV0IHR5cGU9J2hpZGRlbicgY2xhc3M9J2dmb3JtX2hpZGRlbicgbmFtZT0nc3RhdGVfMTMnIHZhbHVlPSdXeUpiWFNJc0lqWTROamd4WldWbE1UWmlOak14WmpJMFpqZGtZalprWXpRMVlUQTVZakkwSWwwPScgLz4KICAgICAgICAgICAgPGlucHV0IHR5cGU9J2hpZGRlbicgY2xhc3M9J2dmb3JtX2hpZGRlbicgbmFtZT0nZ2Zvcm1fdGFyZ2V0X3BhZ2VfbnVtYmVyXzEzJyBpZD0nZ2Zvcm1fdGFyZ2V0X3BhZ2VfbnVtYmVyXzEzJyB2YWx1ZT0nMCcgLz4KICAgICAgICAgICAgPGlucHV0IHR5cGU9J2hpZGRlbicgY2xhc3M9J2dmb3JtX2hpZGRlbicgbmFtZT0nZ2Zvcm1fc291cmNlX3BhZ2VfbnVtYmVyXzEzJyBpZD0nZ2Zvcm1fc291cmNlX3BhZ2VfbnVtYmVyXzEzJyB2YWx1ZT0nMScgLz4KICAgICAgICAgICAgPGlucHV0IHR5cGU9J2hpZGRlbicgbmFtZT0nZ2Zvcm1fZmllbGRfdmFsdWVzJyB2YWx1ZT0nJyAvPgogICAgICAgICAgICAKICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgICAgICAgICAgICAgPC9mb3JtPgogICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgICAgIDxpZnJhbWUgc3R5bGU9J2Rpc3BsYXk6bm9uZTt3aWR0aDowcHg7aGVpZ2h0OjBweDsnIHNyYz0nYWJvdXQ6YmxhbmsnIG5hbWU9J2dmb3JtX2FqYXhfZnJhbWVfMTMnIGlkPSdnZm9ybV9hamF4X2ZyYW1lXzEzJz5UaGlzIGlmcmFtZSBjb250YWlucyB0aGUgbG9naWMgcmVxdWlyZWQgdG8gaGFuZGxlIEFKQVggcG93ZXJlZCBHcmF2aXR5IEZvcm1zLjwvaWZyYW1lPgogICAgICAgICAgICAgICAgPHNjcmlwdCB0eXBlPSd0ZXh0L2phdmFzY3JpcHQnPmpRdWVyeShkb2N1bWVudCkucmVhZHkoZnVuY3Rpb24oJCl7Z2Zvcm1Jbml0U3Bpbm5lciggMTMsICdodHRwczovL3d3dy5raW5leG1lZGlhLmNhL3dwLWNvbnRlbnQvcGx1Z2lucy9ncmF2aXR5Zm9ybXMvaW1hZ2VzL3NwaW5uZXIuZ2lmJyApO2pRdWVyeSgnI2dmb3JtX2FqYXhfZnJhbWVfMTMnKS5sb2FkKCBmdW5jdGlvbigpe3ZhciBjb250ZW50cyA9IGpRdWVyeSh0aGlzKS5jb250ZW50cygpLmZpbmQoJyonKS5odG1sKCk7dmFyIGlzX3Bvc3RiYWNrID0gY29udGVudHMuaW5kZXhPZignR0ZfQUpBWF9QT1NUQkFDSycpID49IDA7aWYoIWlzX3Bvc3RiYWNrKXtyZXR1cm47fXZhciBmb3JtX2NvbnRlbnQgPSBqUXVlcnkodGhpcykuY29udGVudHMoKS5maW5kKCcjZ2Zvcm1fd3JhcHBlcl8xMycpO3ZhciBpc19jb25maXJtYXRpb24gPSBqUXVlcnkodGhpcykuY29udGVudHMoKS5maW5kKCcjZ2Zvcm1fY29uZmlybWF0aW9uX3dyYXBwZXJfMTMnKS5sZW5ndGggPiAwO3ZhciBpc19yZWRpcmVjdCA9IGNvbnRlbnRzLmluZGV4T2YoJ2dmb3JtUmVkaXJlY3QoKXsnKSA+PSAwO3ZhciBpc19mb3JtID0gZm9ybV9jb250ZW50Lmxlbmd0aCA+IDAgJiYgISBpc19yZWRpcmVjdCAmJiAhIGlzX2NvbmZpcm1hdGlvbjtpZihpc19mb3JtKXtqUXVlcnkoJyNnZm9ybV93cmFwcGVyXzEzJykuaHRtbChmb3JtX2NvbnRlbnQuaHRtbCgpKTtpZihmb3JtX2NvbnRlbnQuaGFzQ2xhc3MoJ2dmb3JtX3ZhbGlkYXRpb25fZXJyb3InKSl7alF1ZXJ5KCcjZ2Zvcm1fd3JhcHBlcl8xMycpLmFkZENsYXNzKCdnZm9ybV92YWxpZGF0aW9uX2Vycm9yJyk7fSBlbHNlIHtqUXVlcnkoJyNnZm9ybV93cmFwcGVyXzEzJykucmVtb3ZlQ2xhc3MoJ2dmb3JtX3ZhbGlkYXRpb25fZXJyb3InKTt9c2V0VGltZW91dCggZnVuY3Rpb24oKSB7IC8qIGRlbGF5IHRoZSBzY3JvbGwgYnkgNTAgbWlsbGlzZWNvbmRzIHRvIGZpeCBhIGJ1ZyBpbiBjaHJvbWUgKi8galF1ZXJ5KGRvY3VtZW50KS5zY3JvbGxUb3AoalF1ZXJ5KCcjZ2Zvcm1fd3JhcHBlcl8xMycpLm9mZnNldCgpLnRvcCk7IH0sIDUwICk7aWYod2luZG93WydnZm9ybUluaXREYXRlcGlja2VyJ10pIHtnZm9ybUluaXREYXRlcGlja2VyKCk7fWlmKHdpbmRvd1snZ2Zvcm1Jbml0UHJpY2VGaWVsZHMnXSkge2dmb3JtSW5pdFByaWNlRmllbGRzKCk7fXZhciBjdXJyZW50X3BhZ2UgPSBqUXVlcnkoJyNnZm9ybV9zb3VyY2VfcGFnZV9udW1iZXJfMTMnKS52YWwoKTtnZm9ybUluaXRTcGlubmVyKCAxMywgJ2h0dHBzOi8vd3d3LmtpbmV4bWVkaWEuY2Evd3AtY29udGVudC9wbHVnaW5zL2dyYXZpdHlmb3Jtcy9pbWFnZXMvc3Bpbm5lci5naWYnICk7alF1ZXJ5KGRvY3VtZW50KS50cmlnZ2VyKCdnZm9ybV9wYWdlX2xvYWRlZCcsIFsxMywgY3VycmVudF9wYWdlXSk7d2luZG93WydnZl9zdWJtaXR0aW5nXzEzJ10gPSBmYWxzZTt9ZWxzZSBpZighaXNfcmVkaXJlY3Qpe3ZhciBjb25maXJtYXRpb25fY29udGVudCA9IGpRdWVyeSh0aGlzKS5jb250ZW50cygpLmZpbmQoJyNnZm9ybXNfY29uZmlybWF0aW9uX21lc3NhZ2VfMTMnKS5odG1sKCk7aWYoIWNvbmZpcm1hdGlvbl9jb250ZW50KXtjb25maXJtYXRpb25fY29udGVudCA9IGNvbnRlbnRzO31zZXRUaW1lb3V0KGZ1bmN0aW9uKCl7alF1ZXJ5KCcjZ2Zvcm1fd3JhcHBlcl8xMycpLnJlcGxhY2VXaXRoKCc8JyArICdkaXYgaWQ9XCdnZm9ybXNfY29uZmlybWF0aW9uX21lc3NhZ2VfMTNcJyBjbGFzcz1cJ2dmb3JtX2NvbmZpcm1hdGlvbl9tZXNzYWdlXzEzIGdmb3Jtc19jb25maXJtYXRpb25fbWVzc2FnZVwnJyArICc+JyArIGNvbmZpcm1hdGlvbl9jb250ZW50ICsgJzwnICsgJy9kaXYnICsgJz4nKTtqUXVlcnkoZG9jdW1lbnQpLnNjcm9sbFRvcChqUXVlcnkoJyNnZm9ybXNfY29uZmlybWF0aW9uX21lc3NhZ2VfMTMnKS5vZmZzZXQoKS50b3ApO2pRdWVyeShkb2N1bWVudCkudHJpZ2dlcignZ2Zvcm1fY29uZmlybWF0aW9uX2xvYWRlZCcsIFsxM10pO3dpbmRvd1snZ2Zfc3VibWl0dGluZ18xMyddID0gZmFsc2U7fSwgNTApO31lbHNle2pRdWVyeSgnI2dmb3JtXzEzJykuYXBwZW5kKGNvbnRlbnRzKTtpZih3aW5kb3dbJ2dmb3JtUmVkaXJlY3QnXSkge2dmb3JtUmVkaXJlY3QoKTt9fWpRdWVyeShkb2N1bWVudCkudHJpZ2dlcignZ2Zvcm1fcG9zdF9yZW5kZXInLCBbMTMsIGN1cnJlbnRfcGFnZV0pO30gKTt9ICk7PC9zY3JpcHQ+PHNjcmlwdCB0eXBlPSd0ZXh0L2phdmFzY3JpcHQnPiBpZih0eXBlb2YgZ2ZfZ2xvYmFsID09ICd1bmRlZmluZWQnKSB2YXIgZ2ZfZ2xvYmFsID0geyJnZl9jdXJyZW5jeV9jb25maWciOnsibmFtZSI6IkNhbmFkaWFuIERvbGxhciIsInN5bWJvbF9sZWZ0IjoiJCIsInN5bWJvbF9yaWdodCI6IkNBRCIsInN5bWJvbF9wYWRkaW5nIjoiICIsInRob3VzYW5kX3NlcGFyYXRvciI6IiwiLCJkZWNpbWFsX3NlcGFyYXRvciI6Ii4iLCJkZWNpbWFscyI6Mn0sImJhc2VfdXJsIjoiaHR0cHM6XC9cL3d3dy5raW5leG1lZGlhLmNhXC93cC1jb250ZW50XC9wbHVnaW5zXC9ncmF2aXR5Zm9ybXMiLCJudW1iZXJfZm9ybWF0cyI6W10sInNwaW5uZXJVcmwiOiJodHRwczpcL1wvd3d3LmtpbmV4bWVkaWEuY2FcL3dwLWNvbnRlbnRcL3BsdWdpbnNcL2dyYXZpdHlmb3Jtc1wvaW1hZ2VzXC9zcGlubmVyLmdpZiJ9O2pRdWVyeShkb2N1bWVudCkuYmluZCgnZ2Zvcm1fcG9zdF9yZW5kZXInLCBmdW5jdGlvbihldmVudCwgZm9ybUlkLCBjdXJyZW50UGFnZSl7aWYoZm9ybUlkID09IDEzKSB7fSB9ICk7alF1ZXJ5KGRvY3VtZW50KS5iaW5kKCdnZm9ybV9wb3N0X2NvbmRpdGlvbmFsX2xvZ2ljJywgZnVuY3Rpb24oZXZlbnQsIGZvcm1JZCwgZmllbGRzLCBpc0luaXQpe30gKTs8L3NjcmlwdD48c2NyaXB0IHR5cGU9J3RleHQvamF2YXNjcmlwdCc+IGpRdWVyeShkb2N1bWVudCkucmVhZHkoZnVuY3Rpb24oKXtqUXVlcnkoZG9jdW1lbnQpLnRyaWdnZXIoJ2dmb3JtX3Bvc3RfcmVuZGVyJywgWzEzLCAxXSkgfSApOyA8L3NjcmlwdD4=