#749 Design cover slides for D&I meetup videos
Closed: Fixed 11 months ago by riecatnor. Opened a year ago by riecatnor.

phenomenon

We have some videos to upload from a recent Diversity & Inclusion Team Meetup and we need cover slides so we can stick that in front and upload them to youtube.

reason

To make our uploaded videos more professional/presentable

recommendation

I will upload various pieces of art we used for the event and they can remixed to create the design. Remember to keep it simple :)
Dimensions should be 1600px by 900px


hi @mfonobong thanks for working on this! I am enjoying the composition from Screenshot_2021-03-30-15-53-51-26.jpg the most, the centered version. I have a few recommendations for your next draft:
- The inclusion of the badge is great! It looks like it lost some of its properties though. The panda should be cut off, I don't see the drop shadow, etc. What program are you using? If you are unable to process the SVG with the current software you are using, drop in the PNG instead so that the design is retained.
- I like the blue background with the white text you use in the last file, I would incorporate that into the centered composition.
- What typeface(s) are you using for this?
- The source files I provided are a pretty good base for this, you could just edit the document size, drop in the badge, center it all, and done :) Here is what that looks like, the file is in my comment above.

coverpic_dimeetup.png

Okay @riecatnor I'll work on it soonest

Hey @riecatnor can I still contribute to this issue?

Hey @riecatnor ! I came up with these.

I was trying to go for something minimalistic yet striking. I've used sans serif typeface.

My main pain points right now are:
1. I struggled to incorporate the violet in the sticker with the rest of the cover
2. I found positioning the logo tricky, I still think it makes it look a little imbalanced in some of these. I've omitted the logo in some of these.
3. Limiting the color palette was also tricky because the sticker is pretty colorful
4. I wanted to go for a dark background to make it striking, but it becomes a trade-off between making the sticker pop and making the text pop because I think the sticker looks best with a white background. I've added options with both.

diversitydraft1.png

@riecatnor I wasn't sure if the usage of the provided logo (or a remix thereof) was mandatory for this issue. Given the simplicity of the message being conveyed I believe it would prove difficult to fit an asymmetrical element into the design in a satisfying manner. As always CC and feedback is greatly appreciated.

Hi @riecatnor here is a second draft based on your feedback.

  • For the previous design, I used Almarai as typeface. For this new submission, I'm using Fira Sans.
  • The dropshadow in the panda got lost in the blue background, I had to create a white background version of it.
  • I intentionally did not use the fedora logo on the design so it doesn't make it messy because it is assumed that the YouTube channel art or profile picture already Carry's the logo
  • And finally, for the software I am using Figma

Please tell me what you think about these new designs
IMG-20210401-WA0000.jpg
IMG-20210401-WA0003.jpg
IMG-20210401-WA0002.jpg
IMG-20210401-WA0001.jpg
IMG-20210401-WA0006.jpg
IMG-20210401-WA0005.jpg
IMG-20210401-WA0004.jpg
IMG-20210401-WA0008.jpg
IMG-20210401-WA0007.jpg
IMG-20210401-WA0010.jpg
IMG-20210401-WA0009.jpg
IMG-20210401-WA0011.jpg

Hey @riecatnor can i contribute to this issue?

Hey folks, lots of great work happening on this ticket :D I will reply with one comment to try to condense things.

One important point that is applicable to everyone's submissions here and on other tickets:
- Refer to the Logo usage guidelines for questions of color and typeface. For example, we use Open Sans, Montserrat, or Comfortaa as our typefaces of choice. It is important to maintain our brand across all spaces. We do that by adhering to the guideline :)
https://fedoraproject.org/wiki/Logo/UsageGuidelines

@dhairya15 I think option 4 is strongest. A few recommendations for the next draft:
- I think you can remove the Fedora logo from the top right hand side and change the text to the following: "Fedora Diversity & Inclusion Team Meetup"
- Switch the typeface to one of the approved options
- the light blue is really nice, but still a bit flat. Maybe try adding a linear or radial gradient with a medium blue to light blue
- Please limit the designs you upload from 3-5

@jcacovski it is not mandatory, but I think it would help improve your design. A few recommendations for your next draft:
- Switch the typefaces to one of the approved choices
- add in some contrast- all your elements are about the same size, medium/small. Make the title larger
- Use the Fedora colors somehow :)

@mfonobong nice improvements. I have some recommendations for your next draft:
- Switch the typeface to one of the approved choices
- Instead of recreating the badge art work, you should reimport or use a PNG version
- In your designs I am preferring the badge artwork over the logo :) so go with that! let's just get that badge looking correct
- Change the spelling to "The Fedora Project"
- I think version 5 or 9 is the strongest
- Please limit the options you upload to 3-5 designs

@mahnoor123 absolutely!

@dhairya15 number 6 is lookin' good! I think you can do just a couple refinements here to improve:
- Open sans is more of a reading font, I would try moving away from all caps to caps and lowercase. Right now it is actually a bit hard to read
- The horizontal line is doesn't line up with the large text, or small text, so it kinda feels a bit out of place. After you adjust the text to include lowercase, I would adjust the line to match up with the width of the title text.
- Since you are using a line above, try replacing the dot you have on the last line of text to a dash

Looking forward to your next draft!

@riecatnor I took my initial concept of the race/LGBT diversity in the accents and added quite a bit of personality to it. Font was corrected back to Open Sans bold/semi-bold as initially intended, Fedora logo and colors implemented. Looking forward to your feedback.
diversitydraft2.png

Is it still to late to contribute?

Hi @riecatnor ! I too would like contribute to this issue.

I have prepared 2 drafts for now. And I have followed Fedora's guidelines for color and typeface.
Here I have used Montserrat typeface.

Draft 1 is simply a little modification of " coverpic.svg " that you shared in this thread.
With Draft 2, I tried something different by including a photo from Fedora's social media, in order to display the diverse community of Fedora. I'm not sure if it works or not. Do check and let me know :) Thankyou
draft_1.jpg

draft_2.jpg

Hi @riecatnor ! I too would like contribute to this issue.

I have prepared 2 drafts for now. And I have followed Fedora's guidelines for color and typeface.
Here I have used Montserrat typeface.

Draft 1 is simply a little modification of " coverpic.svg " that you shared in this thread.
With Draft 2, I tried something different by including a photo from Fedora's social media, in order to display the diverse community of Fedora. I'm not sure if it works or not. Do check and let me know :) Thankyou
draft_1.jpg

draft_2.jpg

I really like that first one. Very simple, but it pops really nicely too.

@jaydaba I am curious how yours would look if you switched the texts of the titles between your two pictures. I think there isn't enough contrast between light and dark, I love the purple background of the second one though.

@sunidhikashyap I really like how the first one pops . Very smooth looking as well!

@sunidhikashyap I really like how the first one pops . Very smooth looking as well!

Thankyou ! I'm glad you liked it :))

Hello everyone! I was reading this ticket and I came up with an idea, to use the fedora colors in the phrase "Diversity & Inclusion", I thought it would be fun to play a little color in this case, I don't know what you think? here I leave my little contribution.
Mesa_de_trabajo_1-100.jpg

Hey folks, I will comment my replies to everyone in one ticket to save some space here :)

@dhairya15 lookin' good! The design from https://pagure.io/design/issue/749#comment-724956 looks complete to me :) Feel free to count this as done and look into some other tickets.

@mahnoor123 nice first drafts! I think the blue one is more Fedora-y so let's move forward with that one. A couple notes for your next draft:
- I like the inclusion of the badge artwork, but it is kinda just hanging out and feels a bit out of place. What if you moved it to the left side of the design, then the vertical line, then the text on the right hand side? I think this would help
- Since you are moving the badge to the left, I think you can make the two pieces of text just a bit closer together and centered in the design.
- I like the white you used for "The Fedora Project" but since it is the only white object it is really sticking out.. I would try making the date & associated graphic white as well.
Looking forward to the next version :)

Hi @jcacovski nice improvements :) I like that you are keeping it simple, though I am still not sure it's fitting the Fedora aesthetic. Here are a couple recommendations:
- Thicken the stroke on your rectangles, and give them a bit more space between
- It reminded me of a set of video screens on a conference call, so what if you enlarge the people graphics you have inside and then crop off the bottom of the figures?
- Instead of using a drop shadow on the figures, try using a stroke to give them definition from the background
- Try adding a color to the background, or maybe inside the rectangles
- Make the text a bit bigger and use the space you have there
Looking forward to your next draft!

Hi @jaydaba thanks for coming up with a draft for this task! I think the blue design is stronger, though I am not sure it is at the right size. I have some recommendations for you to move forward:
- Use open sans or montserrat typefaces, we are deprecating the use of Comfortaa
- The gradient on the text is making it difficult to read. Make it all white
- Watch the spacing between the underlines and the text below them, give some more space here
- It looks like you are having a similar issue importing the svg into a different piece of software than inkscape. Instead, use the PNG file so that badge artwork is retained.
- Remove the fedora logo from the background, the color is nice tho :) this is to make sure we are adhering to logo guidelines
Looking forward to the next draft!

Hi @sunidhikashyap nice work! I like the first version as well :) I have a few notes for your next draft:
- I am not sure we want to represent the fedora logo with that stroke like object around it. You could try removing it, or making the object fill around the logo as well? I think the logo might look off because it is dark blue, and so is the background.. so it is getting lost but then there is a bright white object around there. Play around with this and see what can be done
- Change "The fedora project" to "The Fedora Project"
- The text for "TEAM MEETUP" and the line of text below are almost lining up. Make those line up to give it some cohesion and make sure all of it is centered
Can't wait to see the next iteration :)

Hi @lauravillalba thanks for jumping in on this! Loving the colors and i think you can make some small adjustments to make this really Fedora-y :)
- Remove the stroke from "Diversity & Inclusion" or make it thicker - right now it is making the edge of the text look a bit messy and is hard to see.
- Put "Diversity" on one line and "& Inclusion" on the next and center those a bit more in the design- maybe even enlarge the text a bit?
- Push the other elements down and make them a bit smaller
- Try playing with opacity/more shapes/more colors on your side elements. You could turn down the transparency and layer a couple more shapes on top?
Looking forward to the next draft :)

Amazing work here folks! Thanks for all the effort

@riecatnor As always, thanks for the quick and thorough feedback. After some thought I decided to forego the race/LGBT diversity theme, because the message of the color coding is directly implied by the subject matter of the slide in the first place. Having said that:

I've thickened the weight and increased the distance of the would-be video screens and switched to the fedora logo's color scheme for the entire draft. My main focus for feedback at the moment is placement of the logo on the slide. I'm finding it difficult to place in a satisfying fashion after implementing symmetry onto the rest of the slide. Looking forward to further feedback.

diversitydraft3.png

@riecatnor Also, I experimented a little by totally removing the object behind the logo.

To solve the problem of the logo being lost in the background, I applied a drop-shadow.
(Took a little inspiration from the soft-UI button trend)

But I guess we cannot alter a logo like that... I'm not sure. Please guide me through this. Thanks :)
draft_drop_shadow.jpg

Hey folks, thanks for continuing to work on this! I see improvements all around :D Comments below.

@lauravillalba nice! This is getting close, I have a few small recommendations:
- I prefer the version with the blue shapes on the edges.. but you could also try Fedora colors in the other option and they might fit better.
- Right now the spacing between the different lines of text seems a bit random. Let's try to organize to guide the viewers eyes through. Bring "Diversity & Inclusion" down closer to the middle.
- The "Team Meetup" text and the text for the date look like the same size. The Team Meetup aspect is a bit more important, so I think it would be good to increase the size of that "Team Meetup" graphic, and move it closer to "Diversity & Inclusion" than the date

@mahnoor123 this looks great! You are also very close to completion, just a couple small notes:
- It looks like the drop shadow on the badge got adjusted incorrectly somehow, this is how it should look: https://badges.fedoraproject.org/badge/diversity--inclusion-virtual-team-meetup - you can try to adjust what you have or re-import the badge artwork fresh
- Are you using a "line object" in inkscape for your line? If you are, you can adjust the end caps to be round, which would be a nice reflection of the roundness of the badge artwork :)

@jcacovski lookin good! I like the evolution here. I have some recommendations for you to move forward:
- Make sure you are using the Fedora colors, you can find them here: https://fedoraproject.org/wiki/Logo/UsageGuidelines#Colors
- There is also a palette you can download to use in inkscape with the fedora colors here:
https://docs.fedoraproject.org/en-US/badges/_attachments/palettes/badges_fedora_palette.gpl
- I think you have all the elements you need there, just a matter of rearranging and adjusting a bit
- I think you can reduce the size of your rectangles, they are pushing up close to the edge and look a bit crowded
- Right now the title text is really not very noticeable - I would give that some space, maybe remove one of your rectangle and put the text there like you had in a previous draft. I would also make "Diversity & Inclusion" & "Team Meetup" bold or semi bold
- You could use the Fedora logo with the logo and wordmark, it might help you balance it with the other elements

@sunidhikashyap wow, great! correction_1. jpg looks good to go :) just one small change for you:
- can you remove the "TM" from the logo please? we are no longer required to use that, you must have an older file
- please provide a source file and a final png file
Thanks for your work on this!

Hi folks! Looks like we are wrapping this ticket up :) comments below

@sunidhikashyap thanks for the upload! glad you enjoyed it :)

@mahnoor123 looks great! Please upload your source file, thanks!

@lauravillalba this looks great :D please upload your source file, thanks!

@jcacovski nice improvements! I have one small recommendation:
- Adjust the text to line up with the top and bottom of the rectangle on the bottom left. Adjust the text again so it lines up with the left side of the middle rectangle
- Please upload your source file

Thanks everyone!

Metadata Update from @riecatnor:
- Issue close_status updated to: Fixed
- Issue status updated to: Closed (was: Open)

11 months ago

Login to comment on this ticket.

Metadata
Attachments 58
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment