-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.xml
131 lines (131 loc) · 35.8 KB
/
index.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Jaim3</title>
<link>https://jaim3.com/</link>
<description>Recent content on Jaim3</description>
<generator>Hugo</generator>
<language>en-us</language>
<lastBuildDate>Tue, 01 Oct 2024 00:00:00 +0000</lastBuildDate>
<atom:link href="https://jaim3.com/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Cupcake</title>
<link>https://jaim3.com/projects/cupcake/</link>
<pubDate>Tue, 01 Oct 2024 00:00:00 +0000</pubDate>
<guid>https://jaim3.com/projects/cupcake/</guid>
<description><h2 id="design-brief">Design Brief</h2>
<p>The brief that Cake gave me was simple: design the app icon for an upcoming companion app that was close to ready for release in Android and iOS</p>
<p>It was going to be an air-gapped (offline) crypto wallet, with similar security to a hardware wallet. The name was already decided: Cupcake</p>
<h2 id="design-process">Design Process</h2>
<p>The first idea that came to mind for an air-gapped crypto wallet was surround the current Cake Wallet logo into some sort of protective field, as it visually can represent the idea behind the tech</p></description>
</item>
<item>
<title>Molly</title>
<link>https://jaim3.com/projects/molly/</link>
<pubDate>Tue, 01 Oct 2024 00:00:00 +0000</pubDate>
<guid>https://jaim3.com/projects/molly/</guid>
<description><p><style>
 .button-wrapper{
 display:block;
 background-color: transparent;
 text-align: center;
 }

 .button-wrapper a{
 text-decoration:none;
 display:inline-block;
 padding:0.8rem 1.8rem;
 border-radius:100rem;
 
 background-color: var(--enlace);
 color:white; 

 transform:scale(1);
 box-shadow: 0px 5px 15px rgba(48, 114, 255, 0);
 transition: 300ms all ease-in-out;
 }

 .button-wrapper a:hover{
 transform:scale(1.05);
 box-shadow: 0px 5px 15px rgba(48, 114, 255, 0.4);
 }
</style>

<div class="button-wrapper">
 <a href='./molly-concept'>
 View Website
 </a>
</div>
<br></p>
<h2 id="before-and-after">Before and After</h2>
<p>Molly has an informative and minimalist website. But its design is starting to look more older than present, and it&rsquo;s not fully intuitive at a first glance
<br><br></p></description>
</item>
<item>
<title>RiMusic</title>
<link>https://jaim3.com/projects/rimusic/</link>
<pubDate>Tue, 01 Oct 2024 00:00:00 +0000</pubDate>
<guid>https://jaim3.com/projects/rimusic/</guid>
<description><h2 id="before-and-after">Before and After</h2>
<p>RiMusic had an evocative and descriptive symbol, but it was not as legible in the context of the logotype</p>
<p>Its visual quality as a thin line-based symbol made it not as impactful when presented alone</p>
<p>It needed a change, but not a radical one
<br><br></p>
<figure>
 <a href='./img/projects/rimusic/rimusic_logo_comp.webp'>
 <img class="body" src='./img/projects/rimusic/rimusic_logo_comp.webp' alt='' loading="lazy">
 </a>
 
 <figcaption>Logotype comparison</figcaption>
 
</figure>

<figure>
 <a href='./img/projects/rimusic/rimusic_icon_comp.webp'>
 <img class="body" src='./img/projects/rimusic/rimusic_icon_comp.webp' alt='' loading="lazy">
 </a>
 
 <figcaption>Icon comparison</figcaption>
 
</figure>

<figure>
 <a href='./img/projects/rimusic/rimusic_flat.webp'>
 <img class="body" src='./img/projects/rimusic/rimusic_flat.webp' alt='' loading="lazy">
 </a>
 
 <figcaption>The new symbol in monochrome</figcaption>
 
</figure>

<h2 id="process">Process</h2>
<p>The previous icon was recognizable and had a key visual intent: the &lsquo;play&rsquo; button as an &lsquo;R&rsquo;. But it was difficult to read it as such</p></description>
</item>
<item>
<title>Cake Labs</title>
<link>https://jaim3.com/projects/cake/</link>
<pubDate>Tue, 17 Sep 2024 00:00:00 +0000</pubDate>
<guid>https://jaim3.com/projects/cake/</guid>
<description><!--
<style>
 .button-wrapper{
 display:block;
 background-color: transparent;
 text-align: center;
 }

 .button-wrapper a{
 text-decoration:none;
 display:inline-block;
 padding:0.8rem 1.8rem;
 border-radius:100rem;
 
 background-color: var(--enlace);
 color:white; 

 transform:scale(1);
 box-shadow: 0px 5px 15px rgba(48, 114, 255, 0);
 transition: 300ms all ease-in-out;
 }

 .button-wrapper a:hover{
 transform:scale(1.05);
 box-shadow: 0px 5px 15px rgba(48, 114, 255, 0.4);
 }
</style>

<div class="button-wrapper">
 <a href='./docs/netguard-jaim3.pdf'>
 Project PDF
 </a>
</div>
<br>
 -->
<p><figure>
 <a href='./img/projects/cake/4brands.webp'>
 <img class="body" src='./img/projects/cake/4brands.webp' alt='' loading="lazy">
 </a>
 
 <figcaption>The full brand architecture proposal in symbol and logotype</figcaption>
 
</figure>

<br></p>
<h2 id="brand-architecture">Brand Architecture</h2>
<p>The current brand architecture is consistent but too uniform. It does benefit from the popularity of Cake Wallet (their best known product) to build a solid association, but it limits the possibility of differenciation among the products</p></description>
</item>
<item>
<title>NetGuard</title>
<link>https://jaim3.com/projects/netguard/</link>
<pubDate>Sun, 01 Sep 2024 00:00:00 +0000</pubDate>
<guid>https://jaim3.com/projects/netguard/</guid>
<description><!--
<style>
 .button-wrapper{
 display:block;
 background-color: transparent;
 text-align: center;
 }

 .button-wrapper a{
 text-decoration:none;
 display:inline-block;
 padding:0.8rem 1.8rem;
 border-radius:100rem;
 
 background-color: var(--enlace);
 color:white; 

 transform:scale(1);
 box-shadow: 0px 5px 15px rgba(48, 114, 255, 0);
 transition: 300ms all ease-in-out;
 }

 .button-wrapper a:hover{
 transform:scale(1.05);
 box-shadow: 0px 5px 15px rgba(48, 114, 255, 0.4);
 }
</style>

<div class="button-wrapper">
 <a href='./docs/netguard-jaim3.pdf'>
 Project PDF
 </a>
</div>
<br>
 -->
<figure>
 <a href='./img/projects/netguard/logotype-comparison.webp'>
 <img class="body" src='./img/projects/netguard/logotype-comparison.webp' alt='Logotype comparison' loading="lazy">
 </a>
 
</figure>

<figure>
 <a href='./img/projects/netguard/icon-comparison.webp'>
 <img class="body" src='./img/projects/netguard/icon-comparison.webp' alt='Icon comparison' loading="lazy">
 </a>
 
</figure>

<figure>
 <a href='./img/projects/netguard/monochrome.webp'>
 <img class="body" src='./img/projects/netguard/monochrome.webp' alt='Logotype and symbol in monochrome' loading="lazy">
 </a>
 
</figure>

<figure>
 <a href='./img/projects/netguard/icons-3.webp'>
 <img class="body" src='./img/projects/netguard/icons-3.webp' alt='App icon in 3 colors (gradient)' loading="lazy">
 </a>
 
</figure>

<figure>
 <a href='./img/projects/netguard/icons-3-flat.webp'>
 <img class="body" src='./img/projects/netguard/icons-3-flat.webp' alt='App icon in 3 colors (flat)' loading="lazy">
 </a>
 
</figure></description>
</item>
<item>
<title>NewPlayer</title>
<link>https://jaim3.com/projects/newplayer/</link>
<pubDate>Sun, 01 Sep 2024 00:00:00 +0000</pubDate>
<guid>https://jaim3.com/projects/newplayer/</guid>
<description><h2 id="story">Story</h2>
<p>In august 2024 I submitted a redesign proposal for the main NewPipe app, as they were in the process of a deep overhaul of the codebase and I thought that new start would open the scenario of a refreshed brand
<br><br>
<figure>
 <a href='./img/projects/newplayer/newpipe-proposal.webp'>
 <img class="body" src='./img/projects/newplayer/newpipe-proposal.webp' alt='' loading="lazy">
 </a>
 
 <figcaption>My initial proposal for NewPipe</figcaption>
 
</figure>
<br></p>
<p>On the <a href="https://github.com/TeamNewPipe/NewPipe/issues/10375">GitHub issue</a> I opened, I also attached an image of the design process
<br><br>
<figure>
 <a href='./img/projects/newplayer/design-process.webp'>
 <img class="body" src='./img/projects/newplayer/design-process.webp' alt='' loading="lazy">
 </a>
 
</figure>
</p>
<h2 id="newplayer">NewPlayer</h2>
<p>A year later, TheScrabi (the original developer of NewPipe) reached out to me for permission to use one of my icons</p></description>
</item>
<item>
<title>Baoteca</title>
<link>https://jaim3.com/projects/baoteca/</link>
<pubDate>Sat, 01 Jun 2024 00:00:00 +0000</pubDate>
<guid>https://jaim3.com/projects/baoteca/</guid>
<description><h2 id="branding">Branding</h2>
<p>Creation of the identity and graphic brand: Name, Logo, Symbol and Visual Universe. As well as brand management across all digital platforms.</p>
<p>The naming is an original word, which helps achieve that all digital handles are cleanly branded @baoteca, and ensuring the baoteca.com domain was available too
<br><br></p>
<div>
 <div style="position: relative; width: 100%; height: 0; padding-top: 56.25%;
 padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); overflow: hidden;
 border-radius: 8px; will-change: transform;">
 <iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
 src="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAGP_mpEqFs&#x2F;WYHafCRunl4N5HyTJsSJLg&#x2F;view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
 </iframe>
 </div>
 <p style="text-align:center; font-style:italic; margin-top:1rem;"></p></description>
</item>
<item>
<title>Casa del Estudiante</title>
<link>https://jaim3.com/projects/cde/</link>
<pubDate>Sun, 01 Oct 2023 00:00:00 +0000</pubDate>
<guid>https://jaim3.com/projects/cde/</guid>
<description><style>
.grilla {
 display: grid;
 grid-template-columns:repeat(2,1fr);
}
.grilla figure {
 padding: 10px;
 text-align:center;
}

.grilla img {
 width: 100%;
 height: auto;
 margin: 0;
}
.grilla figcaption {
 margin-top: 10px;
 text-align: center;
 color: #333;
 padding: 5px;
}


</style>
<div>
 <div style="position: relative; width: 100%; height: 0; padding-top: 100.0000%;
 padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); overflow: hidden;
 border-radius: 8px; will-change: transform;">
 <iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
 src="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAGDyCP-g5I&#x2F;72JNbL9NsNhteKbRqhUQyQ&#x2F;view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
 </iframe>
 </div>
 <p style="text-align:center; font-style:italic; margin-top:1rem;">Overview of the proposal</p></description>
</item>
<item>
<title>Newsletters</title>
<link>https://jaim3.com/projects/newsletters/</link>
<pubDate>Fri, 01 Sep 2023 00:00:00 +0000</pubDate>
<guid>https://jaim3.com/projects/newsletters/</guid>
<description><style>
.grilla {
 display: grid;
 grid-template-columns:repeat(2,1fr);
}
.grilla figure {
 padding: 10px;
 text-align:center;
}

.grilla img {
 width: 100%;
 height: auto;
 margin: 0;
}
.grilla figcaption {
 margin-top: 10px;
 text-align: center;
 color: #333;
 padding: 5px;
}


</style>
<div>
 <div style="position: relative; width: 100%; height: 0; padding-top: 100.0000%;
 padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); overflow: hidden;
 border-radius: 8px; will-change: transform;">
 <iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
 src="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAGD0e016uQ&#x2F;yvhy22oXREOvnwgJ8QbKMA&#x2F;view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
 </iframe>
 </div>
 <p style="text-align:center; font-style:italic; margin-top:1rem;">Newsletter selection</p></description>
</item>
<item>
<title>Product Mockups</title>
<link>https://jaim3.com/projects/mockups/</link>
<pubDate>Fri, 01 Sep 2023 00:00:00 +0000</pubDate>
<guid>https://jaim3.com/projects/mockups/</guid>
<description><style>
.grilla {
 display: grid;
 grid-template-columns:repeat(2,1fr);
}
.grilla figure {
 padding: 10px;
 text-align:center;
}

.grilla img {
 width: 100%;
 height: auto;
 margin: 0;
}
.grilla figcaption {
 margin-top: 10px;
 text-align: center;
 color: #333;
 padding: 5px;
}


</style>
<div>
 <div style="position: relative; width: 100%; height: 0; padding-top: 100.0000%;
 padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); overflow: hidden;
 border-radius: 8px; will-change: transform;">
 <iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
 src="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAGDykokS2M&#x2F;P8TJ8fY2goZp86CDKXeN4A&#x2F;view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
 </iframe>
 </div>
 <p style="text-align:center; font-style:italic; margin-top:1rem;">Selection of Photomontages for the catalog</p></description>
</item>
<item>
<title>Mull</title>
<link>https://jaim3.com/projects/mull/</link>
<pubDate>Sun, 27 Aug 2023 00:00:00 +0000</pubDate>
<guid>https://jaim3.com/projects/mull/</guid>
<description><p><style>
 .button-wrapper{
 display:block;
 background-color: transparent;
 text-align: center;
 }

 .button-wrapper a{
 text-decoration:none;
 display:inline-block;
 padding:0.8rem 1.8rem;
 border-radius:100rem;
 
 background-color: var(--enlace);
 color:white; 

 transform:scale(1);
 box-shadow: 0px 5px 15px rgba(48, 114, 255, 0);
 transition: 300ms all ease-in-out;
 }

 .button-wrapper a:hover{
 transform:scale(1.05);
 box-shadow: 0px 5px 15px rgba(48, 114, 255, 0.4);
 }
</style>

<div class="button-wrapper">
 <a href='./docs/mull-Jaim3.pdf'>
 Full Project PDF
 </a>
</div>
<br></p>
<h2 id="before-and-after">Before and After</h2>
<p>Mull’s current brand is quite barebones and garish. It consists of an icon of a badger’s head in magenta over a blue-green background. The colors clash
with each other</p></description>
</item>
<item>
<title>Dinos Dinner</title>
<link>https://jaim3.com/projects/dinos/</link>
<pubDate>Sat, 01 Jul 2023 00:00:00 +0000</pubDate>
<guid>https://jaim3.com/projects/dinos/</guid>
<description><style>
.grilla {
 display: grid;
 grid-template-columns:repeat(2,1fr);
}
.grilla figure {
 padding: 10px;
 text-align:center;
}

.grilla img {
 width: 100%;
 height: auto;
 margin: 0;
}
.grilla figcaption {
 margin-top: 10px;
 text-align: center;
 color: #333;
 padding: 5px;
}


</style>
<div class="grilla">
 <figure>
 <a href='./img/projects/dinos/Borges.webp'>
 <img class="body" src='./img/projects/dinos/Borges.webp' alt='' loading="lazy">
 </a>
 
 <figcaption>Jorge Luis Borges | Georgius Luvis Borgasaurus</figcaption>
 
 </figure>

 <figure>
 <a href='./img/projects/dinos/Velazquez.webp'>
 <img class="body" src='./img/projects/dinos/Velazquez.webp' alt='' loading="lazy">
 </a>
 
 <figcaption>Diego Velázquez | Didacus Velaz-rex</figcaption>
 
 </figure>

 <figure>
 <a href='./img/projects/dinos/Cervantes.webp'>
 <img class="body" src='./img/projects/dinos/Cervantes.webp' alt='' loading="lazy">
 </a>
 
 <figcaption>Miguel de Cervantes | Michaelus Cervantasaurus</figcaption>
 
 </figure>

 <figure>
 <a href='./img/projects/dinos/Nadal.webp'>
 <img class="body" src='./img/projects/dinos/Nadal.webp' alt='' loading="lazy">
 </a>
 
 <figcaption>Rafael Nadal | Rafarraptor Nadaurus</figcaption>
 
 </figure>

 <figure>
 <a href='./img/projects/dinos/Goya.webp'>
 <img class="body" src='./img/projects/dinos/Goya.webp' alt='' loading="lazy">
 </a>
 
 <figcaption>Francisco de Goya | Franciscus Goyaratops</figcaption>
 
 </figure>

 <figure>
 <a href='./img/projects/dinos/Felipe.webp'>
 <img class="body" src='./img/projects/dinos/Felipe.webp' alt='' loading="lazy">
 </a>
 
 <figcaption>Felipe II | Philipposaurus Rex II</figcaption>
 
 </figure>

 <figure>
 <a href='./img/projects/dinos/Isabel.webp'>
 <img class="body" src='./img/projects/dinos/Isabel.webp' alt='' loading="lazy">
 </a>
 
 <figcaption>Isabel I. de Castilla | Isaurus I.</figcaption>
 
 </figure>

 <figure>
 <a href='./img/projects/dinos/Larra.webp'>
 <img class="body" src='./img/projects/dinos/Larra.webp' alt='' loading="lazy">
 </a>
 
 <figcaption>Mariano José de Larra | Marianodon Ioseph Larrarus</figcaption>
 
 </figure>

 <figure>
 <a href='./img/projects/dinos/Dylan.webp'>
 <img class="body" src='./img/projects/dinos/Dylan.webp' alt='' loading="lazy">
 </a>
 
 <figcaption>Bob Dylan | Bobdylorraptor</figcaption>
 
 </figure>

 <figure>
 <a href='./img/projects/dinos/Tarantino.webp'>
 <img class="body" src='./img/projects/dinos/Tarantino.webp' alt='' loading="lazy">
 </a>
 
 <figcaption>Quentin Tarantino | Quentinosaurus Tarantinus</figcaption>
 
 </figure>

 <figure>
 <a href='./img/projects/dinos/Marlon.webp'>
 <img class="body" src='./img/projects/dinos/Marlon.webp' alt='' loading="lazy">
 </a>
 
 <figcaption>Marlon Brando Jr. | Mosarlon Brandus</figcaption>
 
 </figure>

 <figure>
 <a href='./img/projects/dinos/Salinas.webp'>
 <img class="body" src='./img/projects/dinos/Salinas.webp' alt='' loading="lazy">
 </a>
 
 <figcaption>Pedro Salinas | Petrus Salinophus</figcaption>
 
 </figure>

 <figure>
 <a href='./img/projects/dinos/Noguera.webp'>
 <img class="body" src='./img/projects/dinos/Noguera.webp' alt='' loading="lazy">
 </a>
 
 <figcaption>Miguel Noguera | Miguelocirraptor Noguerax</figcaption>
 
 </figure>

 <figure>
 <a href='./img/projects/dinos/Ford.webp'>
 <img class="body" src='./img/projects/dinos/Ford.webp' alt='' loading="lazy">
 </a>
 
 <figcaption>John Ford | Ionus Fordosaurus</figcaption>
 
 </figure>

 <figure>
 <a href='./img/projects/dinos/Bowie.webp'>
 <img class="body" src='./img/projects/dinos/Bowie.webp' alt='' loading="lazy">
 </a>
 
 <figcaption>David Bowie | Deiphosaurus Bowix</figcaption>
 
 </figure>

 <figure>
 <a href='./img/projects/dinos/Bueno.webp'>
 <img class="body" src='./img/projects/dinos/Bueno.webp' alt='' loading="lazy">
 </a>
 
 <figcaption>Gustavo Bueno | Gustabuenosaurus</figcaption>
 
 </figure>

 <figure>
 <a href='./img/projects/dinos/Garci.webp'>
 <img class="body" src='./img/projects/dinos/Garci.webp' alt='' loading="lazy">
 </a>
 
 <figcaption>José Luis Garci | Ioselus Garcimimus </figcaption>
 
 </figure>

 <figure>
 <a href='./img/projects/dinos/Huevo.webp'>
 <img class="body" src='./img/projects/dinos/Huevo.webp' alt='' loading="lazy">
 </a>
 
 <figcaption>Egg (Children&#39;s table)</figcaption>
 
 </figure>

</div></description>
</item>
<item>
<title>LaLiga</title>
<link>https://jaim3.com/projects/laliga/</link>
<pubDate>Sat, 01 Jul 2023 00:00:00 +0000</pubDate>
<guid>https://jaim3.com/projects/laliga/</guid>
<description><h2 id="the-why">The Why</h2>
<p>La Liga, the first division league of Spanish football renewed its image in 2023. This graphic brand, radically different from the image that the competition had until then, incorporated two crucial elements: an abstract logo and the orange-red as the main color.
<br><br>
This new image without reference to football and little continuity with the previous brand, made me try and create a proposal more in line with what existed before.
<br><br>
Looking at the identity of other leagues, I observed that red is already associated with the identity of other leagues (mainly the German Bundesliga). So my proposal is based on black and white, the colors of the archetypal ball of this sport.
<br><br></p></description>
</item>
<item>
<title>Atica + Atrio</title>
<link>https://jaim3.com/projects/atica/</link>
<pubDate>Wed, 01 Feb 2023 00:00:00 +0000</pubDate>
<guid>https://jaim3.com/projects/atica/</guid>
<description><style>
 .button-wrapper{
 display:block;
 background-color: transparent;
 text-align: center;
 }

 .button-wrapper a{
 text-decoration:none;
 display:inline-block;
 padding:0.8rem 1.8rem;
 border-radius:100rem;
 
 background-color: var(--enlace);
 color:white; 

 transform:scale(1);
 box-shadow: 0px 5px 15px rgba(48, 114, 255, 0);
 transition: 300ms all ease-in-out;
 }

 .button-wrapper a:hover{
 transform:scale(1.05);
 box-shadow: 0px 5px 15px rgba(48, 114, 255, 0.4);
 }
</style>

<div class="button-wrapper">
 <a href='./docs/mull-Jaim3.pdf'>
 Full Project PDF
 </a>
</div>
<figure>
 <a href='./img/projects/atica/carousel.webp'>
 <img class="body" src='./img/projects/atica/carousel.webp' alt='' loading="lazy">
 </a>
 
</figure>

<figure>
 <a href='./img/projects/atica/cards.webp'>
 <img class="body" src='./img/projects/atica/cards.webp' alt='' loading="lazy">
 </a>
 
</figure>

<figure>
 <a href='./img/projects/atica/polo.webp'>
 <img class="body" src='./img/projects/atica/polo.webp' alt='' loading="lazy">
 </a>
 
</figure>

<figure>
 <a href='./img/projects/atica/facade.webp'>
 <img class="body" src='./img/projects/atica/facade.webp' alt='' loading="lazy">
 </a>
 
</figure>

<figure>
 <a href='./img/projects/atica/heart.webp'>
 <img class="body" src='./img/projects/atica/heart.webp' alt='' loading="lazy">
 </a>
 
</figure>

<figure>
 <a href='./img/projects/atica/pencils-stickers.webp'>
 <img class="body" src='./img/projects/atica/pencils-stickers.webp' alt='' loading="lazy">
 </a>
 
</figure>

<figure>
 <a href='./img/projects/atica/posters.webp'>
 <img class="body" src='./img/projects/atica/posters.webp' alt='' loading="lazy">
 </a>
 
</figure></description>
</item>
<item>
<title>Frontera Ediciones</title>
<link>https://jaim3.com/projects/frontera/</link>
<pubDate>Tue, 01 Dec 2020 00:00:00 +0000</pubDate>
<guid>https://jaim3.com/projects/frontera/</guid>
<description><style>
.grilla {
 display: grid;
 grid-template-columns:repeat(2,1fr);
}
.grilla figure {
 padding: 10px;
 text-align:center;
}

.grilla img {
 width: 100%;
 height: auto;
 margin: 0;
}
.grilla figcaption {
 margin-top: 10px;
 text-align: center;
 color: #333;
 padding: 5px;
}


</style>
<div class="grilla">
 <figure>
 <a href='./img/projects/frontera/pruneda.webp'>
 <img class="body" src='./img/projects/frontera/pruneda.webp' alt='' loading="lazy">
 </a>
 
 <figcaption>Salvador García de Pruneda, &#39;La puerta falsa&#39;</figcaption>
 
 </figure>

 <figure>
 <a href='./img/projects/frontera/dato.webp'>
 <img class="body" src='./img/projects/frontera/dato.webp' alt='' loading="lazy">
 </a>
 
 <figcaption>Eduardo Dato</figcaption>
 
 </figure>

 <figure>
 <a href='./img/projects/frontera/maura.webp'>
 <img class="body" src='./img/projects/frontera/maura.webp' alt='' loading="lazy">
 </a>
 
 <figcaption>Antonio Maura, &#39;Ideario Político&#39;</figcaption>
 
 </figure>

 <figure>
 <a href='./img/projects/frontera/rosales.webp'>
 <img class="body" src='./img/projects/frontera/rosales.webp' alt='' loading="lazy">
 </a>
 
 <figcaption>Luis Rosales, &#39;Teoría de la Libertad&#39;</figcaption>
 
 </figure>

</div></description>
</item>
<item>
<title>Brands</title>
<link>https://jaim3.com/brands/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://jaim3.com/brands/</guid>
<description></description>
</item>
<item>
<title>Jaim3</title>
<link>https://jaim3.com/about/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://jaim3.com/about/</guid>
<description></description>
</item>
</channel>
</rss>