<html><body><div dir="ltr">Thanks for looking at this Vicky, it is an important topic but not something we can do in isolation.</div><div dir="ltr"><br></div><div dir="ltr">The marketing list is our best source of folks aware of brand sensitivities, and nothing is so emotion filled as our sponsors page.<br></div><div dir="ltr">I really want to get the go-ahead here before doing any design.<br></div><div dir="ltr"><br></div><div dir="ltr"><div dir="ltr">It is required to have a visual plan - once we have a plan we can prototype with a design / goal in mind.</div></div><div dir="ltr"><br></div><div dir="ltr">Feedback on <a href="https://dev.www.osgeo.org/sponsors/">https://dev.www.osgeo.org/sponsors/</a>L</div><div dir="ltr"><ul dir="ltr" style="list-style-type:"\002013 ";margin:0px"><li>If the square logos get too close to the top edge legibility are lost.<br></li><li>If the wide logos get too close to the sides legibility is lost</li><li>Square logos like "Kaplan" have so much more visual space then logos like "ip2location" it can lead to unfairness</li></ul></div><div dir="ltr"><br></div><div dir="ltr">For reference see how logos are accommodated in blocks for display on booth banner.</div><div dir="ltr"><ul dir="ltr" style="list-style-type:"\002013 ";margin:0px"><li>Camptocamp which is more squat, so it does not use the full width to avoid appearing too large (the "Kaplan" effect above)</li><li>Each logo has about the same amount of background and content pixels</li><li>QFieldCloud has the hardest time with this balance, as not all of the logo has the same contrast.</li></ul></div><div dir="ltr"><br></div><div dir="ltr"><span id="docs-internal-guid-ee36bbb0-7fff-b43b-1a9e-3a1603854d42"><span style="font-size:11pt;font-family:Arial,sans-serif;font-variant-ligatures:normal;font-variant-alternates:normal;font-variant-numeric:normal;font-variant-east-asian:normal;vertical-align:baseline;white-space:pre-wrap"><span style="border:medium;display:inline-block;overflow:hidden;width:184px;height:392px"><img src="https://lh7-us.googleusercontent.com/aSZqz4zUR6OzF4I9-ICgWKJFO8Aw8lOyBxMzESaVixp_SD8tDiqcOtQPCFkB7ZqCHWPG1hNgGqKwY_yDsUG4h2fwMk7qknGPTTGVYhiZpO3u6Vm-AQgNRHxgBUNemDPA5FUq-S3us7Wkp7ko5y2E-VY" width="184" height="392" style="margin-left: 0px; margin-top: 0px;"></span></span></span></div><div dir="ltr"><br></div><div dir="ltr">Goals In design terms the idea is to keep an consistent amount of whitespace margin around each logo size<br></div><div dir="ltr"><ul dir="ltr" style="list-style-type:inherit;margin:0px"><li><a href="https://felterunfiltered.com/how-to-design-with-a-bunch-of-logos/" style="--dark-color: var(--NSColor_linkColor);">https://felterunfiltered.com/how-to-design-with-a-bunch-of-logos/</a><br><i>"Put your logos in an invisible grid to quickly fix alignment issues. Resize them within the grid as necessary."</i></li><li>Assuming each logo in a teir is assigned the same sized block</li><li>Minimum margin is required for legibility</li><li>If you imagine a radial line scanning clockwise from the centre of the, recording the percentage of background vs logo pixels, the average should be the same for each logo</li><li>An approximate could be done based on aspect ratio of the logo, probably with CSS actually</li></ul><div><br></div><div dir="ltr">Let me think about it!</div><div dir="ltr">--<br></div></div><div dir="ltr"><div><div class="gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div dir="ltr"><div>Jody Garnett</div></div></div></div></div><br>
</div>
<br>
<div class="gmail_quote">
<div dir="ltr" class="gmail_attr">On Feb 2, 2024 at 5:30:15 PM, Vicky Vergara via Marketing <<a href="mailto:marketing@lists.osgeo.org">marketing@lists.osgeo.org</a>> wrote:<br></div>
<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex" type="cite">
<div dir="ltr">Does this look better?<br><div><a href="https://dev.www.osgeo.org/sponsors/">https://dev.www.osgeo.org/sponsors/</a></div><div><br></div></div><br><div class="gmail_quote"><div dir="ltr" class="gmail_attr">On Wed, Jan 31, 2024 at 5:42 PM Enock Seth Nyamador via Marketing <<a href="mailto:marketing@lists.osgeo.org">marketing@lists.osgeo.org</a>> wrote:<br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex"><div dir="ltr">+1 </div><br><div class="gmail_quote"><div dir="ltr" class="gmail_attr">On Wed, 31 Jan 2024 at 20:43, Astrid Emde (OSGeo) via Marketing <<a href="mailto:marketing@lists.osgeo.org" target="_blank">marketing@lists.osgeo.org</a>> wrote:<br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">+1<br>
<br>
Am 31.01.2024 19:40 schrieb Mugeha Laura via Marketing:<br>
> +1 Laura.<br>
> <br>
> On Wed, Jan 31, 2024 at 7:48 PM Jody Garnett via Marketing<br>
> <<a href="mailto:marketing@lists.osgeo.org" target="_blank">marketing@lists.osgeo.org</a>> wrote:<br>
> <br>
>> Hey folks, I am making a proposal below for a quick fix, please<br>
>> respond with a +1 and we can unblock an issue that has become<br>
>> urgent.<br>
>> <br>
>> Discussion welcome, but growing scope is not. I was present during<br>
>> the website project so I know some of the graphical design tradeoffs<br>
>> in order to answer questions.<br>
>> <br>
>> Thanks,<br>
>> Jody<br>
>> <br>
>> PROBLEM:<br>
>> <br>
>> So some pages of the website have run into problems (with updates<br>
>> and changes) and need some emergency graphic design decisions.<br>
>> <br>
>> The <a href="https://www.osgeo.org/sponsors/" rel="noreferrer" target="_blank">https://www.osgeo.org/sponsors/</a> [1] page is a bit broken right<br>
>> now, with logos displaying in a single column, and square logos<br>
>> ending up with too much visual weight making for an inconsistent<br>
>> visual.<br>
>> <br>
>> Notes:<br>
>> <br>
>> * <a href="https://trac.osgeo.org/osgeo/ticket/3000" rel="noreferrer" target="_blank">https://trac.osgeo.org/osgeo/ticket/3000</a> [2] discussing the<br>
>> technical challenges e<br>
>> (This is held up due to lack of graphic design input)<br>
>> * Lior was going to look at sponsorship benefits and this page<br>
>> <a href="https://www.osgeo.org/about/how-to-become-a-sponsor/" rel="noreferrer" target="_blank">https://www.osgeo.org/about/how-to-become-a-sponsor/</a> [3]<br>
>> (Presently it has very prescriptive benefits with exact icons sizes<br>
>> while is ill-advised)<br>
>> <br>
>> SPONSOR PAGE QUICKFIX PROPOSAL<br>
>> <br>
>> * Goal is a good single page presentation, with logos given<br>
>> representation based on sponsorship logo. Logos within a tier should<br>
>> have similar visual impact.<br>
>> * Restore columns: The<br>
>> <a href="https://foss4g.asia/2023/our-sponsors-partners/" rel="noreferrer" target="_blank">https://foss4g.asia/2023/our-sponsors-partners/</a> [4] page is similar<br>
>> to what we started with, with visibility based on sponsorship tier.<br>
>> <br>
>> * Logo scaling for fair visual impact: The <a href="https://foss4gna.org/" rel="noreferrer" target="_blank">https://foss4gna.org/</a><br>
>> [5] page is a good example of fair logo scaling with a perfect<br>
>> rectangle provided for each logo, with a margin for white space so<br>
>> each logo can breath, both square and rectangle logos end up with<br>
>> similar space.<br>
>> (This is an example of how to be fair, I am not recommending the<br>
>> rectangles be visible as is done on the foss4g-na site)<br>
>> <br>
>> PLANNING<br>
>> If we do get a budget for 2024 we should assemble a work package of<br>
>> outstanding requests (review emergency fix, mastodon social logos,<br>
>> committee page template etc...)<br>
>> <br>
>> I strongly wish to avoid doing isolated quick fixes, it is so easy<br>
>> to do small changes that make sense for one objective, and damage<br>
>> the effectiveness of an individual page. Example: some sponsors get<br>
>> color logos, having logos moving in the footer, etc...<br>
>> <br>
>> --<br>
>> Jody Garnett _______________________________________________<br>
>> Marketing mailing list<br>
>> <a href="mailto:Marketing@lists.osgeo.org" target="_blank">Marketing@lists.osgeo.org</a><br>
>> <a href="https://lists.osgeo.org/mailman/listinfo/marketing" rel="noreferrer" target="_blank">https://lists.osgeo.org/mailman/listinfo/marketing</a> [6]<br>
> <br>
> --<br>
> <br>
> MUGEHA LAURA<br>
> <br>
> Geospatial Engineer | Technical Community Manager<br>
> <br>
> Harnessing Open Data & FOSS for Sustainable Development<br>
> <br>
> +2547143297171 [7]<br>
> <br>
> hello@lauramugeha.bio<br>
> <br>
> www.lauramugeha.bio [8]<br>
> <br>
> Nairobi, Kenya<br>
> <br>
> [9]<br>
> <br>
> [10]<br>
> <br>
> [11]<br>
> <br>
> <br>
> <br>
> Links:<br>
> ------<br>
> [1] <a href="https://www.osgeo.org/sponsors/" rel="noreferrer" target="_blank">https://www.osgeo.org/sponsors/</a><br>
> [2] <a href="https://trac.osgeo.org/osgeo/ticket/3000" rel="noreferrer" target="_blank">https://trac.osgeo.org/osgeo/ticket/3000</a><br>
> [3] <a href="https://www.osgeo.org/about/how-to-become-a-sponsor/" rel="noreferrer" target="_blank">https://www.osgeo.org/about/how-to-become-a-sponsor/</a><br>
> [4] <a href="https://foss4g.asia/2023/our-sponsors-partners/" rel="noreferrer" target="_blank">https://foss4g.asia/2023/our-sponsors-partners/</a><br>
> [5] <a href="https://foss4gna.org/" rel="noreferrer" target="_blank">https://foss4gna.org/</a><br>
> [6] <a href="https://lists.osgeo.org/mailman/listinfo/marketing" rel="noreferrer" target="_blank">https://lists.osgeo.org/mailman/listinfo/marketing</a><br>
> [7] tel:+2547143297171<br>
> [8] <a href="https://www.lauramugeha.bio" rel="noreferrer" target="_blank">https://www.lauramugeha.bio</a><br>
> [9] <a href="https://twitter.com/laura_mugeha" rel="noreferrer" target="_blank">https://twitter.com/laura_mugeha</a><br>
> [10] <a href="https://www.linkedin.com/in/laura-mugeha/" rel="noreferrer" target="_blank">https://www.linkedin.com/in/laura-mugeha/</a><br>
> [11] <a href="https://www.instagram.com/nodes.code/" rel="noreferrer" target="_blank">https://www.instagram.com/nodes.code/</a><br>
> <br>
> _______________________________________________<br>
> Marketing mailing list<br>
> <a href="mailto:Marketing@lists.osgeo.org" target="_blank">Marketing@lists.osgeo.org</a><br>
> <a href="https://lists.osgeo.org/mailman/listinfo/marketing" rel="noreferrer" target="_blank">https://lists.osgeo.org/mailman/listinfo/marketing</a><br>
_______________________________________________<br>
Marketing mailing list<br>
<a href="mailto:Marketing@lists.osgeo.org" target="_blank">Marketing@lists.osgeo.org</a><br>
<a href="https://lists.osgeo.org/mailman/listinfo/marketing" rel="noreferrer" target="_blank">https://lists.osgeo.org/mailman/listinfo/marketing</a><br>
</blockquote></div><br clear="all"><div><br></div><span class="gmail_signature_prefix">-- </span><br><div dir="ltr" class="gmail_signature"><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div><font style="vertical-align:inherit"><font style="vertical-align:inherit">-Enock</font></font><br></div></div></div></div></div></div></div></div></div>
_______________________________________________<br>
Marketing mailing list<br>
<a href="mailto:Marketing@lists.osgeo.org" target="_blank">Marketing@lists.osgeo.org</a><br>
<a href="https://lists.osgeo.org/mailman/listinfo/marketing" rel="noreferrer" target="_blank">https://lists.osgeo.org/mailman/listinfo/marketing</a><br>
</blockquote></div>
<div>
<div>
_______________________________________________<br>Marketing mailing list<br><a href="mailto:Marketing@lists.osgeo.org">Marketing@lists.osgeo.org</a><br><a href="https://lists.osgeo.org/mailman/listinfo/marketing">https://lists.osgeo.org/mailman/listinfo/marketing</a><br>
</div>
</div>
</blockquote>
</div></body></html>