<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Design | 2i2c</title><link>https://deploy-preview-604--2i2c-org.netlify.app/tag/design/</link><atom:link href="https://deploy-preview-604--2i2c-org.netlify.app/tag/design/index.xml" rel="self" type="application/rss+xml"/><description>Design</description><generator>Hugo Blox Builder (https://hugoblox.com)</generator><language>en-us</language><lastBuildDate>Thu, 07 Sep 2023 00:00:00 +0000</lastBuildDate><image><url>https://deploy-preview-604--2i2c-org.netlify.app/media/sharing.png</url><title>Design</title><link>https://deploy-preview-604--2i2c-org.netlify.app/tag/design/</link></image><item><title>A new design and logo for 2i2c</title><link>https://deploy-preview-604--2i2c-org.netlify.app/blog/new-design/</link><pubDate>Thu, 07 Sep 2023 00:00:00 +0000</pubDate><guid>https://deploy-preview-604--2i2c-org.netlify.app/blog/new-design/</guid><description>&lt;p>We are thrilled to announce a revitalized visual brand for 2i2c.
As we continue to grow and evolve, it&amp;rsquo;s essential that our branding communicates who we are, what we stand for, and how we envision our future.
We hope that this new design will unify our visual style across the many places where 2i2c operates.&lt;/p>
&lt;p>In pursuit of these objectives, we teamed up with
&lt;a href="https://www.linkedin.com/in/zacharia-adell-230a3399" target="_blank" rel="noopener" >Zack Adell&lt;/a>, a designer based in Nairobi who has worked with several similar projects over the years (having most-recently overhauled the
&lt;a href="https://investinopen.org/blog/introducing-our-new-logo-and-visual-identity/" target="_blank" rel="noopener" >Invest in Open Infrastructure brand design&lt;/a>).
After several rounds of brainstorming, design reviews, and fine-tuning, we&amp;rsquo;ve landed on a visual identity that resonates with our organization.&lt;/p>
&lt;h2 id="meet-our-new-logo-and-design-system">
Meet Our New Logo and design system
&lt;a class="header-anchor" href="#meet-our-new-logo-and-design-system">#&lt;/a>
&lt;/h2>&lt;p>Zack has created
&lt;a href="https://docs.google.com/presentation/d/1O36_yjTSKiXB9_yAnj4QnF_sob1z_GQmcfIVrZ_ymeY/edit?usp=sharing" target="_blank" rel="noopener" >a set of Brand Guidelines&lt;/a> that will guide our use of color and visual style in 2i2c&amp;rsquo;s materials.&lt;/p>
&lt;p>Below is our new logo in square and wide form:&lt;/p>
&lt;p>
&lt;figure >
&lt;div class="d-flex justify-content-center">
&lt;div class="w-100" >&lt;img alt="Our square logo" srcset="
/blog/new-design/logo_hu8fbfbe36da3efb766b43fe939cc064d6_2589_6eeaa614e624f2015b193f361f031f61.webp 400w,
/blog/new-design/logo_hu8fbfbe36da3efb766b43fe939cc064d6_2589_f617e8cd008d06b1a37c020b5f431394.webp 760w,
/blog/new-design/logo_hu8fbfbe36da3efb766b43fe939cc064d6_2589_1200x1200_fit_q75_h2_lanczos_3.webp 1200w"
src="https://deploy-preview-604--2i2c-org.netlify.app/blog/new-design/logo_hu8fbfbe36da3efb766b43fe939cc064d6_2589_6eeaa614e624f2015b193f361f031f61.webp"
width="194"
height="194"
loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;p>
&lt;figure >
&lt;div class="d-flex justify-content-center">
&lt;div class="w-100" >&lt;img alt="Our wide logo" srcset="
/blog/new-design/logo-wide_hub646ed832318eca84c20b2d69731c405_12206_e9469d8a5b98d6c1a73e59ca69852e22.webp 400w,
/blog/new-design/logo-wide_hub646ed832318eca84c20b2d69731c405_12206_72f0377c6274b2f07a78de376255c115.webp 760w,
/blog/new-design/logo-wide_hub646ed832318eca84c20b2d69731c405_12206_1200x1200_fit_q75_h2_lanczos_3.webp 1200w"
src="https://deploy-preview-604--2i2c-org.netlify.app/blog/new-design/logo-wide_hub646ed832318eca84c20b2d69731c405_12206_e9469d8a5b98d6c1a73e59ca69852e22.webp"
width="760"
height="213"
loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;p>Our logo comprises the &lt;code>International Interactive Computing Collaboration&lt;/code> wordmark, characterized by our interactive &lt;code>i&lt;/code>.
We can fly it just about anywhere.
A mark of constant progress &amp;amp; community-driven technology, it isn&amp;rsquo;t stuck to the borders that separate people.
It brings us closer together.&lt;/p>
&lt;p>Our primary and secondary color palette is below:&lt;/p>
&lt;p>
&lt;figure >
&lt;div class="d-flex justify-content-center">
&lt;div class="w-100" >&lt;img alt="Primary color palette" srcset="
/blog/new-design/logo-colors-primary_hu04e8c7f8ff494896e02d5377f3431ba1_31284_4ae0f15da11457108f95338687bab82d.webp 400w,
/blog/new-design/logo-colors-primary_hu04e8c7f8ff494896e02d5377f3431ba1_31284_652b9c025b78cdee397f9e4ee474505c.webp 760w,
/blog/new-design/logo-colors-primary_hu04e8c7f8ff494896e02d5377f3431ba1_31284_1200x1200_fit_q75_h2_lanczos_3.webp 1200w"
src="https://deploy-preview-604--2i2c-org.netlify.app/blog/new-design/logo-colors-primary_hu04e8c7f8ff494896e02d5377f3431ba1_31284_4ae0f15da11457108f95338687bab82d.webp"
width="760"
height="379"
loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;p>
&lt;figure >
&lt;div class="d-flex justify-content-center">
&lt;div class="w-100" >&lt;img alt="Secondary color palette" srcset="
/blog/new-design/logo-colors-secondary_hubd76cae690a0c031fa0d8ccff93645f8_46064_8588e1db8ef2b71ebf223d65c472ac5f.webp 400w,
/blog/new-design/logo-colors-secondary_hubd76cae690a0c031fa0d8ccff93645f8_46064_9d43d86a9aa83ff8629f445d34bc0e85.webp 760w,
/blog/new-design/logo-colors-secondary_hubd76cae690a0c031fa0d8ccff93645f8_46064_1200x1200_fit_q75_h2_lanczos_3.webp 1200w"
src="https://deploy-preview-604--2i2c-org.netlify.app/blog/new-design/logo-colors-secondary_hubd76cae690a0c031fa0d8ccff93645f8_46064_8588e1db8ef2b71ebf223d65c472ac5f.webp"
width="760"
height="379"
loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;p>Color is the first visual thing we remember and a powerful asset in building brand recognition.
Our color is blue.
Our community blue says the sky is not the limit. It&amp;rsquo;s energetic and vibrant, just like the community we serve.
And it&amp;rsquo;s our primary colour, supported by a lively secondary palette that&amp;rsquo;s as at home on digital platforms as it is on billboards.&lt;/p>
&lt;p>We&amp;rsquo;ve chosen two fonts to use in the majory of the text that we write.
&lt;code>Poppins&lt;/code> for big, bold sentences, and &lt;code>Work Sans&lt;/code> for more versatile and everyday use.&lt;/p>
&lt;p>
&lt;figure >
&lt;div class="d-flex justify-content-center">
&lt;div class="w-100" >&lt;img alt="Examples of our two primary font choices" srcset="
/blog/new-design/typography_hu1025cdee0b378cb9780a4d041a387b0f_44573_397bfeccad29561e4d07332ca6f6f666.webp 400w,
/blog/new-design/typography_hu1025cdee0b378cb9780a4d041a387b0f_44573_e039022ef03e00f8897f613fd14e70a0.webp 760w,
/blog/new-design/typography_hu1025cdee0b378cb9780a4d041a387b0f_44573_1200x1200_fit_q75_h2_lanczos_3.webp 1200w"
src="https://deploy-preview-604--2i2c-org.netlify.app/blog/new-design/typography_hu1025cdee0b378cb9780a4d041a387b0f_44573_397bfeccad29561e4d07332ca6f6f666.webp"
width="760"
height="252"
loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;p>Finally, you might notice these curving, criss-crossing strands in some of our materials.
For example, in our new social media header:&lt;/p>
&lt;p>
&lt;figure >
&lt;div class="d-flex justify-content-center">
&lt;div class="w-100" >&lt;img alt="Twitter header image" srcset="
/blog/new-design/header-twitter_hud0e5b3f1408a671aba832891517b14bc_60234_810d7ebc1b1616729840b199966ca0f2.webp 400w,
/blog/new-design/header-twitter_hud0e5b3f1408a671aba832891517b14bc_60234_d5fb4813e1c62ecc174c8decfcd8cd34.webp 760w,
/blog/new-design/header-twitter_hud0e5b3f1408a671aba832891517b14bc_60234_1200x1200_fit_q75_h2_lanczos_3.webp 1200w"
src="https://deploy-preview-604--2i2c-org.netlify.app/blog/new-design/header-twitter_hud0e5b3f1408a671aba832891517b14bc_60234_810d7ebc1b1616729840b199966ca0f2.webp"
width="760"
height="253"
loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;p>They&amp;rsquo;re the strands that intersect and show how our work and values are interconnected to our community.
We like them because they represent 2i2c&amp;rsquo;s core mission, which is to build connections between people, computation, and data in order to share open knowledge.
We&amp;rsquo;ll try and think of creative ways to incorporate them into our visual style.&lt;/p>
&lt;p>We believe our new visual identity is more than just a fresh coat of paint.
It&amp;rsquo;s a reaffirmation of our commitment to our stakeholders and an exciting milestone in our ongoing journey.
We can&amp;rsquo;t wait for you to see it in action, and are excited to hear what you think about it!&lt;/p>
&lt;blockquote>
&lt;p>❗ &lt;strong>Note&lt;/strong>&lt;/p>
&lt;p>If you&amp;rsquo;d like to get in touch with Zack Adell, please reach out on
&lt;a href="https://www.linkedin.com/in/zacharia-adell-230a3399/" target="_blank" rel="noopener" >his LinkedIn profile&lt;/a>, or
&lt;a href="https://www.instagram.com/iamzackadell/" target="_blank" rel="noopener" >his Instagram account&lt;/a>.&lt;/p>
&lt;/blockquote></description></item></channel></rss>