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

Create "Did You Know?" Social Media Posts (3-4 Graphics) #107

Open
Mayaleeeee opened this issue Sep 2, 2024 · 14 comments
Open

Create "Did You Know?" Social Media Posts (3-4 Graphics) #107

Mayaleeeee opened this issue Sep 2, 2024 · 14 comments
Labels
🎨 design Design thinking/mockups needed good first issue Good for newcomers

Comments

@Mayaleeeee
Copy link
Member

Details

Create 3 to 4 visually engaging "Did You Know?" graphics for our social media channels. For now, you can use placeholder/dummy text, and we'll fill in the actual content later. The designs should follow our brand guidelines while allowing variety to keep things visually interesting.

You can find our colour palette and typography guidelines here:
Link to Design System - Colors & Typography or Brand Repo

Timeline:

Please deliver this by Tuesday - 03/09/2024

Let me know if you have any questions or need more details!

@Mayaleeeee Mayaleeeee added good first issue Good for newcomers area/design Specify what technical area given issue relates to. Its goal is to ease filtering good first issues. labels Sep 2, 2024
@TenzDelek
Copy link

didyouknow1

@TenzDelek
Copy link

didyoukow2

@TenzDelek
Copy link

didyouknow3

@TenzDelek
Copy link

cc @Mayaleeeee

@Mayaleeeee
Copy link
Member Author

Thanks, @TenzDelek

Please use 1200 × 675 for the pixel size.

@Mayaleeeee
Copy link
Member Author

Mayaleeeee commented Sep 3, 2024

didyouknow1

This looks good, but let's adjust the hierarchy:

  1. Move the AsyncAPI logo to the top, outside the white box.

  2. Move the 'Did you Know?' layers down a little bit.

  3. Increase the size of the content. (What's the font size you used)

IMG-20240903-WA0012.jpg

@TenzDelek
Copy link

framemain
hey @Mayaleeeee
the content size is 32px

@Mayaleeeee
Copy link
Member Author

framemain
hey @Mayaleeeee
the content size is 32px

Okay, 32px looks good.

Instead of having the content fill the entire box, please adjust the width of the text to span 3 lines.

IMG-20240903-WA0020.jpg

@TenzDelek
Copy link

1

@Mayaleeeee Mayaleeeee added 🎨 design Design thinking/mockups needed and removed area/design Specify what technical area given issue relates to. Its goal is to ease filtering good first issues. labels Sep 3, 2024
@Mayaleeeee
Copy link
Member Author

Mayaleeeee commented Sep 4, 2024

@TenzDelek

I didn't mean you should increase the width of the box. I'm saying to decrease the width of the text inside the box, so the text can be 3 lines instead of 2.

![IMG-20240904-WA0033.jpg

Please adjust the width of the box to it actual size and simply decrease the width of the text.

@TenzDelek
Copy link

tenzin
cc @Mayaleeeee
took some inspo from the AMA post design

@Mayaleeeee
Copy link
Member Author

tenzin
cc @Mayaleeeee
took some inspo from the AMA post design

Did you reduce the size of the box?

@TenzDelek
Copy link

framemain
cc @Mayaleeeee
here is the previous box size 👍

@Mayaleeeee
Copy link
Member Author

framemain cc @Mayaleeeee here is the previous box size 👍

Thank you @TenzDelek

cc @iambami, could you please provide the design contents?

@Mayaleeeee Mayaleeeee added this to Design Sep 9, 2024
@Mayaleeeee Mayaleeeee moved this to In Progress in Design Sep 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🎨 design Design thinking/mockups needed good first issue Good for newcomers
Projects
Status: In Progress
Development

No branches or pull requests

2 participants