The Fedora Badges project was initialized in 2013, which is almost 10 years ago!! It's time to modernize and update the badge template. The Fedora brand has evolved since badges started. This includes a new logo, an updated web presence, new character designs, etc. It makes sense for us to do a Badges refresh to go along with those updates. Also, upon close examination of the current template, the nodes/vectors are not clean and should be corrected.
Notes - If you are new to Fedora, I would recommend spending some time reviewing general Fedora docs [3] to learn more about the community. - Fedora has a fun, friendly, & cheerful aesthetic, and this should be reflected in the badges system. - Fedora badges has six categories and the new design should incorporate some way to denote between each category. - The design should be based on the Fedora logo shape - Do not use the color black
[0] https://docs.fedoraproject.org/en-US/badges [1] https://docs.fedoraproject.org/en-US/badges/_attachments/fedora-badges-style-guide.pdf [2] https://badges.fedoraproject.org/explore/badges [3] https://docs.fedoraproject.org/en-US/project/
Previous templates for reference
<img alt="community-template.svg" src="/fedora-badges/issue/raw/files/fd94ad1def305ccca48554035ffa5231a805b8fff47004586138a840a4c6f5d6-community-template.svg" /><img alt="content-learning-template.svg" src="/fedora-badges/issue/raw/files/6a6d0e8acce7f75d50384bfb0c2f718a77058d6d48cd710bf515f806a991635c-content-learning-template.svg" /><img alt="development-template.svg" src="/fedora-badges/issue/raw/files/ae5a731a3c4b7699f83c78e83491ff6158fd179825b6157311f045c682ef61b5-development-template.svg" /><img alt="events-template.svg" src="/fedora-badges/issue/raw/files/81652a2050ae01e4d3c3b3a637be739f01d59fc7171710da1d3b54aab2773530-events-template.svg" /><img alt="miscellaneous-template.svg" src="/fedora-badges/issue/raw/files/5592a00a4321e82ced5dda64e551b259403857f28de12cffa10c764a13f34201-miscellaneous-template.svg" /><img alt="quality-template.svg" src="/fedora-badges/issue/raw/files/04dee4cb7805affdf2b3afa7968b66d510bf1ac43ce7155fb5b987513ec08eb8-quality-template.svg" />
Metadata Update from @riecatnor: - Custom field artwork adjusted to None - Custom field concept_review_passed adjusted to None
Fedora logo shape, use this to create new template designs
<img alt="fedora_logo_shape.svg" src="/fedora-badges/issue/raw/files/2e53850a96b2b0d245e301417df290eb3926c8e4eeef09aadfcd27fdd5c4e9a7-fedora_logo_shape.svg" />
Metadata Update from @riecatnor: - Issue tagged with: outreachy-2022
One thing to note: the current ("old") template has a lot of white-space built-in around the image. I the artwork would be more versatile if instead this space was minimal, with the art filling the frame. This would make it easier to use the badges on, for example, discussion.fedoraproject.org.
If the existing badges site needs the whitespace still it's not difficult to programmatically add it, either using a script to export from Inkscape with a border, or after-the-fact with ImageMagick or something.
Metadata Update from @smeragoel: - Issue assigned to lilina
Metadata Update from @smeragoel: - Assignee reset
@lilina has volunteered to start working on this. All the best :)
@smeragoel I'd like to work on this.
@smeragoel I want to work on this Please
Hi @siddharth9 and @cheeps great! Looking forward to your first drafts :)
<img alt="Fedora_badge_anatomy_1.png" src="/fedora-badges/issue/raw/files/73af51717529ce6cf94c86cf11af8ffff52cb0783b8ce37e0bc6a363ff4d15b8-Fedora_badge_anatomy_1.png" /><img alt="Fedora_badge_anatomy_2.png" src="/fedora-badges/issue/raw/files/d12faf2de00ec961dc4b73dff82db9a404cc01b9603757942f94b0df2569b7a7-Fedora_badge_anatomy_2.png" />
Hi @riecatnor @smeragoel Here are my sketches, whenever your schedule is free Please review.
@riecatnor I would like to work on this .thank you..
I have made changes with fedora logo shape please have look <img alt="logo_1.svg" src="/fedora-badges/issue/raw/files/4eb7b183e60e48c4fca933d7e667413b13ded25f5a953df320e1faa0d942b1df-logo_1.svg" />
Hi @cheeps thanks for starting work on this task! I like how you have added a description of the changes you made to each concept. I think the directions of the second and fifth concept are working the best.
I would switch to a grey blur for both, playing with how much it is blurred and the pixel size. Play around with the spacing of the orange lines on both designs to see what other variations might look good. For the second one, try a different color than white for in between the two orange lines, maybe a light orange? Try adding in a current badge design as well as the background, to see if it look different/better/worse with more designs on top.
Looking forward to your next drafts!
Hi @madhavidayma the one thing that should stay the same is the Fedora logo shape- beyond that you are free to experiment :) looking forward to your next drafts!
@riecatnor and @smeragoel I have updated two templates 1.development template 2.community template
<img alt="UPDATED_development_template.png" src="/fedora-badges/issue/raw/files/c622a5af79be49ece3d64c53cef30cf2480ea9f7986c9aa148b75d2fabd40f41-UPDATED_development_template.png" />
<img alt="COMMUNITY_TEMPLATE.png" src="/fedora-badges/issue/raw/files/72e4c839be5d0ebc4d67071d8ec113dec5bc71cd71c4946690306bb811b2554f-COMMUNITY_TEMPLATE.png" />
THANK YOU.
hi @smeragoel i'll like to work on this
Hi, @smeragoel , @riecatnor! I'd like to work on this issue. Thanks!
Hello @smeragoel pls i would like to work on this issue
Hi @falyne @injialiyeva @crisoal - feel free to submit work for this ticket, thank you!
Hi @madhavidayma this is an improvement from the first round! A couple notes: - I think the first design is looking very similar to the original with an added stroke, I would try pushing this further somehow to make it look more different - The second is interesting, though I think you will need to test badge artwork with it- I am afraid having the pink border up against the various artworks will clash. Maybe try adding a stroke in between?
<img alt="Fedora_badge_anatomy_1.png" src="/fedora-badges/issue/raw/files/3c0807b7ea56e215b54451e428047c9f68dce21de898867c460ab93eaded5a57-Fedora_badge_anatomy_1.png" />
Hi @riecatnor Thank you for your comments. I have worked on the advised changes. Look forward to your comments!
<img alt="Badger_35_I.svg" src="/fedora-badges/issue/raw/files/a453c942b639bc9beb841bd232900a5bf9f5570bc096c46ad785140de64feb08-Badger_35_I.svg" /><img alt="Badger_35_II.svg" src="/fedora-badges/issue/raw/files/ff0689e74d58797b4c4a3a7cf0cdbb8772361a8bc35e1e5c723ebb5acb5f72ea-Badger_35_II.svg" /><img alt="Computer_events.svg" src="/fedora-badges/issue/raw/files/374ba41dff56f3f7d1c668a0915223f57c4f42b50fdc0a8aae2c1e5d4b6d30d4-Computer_events.svg" /><img alt="Dear_Fedora_I.svg" src="/fedora-badges/issue/raw/files/76424e4cbdf550cfd7df43aa006755915679bd72dd191df18159c48d59808b77-Dear_Fedora_I.svg" /><img alt="Dear_Fedora_II.svg" src="/fedora-badges/issue/raw/files/b05a33056a6f464d80c823e64a83fc3056330271a2b66abfa027a6362436a64a-Dear_Fedora_II.svg" /><img alt="Hello_I.svg" src="/fedora-badges/issue/raw/files/75902cae4dcc24607e326987871aa07e7e670c39380a68c445636428550b3bd6-Hello_I.svg" /><img alt="Hello_II.svg" src="/fedora-badges/issue/raw/files/6f2b9e1640a7e094caba40cd4f7ae47f05b91d09f15c13437c312bed6e745e5c-Hello_II.svg" />
These are svgs of current badges used as examples. I want to say that I also increased the keyboard size rings sizes but kept the actual frame size at 256 x 256, that way the badges appear a little bigger when viewed at a smaller zoom
<img alt="templates_for_badges.png" src="/fedora-badges/issue/raw/files/586c0311ac17dcf189fe6eac6e7be5ade22c7742885d0c7d8e48599fba8618d7-templates_for_badges.png" />
Hi @riecatnor , @smeragoel ! Here are my designs for the badges. Looking for your reviews, thanks!
Hi @riecanor, @smeragoel please check out the templates i made <img alt="quality_badge.png" src="/fedora-badges/issue/raw/files/9e1eb8ad663e8f4172ee56f1c13edf8e4764bc5170af24739871009fd0b88da3-quality_badge.png" /> <img alt="Templat3.png" src="/fedora-badges/issue/raw/files/1d708793ad72dd42c5189c895ecf1ebd3ab996d16091e77591617526868c1d7c-Templat3.png" /> <img alt="template.png" src="/fedora-badges/issue/raw/files/a4d1d1ab6511b1e0024d655a1b1f123ff2158ab5b6f8ed8983dbe88d7f22868f-template.png" /> <img alt="template22.png" src="/fedora-badges/issue/raw/files/7174e2d73f284533afc63e3d1dc0ca6a38283a1ce919a155b5572c9974476bf1-template22.png" />
@riecatnor As you said I made changes see if this works for you. <img alt="changed_2.png" src="/fedora-badges/issue/raw/files/40438023771200f25a86e55b01d4b9f972aba0302a2cbc4818147b1bc1c0b656-changed_2.png" />
Hi folks- thanks for the continued work here! Notes below :)
@cheeps nice work! I am curious which design you like best at this point? - Make sure you have the comfortaa typeface installed- I see the text in the badges designs have changed from the original designs. - I prefer the evolution of the "fifth draft", but I am also curious what @smeragoel thinks. I prefer that one because it is a simplification over the old badge template, and I think that is the right direction to go generally. - Of the options for the fifth variation, I think I like the one with a tighter drop shadow. This is some fine tuning, but I think it would be good to try a version without a drop shadow, and then 3 or 4 incremental increases so we can see which looks best. - I took a look at the SVG, it is looking pretty neat, which is nice. I did notice that the object you are using for the white line between the outer stroke and the artwork area is itself a stroke. I think we need to separate out these elements, so that when someone clicks on the badge artwork area, they have a defined area to work within. I hope that makes sense!
@injialiyeva lookin good! - I prefer the first design and I would suggest making some variations on this. - Try 3-4 variations on color lightness for the area around the ring and artwork area - Try 3-4 variations on the blur of the drop shadow - Try adding in actual badge designs for each color category - Please upload an SVG of the first design so I can take a closer look :)
Hi @falyne thanks for starting work here :) - I see you are mostly playing around with drop shadows. I think this is an important piece of the template, but I think simpler in this regard is going to be better. The aesthetic of badges is bright and colorful. The drop shadows on top of the artwork would take away from that. We also try to avoid black in badges generally, and the displacement of the shadows are showing as very dark - I would suggest importing some of the current badge designs to get a feel of what these would look like and then explore what other changes could be made
Hi @madhavidayma your newest design is skewing the Fedora logo again- make sure to keep that shape intact. You can explore other aspects. Thanks!
Thank you very much for the feedback @riecatnor it absolutely does! For the designs. I will say I like the fifth one better. I like minimalism and it works better in that direction for me
I have updated please have look <img alt="new_format.png" src="/fedora-badges/issue/raw/files/025f01c5ebb161f73191bd4597916a98b9bb0c12e0c828106176af1d84777a71-new_format.png" />
Hi @riecatnor thanks for the recommendations. i have made some changes kindly see below <img alt="Temp1.png" src="/fedora-badges/issue/raw/files/e034bcf45143b2cb4f0f055f615c5ef5813c1cb73a1c89e8483378ffbcdba3f2-Temp1.png" /> <img alt="Temp_2.png" src="/fedora-badges/issue/raw/files/de16d840a597588003f4bcf737d1757b46546d2dabe82a99b619e4a34419656f-Temp_2.png" /> <img alt="Template_4.png" src="/fedora-badges/issue/raw/files/6384fbce6eb92fcdca4fed77373af2c178faaace8e158aec1327328905ce9268-Template_4.png" /> <img alt="Temp3.png" src="/fedora-badges/issue/raw/files/375ab864ea1f8657b2ac944ac5cd845b4db72617a9db0975d207e3b6eb137530-Temp3.png" /> <img alt="Template_1.png" src="/fedora-badges/issue/raw/files/50bc8a1944046c63504514be61636c7b94d38336d01c693cfd296c8fd824a122-Template_1.png" />
<img alt="Fedora_badge_anatomy_1.png" src="/fedora-badges/issue/raw/files/ada886824d373ea543a073c389cc05c10654ea2feded405efee85b9973b23437-Fedora_badge_anatomy_1.png" />
Hi @riecatnor This is the new update I worked on. Looking forward to your review!!
<img alt="Badger_35_II.png" src="/fedora-badges/issue/raw/files/8668797ed09f7db36a4ed001f48d7b2e8ecea80126360cb727ae6e9b9935ff42-Badger_35_II.png" /><img alt="Badger_35_II.svg" src="/fedora-badges/issue/raw/files/d766b5ab15f321369ed6b78751301018e929ba1bc72c556564b6b154f6d5fe69-Badger_35_II.svg" /><img alt="Community_badge.png" src="/fedora-badges/issue/raw/files/3bcd610835cad0a2609ee60b5f8b93828f5ec4ba4694c7e1c993f4f3a5948fc3-Community_badge.png" /><img alt="Community_badge.svg" src="/fedora-badges/issue/raw/files/1c9419c656ebda07bf9468d2a329c298671e43ce72ccd47cb632016431076a35-Community_badge.svg" /><img alt="Computer_events.png" src="/fedora-badges/issue/raw/files/4caf7ccc9f6f46fbf28c4ffb7e11521ba37bae93a610153fd09c4176f08e8adf-Computer_events.png" /><img alt="Computer_events.svg" src="/fedora-badges/issue/raw/files/61606578a18504fb2e3e65f1d8d1529d105189f4d4697826e9b2d1a175a7e2a0-Computer_events.svg" /><img alt="Dear_Fedora_I.svg" src="/fedora-badges/issue/raw/files/76424e4cbdf550cfd7df43aa006755915679bd72dd191df18159c48d59808b77-Dear_Fedora_I.svg" /><img alt="Dear_Fedora_II.png" src="/fedora-badges/issue/raw/files/9ecd1ab32fe7649c606b37498403f9b90dda5ad34cf7c9b75348ff1df7a55335-Dear_Fedora_II.png" />
<img alt="Hello_I.svg" src="/fedora-badges/issue/raw/files/75902cae4dcc24607e326987871aa07e7e670c39380a68c445636428550b3bd6-Hello_I.svg" /><img alt="Hello_II.png" src="/fedora-badges/issue/raw/files/a8a8a22ac6dbe5c3816dd044f351393f32d3ad04bdd380dd6b6a9d5c2bcb1d05-Hello_II.png" />
Above are the examples PNG and SVG as advised.
@madhavidayma: - Right now, it seems like you have added a ring on top of the existing badge template. It looks muddy, especially with the pink poking out from the bottom. Also, the green border has a bend at the bottom. I'd say to go back to the drawing board and look at the requirements: we need an updated badge template that seems modern and logical evolution of the current template. Don't be afraid to experiment more!
@falyne: - I'd tell you the same thing as above. It seems that you are only playing around with the drop shadows, and the templates look very close to the existing ones. I'd say to go back to the drawing board and look at the requirements: we need an updated badge template that seems modern and logical evolution of the current template. Don't be afraid to experiment more!
@cheeps: - I really like how these designs are coming out! I'm wondering how it'd look if we reduced the thickness of the coloured stroke on the outside? Try experimenting with that; it could make the badge feel 'lighter'. - As for the drop shadows, I'm leaning more towards the no blur/1 px options
<img alt="Fedora_badge_anatomy_1.png" src="/fedora-badges/issue/raw/files/19e25d373471ddd883383986903c99beab5de7c4ba25f53e7ff39c653986e8a2-Fedora_badge_anatomy_1.png" />
Thank you @smeragoel I have worked on the changes you suggested and these are the outcome. Would appreciate your feedback @riecatnor @smeragoel
<img alt="Badger_35_II.png" src="/fedora-badges/issue/raw/files/e696999e4e9b1b5248405163325d0b1e89d909702a7ae45bab2c73fcf2628c08-Badger_35_II.png" /><img alt="Badger_35_II.svg" src="/fedora-badges/issue/raw/files/d59078151896017ffdac16f3d16f69d8a53464564599855b7ae2ea1d0c1ebca8-Badger_35_II.svg" /><img alt="Community_badge.png" src="/fedora-badges/issue/raw/files/508827b9a14296db02d88bcfab499f0662bc048d6347b1c3aa383371638e7e5d-Community_badge.png" /><img alt="Community_badge.svg" src="/fedora-badges/issue/raw/files/a4961b2087ba847c9d01d6496e7e395835b658d04498861bb9db0585e50a0ae4-Community_badge.svg" /><img alt="Computer_events.png" src="/fedora-badges/issue/raw/files/df8ab6b7e91c65a8adc6ef25a7191ee5362439e576c7343d1296bc1a651fedb0-Computer_events.png" /><img alt="Computer_events.svg" src="/fedora-badges/issue/raw/files/6e424c6cd0072caf8c23de2549f42dbc8c007209760d7e1f35f6325f43d17cff-Computer_events.svg" /><img alt="Dear_Fedora_II.png" src="/fedora-badges/issue/raw/files/4fa651cd4378a538723ec8e9cc379d5db4736ab4d5cbcadea9d974ba2b8755d5-Dear_Fedora_II.png" /><img alt="Dear_Fedora_II.svg" src="/fedora-badges/issue/raw/files/1a673d7f07232210dabbf396a36e069aba0722f943909660556e9d97cc197a17-Dear_Fedora_II.svg" /><img alt="Hello_II.png" src="/fedora-badges/issue/raw/files/1d0b318358c9655bf1f40f24b4053b456dff7479d800fb7070d542fd62a5e3cb-Hello_II.png" /><img alt="Hello_II.svg" src="/fedora-badges/issue/raw/files/4cad225f1b1efb0035f71189b2e193296c2bffaa2cb83b94214e3e79aa896632-Hello_II.svg" />
These are the updated changes in PNG and SVGs
@smeragoel have made little changes to Development template and community template
<img alt="new_badger.png" src="/fedora-badges/issue/raw/files/32b5a9c8c290f19bba01e6848d6187ee1e2ca8660c97fbb5ec4eea89e2eb0330-new_badger.png" /> <img alt="DIFFERENT_LOOK.png" src="/fedora-badges/issue/raw/files/44e93adf7b9a2c8cd722784cf23e9b68e5abe0a5f3b9b847bd48649c39ce7b66-DIFFERENT_LOOK.png" />
This was completed by @nekonya3 - thank you, Nikita!
<img alt="Quality_Badge_Template.svg" src="/fedora-badges/issue/raw/files/225ed32b7c4133a54bfc729c3c08c1d8dcfecaa1f6658ed90fe3af46edd0d6c3-Quality_Badge_Template.svg" /><img alt="Quality_Badge_Template.png" src="/fedora-badges/issue/raw/files/57f160b29252d8d4ed8c9e977dc45dd06c0b6b3ef0d61b2bfd8d211df771cd57-Quality_Badge_Template.png" /><img alt="Miscellaneous_Badge_Template.svg" src="/fedora-badges/issue/raw/files/b249f45ff8069090786484870e0cbfcabcaa7400bd6bfee053cb070150114c19-Miscellaneous_Badge_Template.svg" /><img alt="Miscellaneous_Badge_Template.png" src="/fedora-badges/issue/raw/files/1cf87a24d530e62f93b08fb5bd15c524bf193a7d973575cef4f739b92b99be1e-Miscellaneous_Badge_Template.png" /><img alt="Events_Badge_Template.svg" src="/fedora-badges/issue/raw/files/046d5b43e755abbb53d4c53df629a67eb1dc4349d273b8c0fd63158f943685b4-Events_Badge_Template.svg" /><img alt="Events_Badge_Template.png" src="/fedora-badges/issue/raw/files/b1c6b490f840a7056f340c0fddb1fadd9772e59cceaff3d1b5fb8712f5efa04a-Events_Badge_Template.png" /><img alt="Development_Badge_Template.svg" src="/fedora-badges/issue/raw/files/5269b6a02744f20cf1b55a63d4812a4062d1bde00953d17b83687efb8bc2e3d1-Development_Badge_Template.svg" /><img alt="Development_Badge_Template.png" src="/fedora-badges/issue/raw/files/fbe02a294ed3344cb4473b8dbe850e5ed4e99a5c5aa9572a7e784e28627a3191-Development_Badge_Template.png" /><img alt="Community_Badge_Template.png" src="/fedora-badges/issue/raw/files/a4a17827257eb7b9c67c27bbe20a1cd6b264b6c2769037cdcfa8ff99c71e1a76-Community_Badge_Template.png" /><img alt="Content_Learning_Badge_Template.png" src="/fedora-badges/issue/raw/files/d18703c35176b64f194f4c3c539bf7603fa77afbf8afdc76225be0fdcf28b4be-Content_Learning_Badge_Template.png" /><img alt="Content_Learning_Badge_Template.svg" src="/fedora-badges/issue/raw/files/7fda3c8f0f13bd9dd96bc74daa9ee2ddb9ad5e3b377925b1993505b62dfa5a21-Content_Learning_Badge_Template.svg" /><img alt="Community_Badge_Template.svg" src="/fedora-badges/issue/raw/files/008c50c4a2313b5a4b07bf7b21e11c6a503d3feaa232d50525b94e9665ff3a03-Community_Badge_Template.svg" />
Metadata Update from @riecatnor: - Issue close_status updated to: pushed - Issue status updated to: Closed (was: Open)
Log in to comment on this ticket.