search

waterthetrees / wtt_front

Water the Trees React frontend
https://waterthetrees.com
Creative Commons Zero v1.0 Universal
9 stars 24 forks source link

[Epic - New Logos] Design holiday / events based Text Logo and Favicon #296

Open ri0nardo opened 2 years ago

ri0nardo commented 2 years ago

Note: Anyone is welcomed to add more information regarding the topic. Any idea will be considered.

Since we are aiming for Christmas / Holiday season to add in the animation of flying objects onto the map background. Would be a good idea to enhance other features for that season. With the "Water the Trees" Text we can make it more seasonal, and possibly enhance the tree icon that exist.

Link to Water the Trees Logo: https://github.com/waterthetrees/wtt_front/tree/main/client/src/assets/images/addtree

When is Water the Trees Launch Day / Birthday? August 2020

See Google theme based logos as an example. Or Amazon themes per season.

Want to list the holidays/events we can add to water the trees. List chronological order from January. Event/Holiday name / dates

Months January - Default February - Valentines Day "Only" March - Default April - Earth Day Theme May - Default June - Summer Theme July - Summer Theme August - Water the Trees Anniversary September - Default October - Halloween Theme, Skull Sugar Tree / Jack o'lantern / Flying Dutchman / Ghost / Skulls & Skeletons / Pumpkins November - Thanksgiving Theme December - Holiday Winter Theme with Santa Clause

ri0nardo commented 2 years ago

@jazhen what is the best format to export the logo? and does the file size matter? SVG or PNG or other?

jazhen commented 2 years ago

@ri0nardo - TLDR: Most major modern websites seem to use SVG, so SVG seems like a good way to go.

It seems like for other images, such as those on our contact page or even the tree image we show when clicking on a tree WebP is better than PNG/JPG.

Contact page: image

According to https://web.dev/serve-images-webp/, a Google-owned website

YouTube found that switching to WebP thumbnails resulted in 10% faster page loads. Facebook experienced a 25-35% filesize savings for JPEGs and an 80% filesize savings for PNGs when they switched to using WebP.

However, through my own unscientific investigation I have noticed that > 75% of the websites I have check use SVG for their logo, with the rest being PNG. web.dev, where the above came from, uses SVG for their logo itself.

Also, see https://web.dev/choose-the-right-image-format/ for some more info.

From my research, I've compiled a list of websites and what file format they use for their logos.

SVG: https://web.dev/ https://www.twitch.tv/ https://www.youtube.com/ https://www.tiktok.com/ https://github.com/ https://twitter.com/ https://www.linkedin.com/ https://www.lever.co/ https://www.instagram.com/ https://www.reddit.com/

PNG: https://www.rottentomatoes.com/ https://www.ebay.com/ https://mail.google.com/ https://old.reddit.com/

Other: None so far

ri0nardo commented 2 years ago

Agreed upon Halloween Logo for 2022. Favicon to be discussed.

Image

zoobot commented 1 year ago

@ri0nardo Do we want to keep this issue open forever? or should I close? I personally love Chinese New Year and Easter... (bring on the dragons and bunnies!) Those are culture specific. What are the Biggest holidays from each continent? Do we want those? Should we just build them all out and auto-swap with a calendar/timer? @Tijani-zainab

ri0nardo commented 1 year ago

@zoobot depends if we want to continue with these themed logos and favicons. I don't mind creating the graphics from time to time. If we want to continue with the logos and favicons, we should pick a few and cycle through them.

Tijani-zainab commented 1 year ago

Oh, I think auto-swap sounds interesting we just have to keep up with the theme and holidays we are repping @zoobot

Tijani-zainab commented 1 year ago

Yeah, I think we should ! @ri0nardo