Showing source for: https://uijar.com/
Duration: 0.431392s
Server: cloudflare
<!DOCTYPE html>
<html lang="en">
<head>
<title>
UIJar | Handpicked website and graphic design inspiration
</title>
<meta content="Handpicked website and graphic design inspiration" name="description">
<meta content="sketch app, figma, photoshop, resource, design, plugin, kit, icon, story, article, dribbble, inspiration" name="keywords">
<meta content="summary_large_image" name="twitter:card">
<meta content="@uijarcom" name="twitter:site">
<meta content="UI Jar" name="twitter:title">
<meta content="Handpicked website and graphic design inspiration" name="twitter:description">
<meta content="https://uijar.com/uijar_social.png" name="twitter:image">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js">
</script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" rel="stylesheet">
<meta content="authenticity_token" name="csrf-param">
<meta content="Q0DjWgb0tlmG3C+9toBCD3syhUzB7XEL1WkY6UkpY+K53/2wT+qBAb8loIIeAJxIQ/vfPGM3DB4+D470Ccv8GA==" name="csrf-token">
<link data-turbolinks-track="reload" href="/assets/application-abcecc67734311cfd36f04ece743718e2082ed11d8e258ac4dfbe0a9d8ae8110.css" media="all" rel="stylesheet">
<script data-turbolinks-track="reload" src="/assets/application-ba7959f4bbc223f26544f3bd58ae99d6a3724b60363148b2ce943bc4a2a65028.js">
</script>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="https://unpkg.com/[email protected]/css/tachyons.min.css" rel="stylesheet">
<link href="https://cdn.iconmonstr.com/1.3.0/css/iconmonstr-iconic-font.min.css" rel="stylesheet">
<meta content="7a8edf8713d840a1ba7d6f8591b71860" name="p:domain_verify">
<link href="https://use.typekit.net/nhh3fbj.css" rel="stylesheet">
<script src="https://www.google.com/recaptcha/api.js">
</script>
<!-- FAVicon -->
<link href="/assets/favicon-9fe4480aa66b549fc394fa695d269da2c2a0ff65e262fa65322ff10fbb63e581.ico" rel="shortcut icon" type="image/x-icon">
<link href="/assets/images/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180">
<link href="/assets/images/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
<link href="/assets/images/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
<link href="/assets/images/site.webmanifest" rel="manifest">
<meta content="#da532c" name="msapplication-TileColor">
<meta content="#ffffff" name="theme-color">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-613438-23">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-613438-23');
</script>
<script>
function fclosemodal() {
history.replaceState({
}, '', '/');
$('#post-modal').remove();
}
$(document).ready(function() {
$(".read-more").click(function() {
var $elem = $(this).parent().find(".text");
var $rmore = $(this).parent().find(".read-more");
if ($elem.hasClass("short")) {
$elem.removeClass("short").addClass("full");
$rmore.addClass("hideit");
} else {
$elem.removeClass("full").addClass("short");
}
});
});
</script>
<!-- Hotjar Tracking Code for www.uijar.com -->
<script>
(function(h, o, t, j, a, r) {
h.hj = h.hj || function() {
(h.hj.q = h.hj.q || []).push(arguments);
};
h._hjSettings = {
hjid: 779803,
hjsv: 6
};
a = o.getElementsByTagName('head')[0];
r = o.createElement('script');
r.async = 1;
r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
a.appendChild(r);
})(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
</script>
</head>
<body>
<!-- HEADER ####################
################################# -->
<!-- ##########################
Admin menu -->
<header class="center max-width pa4">
<!-- ##########################
Navigation -->
<nav class="nav center justify-between max-width flex flex-wrap">
<a class="active" href="/">
UIJar
</a>
<a class="" href="/websites">
Websites
</a>
<a class="" href="/graphicdesigns">
Branding
</a>
<a class="" href="/xdesigns">
𝕏 Designs (beta)
</a>
<a href="https://oykun.com" title="blog">
Blog ↗
</a>
<a data-twitter-submit="" href="https://twitter.com/intent/tweet/?text=%40uijarcom%0AWebsite or Graphic Design submission%0ALink%3A+%0ACredits%3A" target="_blank">
Submit
</a>
</nav>
</header>
<!-- CONTENT ####################
################################# -->
<div class="w-100-l flex-wrap items-start center yield pa4-l">
<div class="w-100-l tc secondary" id="notice">
</div>
<div class="max-width pa4 pt0 pr0 center">
<p class="pb2 f4 o-70">
UIJar ⁂ Appreciating good design over trends in website and graphic design world. Curated by
<a class="underline" href="https://twitter.com/oykun" target="_blank" title="Twitter @oykun">
@oykun
</a>
</p>
<form action="https://buttondown.email/api/emails/embed-subscribe/uijar" class="embeddable-buttondown-form" method="post" onsubmit="window.open('https://buttondown.email/uijar', 'popupwindow')" target="popupwindow">
<input class="tl br2" id="bd-email" name="email" placeholder="Write your email & hit Enter key to GET INSPIRED" type="email">
</form>
</div>
<ul class="category-sub-list center pa4 pt0 pr0 max-width nowrap overflow-x-auto">
<li class="mr1">
<a href="/websites?categories=11">
Sans Serif
</a>
</li>
<li class="mr1">
<a href="/websites?categories=13">
White
</a>
</li>
<li class="mr1">
<a href="/websites?categories=20">
Typographic
</a>
</li>
<li class="mr1">
<a href="/websites?categories=24">
Small Type
</a>
</li>
<li class="mr1">
<a href="/websites?categories=2">
Agency
</a>
</li>
<li class="mr1">
<a href="/websites?categories=7">
Design
</a>
</li>
<li class="mr1">
<a href="/websites?categories=25">
Large Type
</a>
</li>
<li class="mr1">
<a href="/websites?categories=4">
E-Commerce
</a>
</li>
<li class="mr1">
<a href="/websites?categories=15">
Colourful
</a>
</li>
<li class="mr1">
<a href="/websites?categories=10">
Serif
</a>
</li>
<li class="mr1">
<a href="/websites?categories=28">
Unusual Navigation
</a>
</li>
<li class="mr1">
<a href="/websites?categories=29">
Pastel
</a>
</li>
<li class="mr1">
<a href="/websites?categories=27">
Background video
</a>
</li>
<li class="mr1">
<a href="/websites?categories=14">
Black
</a>
</li>
<li class="mr1">
<a href="/websites?categories=18">
3D
</a>
</li>
<li class="mr1">
<a href="/websites?categories=3">
Portfolio
</a>
</li>
<li class="mr1">
<a href="/websites?categories=34">
Media
</a>
</li>
<li class="mr1">
<a href="/websites?categories=22">
Software
</a>
</li>
<li class="mr1">
<a href="/websites?categories=33">
Minimal
</a>
</li>
<li class="mr1">
<a href="/websites?categories=37">
Fashion
</a>
</li>
<li class="mr1">
<a href="/websites?categories=6">
AI
</a>
</li>
<li class="mr1">
<a href="/websites?categories=35">
Red
</a>
</li>
<li class="mr1">
<a href="/websites?categories=9">
Display
</a>
</li>
<li class="mr1">
<a href="/websites?categories=32">
Grey
</a>
</li>
<li class="mr1">
<a href="/websites?categories=23">
Beige
</a>
</li>
<li class="mr1">
<a href="/websites?categories=36">
One page
</a>
</li>
<li class="mr1">
<a href="/websites?categories=19">
Isometric
</a>
</li>
<li class="mr1">
<a href="/websites?categories=26">
Fun
</a>
</li>
<li class="mr1">
<a href="/websites?categories=31">
Architecture
</a>
</li>
<li class="mr1">
<a href="/websites?categories=30">
Orange
</a>
</li>
<li class="mr1">
<a href="/websites?categories=21">
Blockchain
</a>
</li>
<li class="mr1">
<a href="/websites?categories=17">
Illustrative
</a>
</li>
</ul>
<div class="max-width flex flex-wrap center">
<div class="w-third-l pa4 postimg">
<a href="/posts/68-uandu">
<img src="https://uijar.com/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBWjA9IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--ae47149fcca0d85f442e00c6b2084d3adf50c561/IMG_0497.jpeg">
</a>
<div class="flex justify-between feed-tile-info">
<p class="mb0">
<a href="/posts/68-uandu">
Uandu
</a>
</p>
<p class="secondary mb0">
Branding
</p>
</div>
<div class="silver">
<p>
<a fol.com.tr="" href="“" https:="" uandu="" works="" ”="">
Fol Studio
</a>
’s branding here takes cues from nature with those soothing colors and shapes, giving off a super chill and welcoming vibe.
</p>
</div>
</div>
<div class="w-third-l pa4 postimg">
<a href="/websites/66-cruciblemoments-com">
<img src="https://uijar.com/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBWTA9IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--442f65363bc6644b44e2e82beaf0c91c81271ffa/Screenshot%202023-09-30%20at%2010.41.33-min.png">
</a>
<div class="flex justify-between feed-tile-info">
<p class="mb0">
<a href="/posts/66-cruciblemoments-com">
cruciblemoments.com
</a>
</p>
<p class="secondary mb0">
Website
<a class="ml1 btn-icon" href="https://www.cruciblemoments.com/?ref=uijarcom" target="_blank">
↗
</a>
</p>
</div>
<div class="silver">
<p>
Beautiful use of large photography, the combination of vivid colours on black and big typography.
</p>
</div>
</div>
<div class="w-third-l pa4 postimg">
<a href="https://lettersfromadesigner.com" target="_blank" title="eBook for Designers">
<img alt="Tough Love Letters from a Designer" src="/assets/uijar_toughlove-48bd445b61346a20ecf393393e5f90de39a66b1046295aa5bcf29658e95f525d.jpg">
</a>
<div class="flex justify-between feed-tile-info">
<p class="mb0">
<a href="https://lettersfromadesigner.com" title="eBook for Designers">
Tough Love Letters from a Designer
</a>
</p>
<p class="secondary mb0">
<a class="ml1" href="https://lettersfromadesigner.com" target="_blank" title="eBook for Designers">
eBook $9
<span class="strike">
$14
</span>
</a>
</p>
</div>
<div class="silver">
<p>
Unlock your full potential, gain new perspectives and break free from self-limitations with the collection of inspiring and honest letters born out of Tough-Love
</p>
</div>
<!--
<div class="flex-wrap center tl w-90-l">
<p class="secondary">Supported by</p>
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CKYIP27Y&placement=uijarcom" id="_carbonads_js"></script>
<span class="smalltxt db pt3"><a href="/u/sponsor" title="Sponsor this space"><em>Wanna place your product here? →</em></a></span>
</div>
-->
<!--
<iframe id="$iradid" src="//a.impactradius-go.com/gen-ad-code/2742611/563420/9084/" width="300" height="250" scrolling="no" frameborder="0" marginheight="0" marginwidth="0"></iframe>
<p><a href="https://squarespace.syuh.net/c/2742611/622797/9084" target="_blank" title="Squarespace">Supported by Squarespace</a></p>
-->
</div>
<div class="w-third-l pa4 postimg">
<a href="/websites/53-dvtk-us">
<img src="https://uijar.com/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBmZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--0112d9ba633857730b6778661e9bf7146ad83f47/Screenshot%202023-08-12%20at%2022.44.39-min.png">
</a>
<div class="flex justify-between feed-tile-info">
<p class="mb0">
<a href="/posts/53-dvtk-us">
dvtk.us
</a>
</p>
<p class="secondary mb0">
Website
<a class="ml1 btn-icon" href="https://dvtk.us?ref=uijarcom" target="_blank">
↗
</a>
</p>
</div>
<div class="silver">
<p>
Mesmerising intro from the brand name sets this agency apart from the very first moment. The small font size and wide white spaces help portfolio pieces to stand out.
</p>
</div>
</div>
<div class="w-third-l pa4 postimg">
<a href="/websites/45-polene-paris">
<img src="https://uijar.com/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBlUT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--154cc5a87520ded57a9e8316e5a8f9a7b2dc0de5/Screenshot%202023-08-11%20at%2009.11.59-min.png">
</a>
<div class="flex justify-between feed-tile-info">
<p class="mb0">
<a href="/posts/45-polene-paris">
polene-paris.com
</a>
</p>
<p class="secondary mb0">
Website
<a class="ml1 btn-icon" href="https://www.polene-paris.com/?ref=uijarcom" target="_blank">
↗
</a>
</p>
</div>
<div class="silver">
<p>
A large serif title paired with a small sans serif body copy in this editorial layout greatly helps to achieve the classy look that the brand aims for. Btw that blurry bg effect in the nav is a delight.
</p>
</div>
</div>
<div class="w-third-l pa4 postimg">
<a href="/websites/44-saint-heron">
<img src="https://uijar.com/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBkQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--10d9c91bda6afad3d5c6bcc554bc419676512629/Screenshot%202023-08-02%20at%2021.02.34-min.png">
</a>
<div class="flex justify-between feed-tile-info">
<p class="mb0">
<a href="/posts/44-saint-heron">
Saint Heron
</a>
</p>
<p class="secondary mb0">
Website
<a class="ml1 btn-icon" href="https://saintheron.com?ref=uijarcom" target="_blank">
↗
</a>
</p>
</div>
<div class="silver">
<p>
Creative layouts for creative results. I love how images interrupt the copy, that has only 1 size, give them unique shapes.
</p>
</div>
</div>
<div class="w-third-l pa4 postimg">
<a href="/posts/43-springboard">
<img src="https://uijar.com/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBiUT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--e390e6bd107dbfbf71bb8f59a1a160f2816b155c/2.jpg">
</a>
<div class="flex justify-between feed-tile-info">
<p class="mb0">
<a href="/posts/43-springboard">
Springboard
</a>
</p>
<p class="secondary mb0">
Branding
</p>
</div>
<div class="silver">
<p>
Such a simple and slim line with a strong font, who would think it would work, and it beautifully does : ) Kudos to
<a href="https://milkshake.studio" target="_blank">
Milkshake
</a>
.
</p>
</div>
</div>
<div class="w-third-l pa4 postimg">
<a href="/websites/42-vivienscreative-com-au">
<img src="https://uijar.com/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBhQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--94cdc4d9dbe15f6a0713c853f20c7d688f62a276/Screenshot%202023-08-02%20at%2009.02.46-min.png">
</a>
<div class="flex justify-between feed-tile-info">
<p class="mb0">
<a href="/posts/42-vivienscreative-com-au">
vivienscreative.com.au
</a>
</p>
<p class="secondary mb0">
Website
<a class="ml1 btn-icon" href="https://vivienscreative.com.au/?ref=uijarcom" target="_blank">
↗
</a>
</p>
</div>
<div class="silver">
<p>
Impactful photography combined with large typography makes this website stand out. I also appreciate the great use of Serif and Sand Serif on the same page.
</p>
</div>
</div>
<div class="w-third-l pa4 postimg">
<a href="/websites/41-counter-forms-com">
<img src="https://uijar.com/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBadz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--1b24cd7f0d9598f785a6f19b18c3b4ba98959859/Screenshot%202023-07-29%20at%2009.27.11.png">
</a>
<div class="flex justify-between feed-tile-info">
<p class="mb0">
<a href="/posts/41-counter-forms-com">
counter-forms.com
</a>
</p>
<p class="secondary mb0">
Website
<a class="ml1 btn-icon" href="https://counter-forms.com?ref=uijarcom" target="_blank">
↗
</a>
</p>
</div>
<div class="silver">
<p>
Grids? Consistent alignment? Sometimes it is good to break the rules and create something unusual. I appreciate the different experience this simple website gives.
</p>
</div>
</div>
<div class="w-third-l pa4 postimg">
<a href="/websites/40-querida">
<img src="https://uijar.com/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBaQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--6eef5f84b2ca4b27f6caf4ccbb71c44f4d061dab/Screenshot%202023-07-29%20at%2008.16.50.png">
</a>
<div class="flex justify-between feed-tile-info">
<p class="mb0">
<a href="/posts/40-querida">
querida.si
</a>
</p>
<p class="secondary mb0">
Website
<a class="ml1 btn-icon" href="https://querida.si/?ref=uijarcom" target="_blank">
↗
</a>
</p>
</div>
<div class="silver">
<p>
I've always been a fan of
<a href="https://querida.si/?ref=uijar">
Querida
</a>
's simplistic approach. All you need 1 size font and 1 simple page website to showcase your work!
</p>
</div>
</div>
<div class="w-third-l pa4 postimg">
<a href="/websites/39-very-good-films">
<img src="https://uijar.com/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBZUT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--0aa57fbe8817946824bdebcebd18f159571a0c55/Screenshot%202023-07-25%20at%2013.56.57.png">
</a>
<div class="flex justify-between feed-tile-info">
<p class="mb0">
<a href="/posts/39-very-good-films">
verygoodfilms.co
</a>
</p>
<p class="secondary mb0">
Website
<a class="ml1 btn-icon" href="https://verygoodfilms.co?ref=uijarcom" target="_blank">
↗
</a>
</p>
</div>
<div class="silver">
<p>
Simple, yet memorable website by
<a href="https://oakpark.co/">
Oak Park Studio
</a>
. Appreciate the daring move of using 1 colour only and especially red : )
</p>
</div>
</div>
<div class="w-third-l pa4 postimg">
<a href="/websites/38-ryan-miyoshi">
<img src="https://uijar.com/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBYUT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--e9bec4ad39a387404a3b97e279dffff42856a93a/Screenshot%202023-07-18%20at%2011.38.55-min.png">
</a>
<div class="flex justify-between feed-tile-info">
<p class="mb0">
<a href="/posts/38-ryan-miyoshi">
ryry.io
</a>
</p>
<p class="secondary mb0">
Website
<a class="ml1 btn-icon" href="https://ryry.io/?ref=uijarcom" target="_blank">
↗
</a>
</p>
</div>
<div class="silver">
<p>
So much to appreciate in this simple portfolio. Post-it is such a smart and cute idea, it actually makes you read : ). I love how all the work is instantly, clearly available as you scroll. Kudos!
</p>
</div>
</div>
<div class="w-third-l pa4 postimg">
<a href="/websites/37-zero-byte-foundation">
<img src="https://uijar.com/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBXQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03330225bbb136d794ea7d4d74abcc3e366f5c90/Screenshot%202023-07-13%20at%2022.29.12.png">
</a>
<div class="flex justify-between feed-tile-info">
<p class="mb0">
<a href="/posts/37-zero-byte-foundation">
zerobytes.foundation
</a>
</p>
<p class="secondary mb0">
Website
<a class="ml1 btn-icon" href="https://zerobytes.foundation?ref=uijarcom" target="_blank">
↗
</a>
</p>
</div>
<div class="silver">
<p>
This sharp, simple website by a group of creatives makes a fun use of vivid colours that take over the whole page.
</p>
</div>
</div>
<div class="w-third-l pa4 postimg">
<a href="/websites/36-twul-ch">
<img src="https://uijar.com/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBWdz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--216fe7b24afd171ec3c49b7857068d80b06e4b55/Screenshot%202023-07-03%20at%2017.05.51.png">
</a>
<div class="flex justify-between feed-tile-info">
<p class="mb0">
<a href="/posts/36-twul-ch">
twul.ch
</a>
</p>
<p class="secondary mb0">
Website
<a class="ml1 btn-icon" href="https://twul.ch?ref=uijarcom" target="_blank">
↗
</a>
</p>
</div>
<div class="silver">
<p>
An audio project with a minimal, clean, sharp design approach. I find such experimental projects so inspiring!
</p>
</div>
</div>
<div class="w-third-l pa4 postimg">
<a href="/websites/35-co-projects">
<img src="https://uijar.com/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBVUT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--b1a488da1a4b2b49f291b3d482567e1731141434/Screenshot%202023-07-03%20at%2016.28.23.png">
</a>
<div class="flex justify-between feed-tile-info">
<p class="mb0">
<a href="/posts/35-co-projects">
co-projects.xyz
</a>
</p>
<p class="secondary mb0">
Website
<a class="ml1 btn-icon" href="https://co-projects.xyz/?ref=uijarcom" target="_blank">
↗
</a>
</p>
</div>
<div class="silver">
<p>
I love the fun typographic play in the intro. It helps their brand name to stick with visitors. Smart! Then as I scroll down the page, the editorial content takes over. I love this look and feel.
</p>
</div>
</div>
<div class="w-100 tc pt4 ma2 pb">
<div class="pagination">
<span class="previous_page disabled">
←
</span>
<a class="next_page" href="/home?page=2" rel="next">
→
</a>
</div>
</div>
<div id="post-content">
</div>
</div>
</div>
<!-- FOOTER #####################
################################# -->
<div class="max-width pa4 pt0 center">
<!-- Quote -->
<div class="mb6 mt5">
<h1 class="quote">
"Those who do not want to imitate anything, produce nothing "
</h1>
<p class="quote-saidby secondary">
Salvador Dali
<a class="prettySocial ml4" data-description="''Those who do not want to imitate anything, produce nothing '' by Salvador Dali" data-type="twitter" data-url="https://uijar.com" data-via="uijarcom" href="#" title="Share on Twitter">
Tweet ↗
</a>
</p>
</div>
<!-- Links -->
<div class="list flex flex-wrap tc mb3 justify-between secondary">
<a href="https://uijar.com/home.atom">
RSS ↗
</a>
<a href="https://twitter.com/uijarcom" target="_blank" title="@uijarcom">
Tw ↗
</a>
<a href="https://facebook.com/uijarcom" target="_blank" title="@uijarcom">
Fb ↗
</a>
<a href="https://instagram.com/uijarcom" target="_blank" title="@uijarcom">
Ig ↗
</a>
<a href="/u/sponsor" title="Sponsor">
Sponsor
</a>
<a href="/u/about" title="About">
About
</a>
<a href="https://twitter.com/oykun" title="Made by Oykun">
Made by @Oykun ↗
</a>
</div>
<script>
(function() {
var qs, js, q, s, d = document, gi = d.getElementById, ce = d.createElement, gt = d.getElementsByTagName, id = "typef_orm_share", b = "https://embed.typeform.com/";
if (!gi.call(d, id)) {
js = ce.call(d, "script");
js.id = id;
js.src = b + "embed.js";
q = gt.call(d, "script")[0];
q.parentNode.insertBefore(js, q);
}
})();
</script>
<p class="secondary pt4 w-100-l">
Copyright © 2018-2023. All screenshots © of their respective owners.
</p>
<script async="" crossorigin="anonymous" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3792238297811820">
</script>
<script class="source" type="text/javascript">
$('.prettySocial').prettySocial();
</script>
<!-- <div class="banner-message flex justify-around">
<span class="flex items-center tc justify-around"><img src="https://oykun.com/assets/images/logo-big-white.svg">
<span class="ma2">Free Design Resources and Articles to Grow as a Designer → <a href="https://oykun.com" title="Oykun.com" target="_blank">oykun.com</a></span></span>
</div>
-->
</div>
</body>
</html>