hex logo for webchem

[Aariq]

The webchem package could use a logo. The natural choice is, of course, a benzene ring, but it would be great if it indicated a little more about what webchem does.

[stitam]

How about a chemical factory icon like one if these? https://www.shutterstock.com/image-vector/set-factory-manufacturing-icon-black-glyph-1473454799 it is not what webchem does, but people will probably get the idea:)

[Aariq]

I also thought of maybe incorporating a database icon, but that icon is so terribly boring.

[jmorim]

I whipped something up today, thoughts?

[andschar]

I whipped something up today, thoughts?

Looks a bit like a spider web in my opinion and a bit too symmetric for my taste.

[andschar]

I like the idea of combining something chemical, like the mentioned benzene ring and something data related. Maybe a cloud logo instead of the db logo?

[stitam]

Thanks @jmorim for joining the discussion! Even though "web" is present in the name of the package, because of ChemSpider, I think it is better to avoid any association with spiders.

[stitam]

Maybe a cloud logo instead of the db logo?

If it's a cloud, then the chemicals in it had better be harmless;) or fun, like N2O:D

[jmorim]

Looking better?

[Aariq]

Here's another idea. BTW, I like the web in the previous one, but would love a way for "webchem" to be inside of the hexagon.

[stitam]

I agree with webchem inside the hexagon. Love the beaker-database idea:) how about barrels?

• https://www.iconfinder.com/icons/2443036/barrels_cartoon_fuel_gas_oil_petrol_pump_icon
• https://www.123rf.com/photo_107311436_stock-illustration-metal-barrel-with-oil-icon-cartoon-illustration-of-metal-barrel-with-oil-icon-for-web.html
• https://www.istockphoto.com/ie/vector/toxic-waste-gm472281171-16035819

If the drawing is related to chemistry, I don't think we need the benzene ring as well.

[andschar]

I also think the "webchem" should be inside the hexagon. The beaker database is also a nice idea :)

[PythonCoderUnicorn]

i design hex logos, i made one for chemr

here are 2 designs i came up with.

[stitam]

Love them! They show that webchem is a data retrieval package and the package is about chemicals. I prefer the one the right. Thanks @PythonCoderUnicorn!

[PythonCoderUnicorn]

Lovely beans,

here is the second logo design. I always find that positioning the logo in the README to be best as followed:

<img height='200' align='right' src=" <path>" </>

Happy to help ! 💯

[dmi3kno]

We need a Github card. I am concerned about your use of proprietary Futura font. Would you consider switching to DM Sans (or alternatively to Jost/Kumbh Sans/Red Hat Text/Questrial/Nunito)?

library(magick)
#remotes::install_github("dmi3kno/bunny")
library(bunny)

wbch_hex <- image_read("~/Downloads/205117650-4850c419-b095-426e-a2af-887035f91c61.png")

fg_col <- "#344a80"
bg_col <- "white"

# this will write into documentation folder where it needs to be
wbch_hex %>%
  image_scale("200x200") %>%
  image_write("man/figures/logo.png", density = 600)

wbch_hex_gh <- wbch_hex %>%
  image_scale("400x400")


gh_logo <- bunny::github %>%
  image_scale("40x40")

# Alternative texts
# - Your chemistry companion on the web.

wbch_ghcard <- image_canvas_ghcard(fill_color = bg_col) %>%
  image_composite(wbch_hex_gh, gravity = "East", offset = "+100+0") %>%
  image_annotate("Your chemistry", gravity = "West", location = "+100-50",
                 color=fg_col, size=60, font="Jost", weight = 500) %>%
  image_annotate("companion in R.", gravity = "West", location = "+100+20",
                 color=fg_col, size=60, font="Jost", weight = 500) %>%
  image_compose(gh_logo, gravity="West", offset = "+100+100") %>%
  image_annotate("ropensci/webchem", gravity="West",
                 location="+150+100", size=45, font="Ubuntu Mono") %>%
  image_border_ghcard(bg_col) 

wbch_ghcard %>% image_scale("50%")

wbch_ghcard %>%
  image_write("data-raw/wbch_ghcard.png", density = 600)

If you add a white border around the logo, we can make the gh card dark blue.

[PythonCoderUnicorn]

the font used is Jost.

[dmi3kno]

Perfect. I updated the code above

[stitam]

Thanks @dmi3kno for providing the script for generating the GH card! I'm unsure what these are for, can you explain this a bit? An informative link would be perfect :) Is this something that would automatically show up on e.g. social media platforms when we share a link to the repo?

[dmi3kno]

Github social preview cards allow you to use more informative image when sharing the link to the repo. You need to upload this image to the respective section in Github settings for the repo, wait a few min and the social preview card will appear when you share the link on social media.

Here's how social preview card looks for my package.