Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

add[illustration]: When React storybook like in shared users see a v9 Carbon graphic #7593

Closed
jeanservaas opened this issue Jan 19, 2021 · 2 comments

Comments

@jeanservaas
Copy link
Collaborator

jeanservaas commented Jan 19, 2021

This is the offending image:

image

If you see a storybook link pasted in Slack, you see this old v9 Carbon image.
https://react.carbondesignsystem.com/?path=/story/datatable--usage

Specs for image

1200 x 630px is the size of some of the other images we're using for previews (see below), it's a little soft at 72 dpi so I'd go
2400 x 1260px

Background information and inspiration:

This is the image we are currently using on the Carbon website that shows in some of our other previews.
https://www.carbondesignsystem.com/static/ogimage-324e43fd3b74f4ece4582018a067eb27.png

But, I think it's time to start freshening these images up and having a little more fun with them. Anything we make can be repurposed for other uses, like medium articles or Slack communications in the future.

  • We have the Carbon expressive pictograms now too (file below)
  • We have this pictorgram grid that we've played with before (file below)

image

https://medium.com/carbondesign/whats-coming-to-carbon-in-2021-39a4c7d1762a

Screen Shot 2020-11-16 at 10 18 13 AM

image

image

Files

You can download the IDL Master pictogram file here too:
https://www.ibm.com/design/language/iconography/pictograms/design

carbon_expressive_pictos.ai.zip

Carbon_messaging_template.ai.zip

smiley_build

carbon_illustrations.zip

@mjabbink
Copy link

Love the illustration with icons and grids above. Very nice and I can image more of that exact thing across other elements. transitioning from wireframes and specs to the final full color thing.

@tay1orjones
Copy link
Member

This was fixed in #7893 🎉

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants