 So, today we're going to be talking about the creation of the nest flock and hatch logos as well as our mascot Kalor, so my name is Jess, I'm an intern at the Red Hat offices in Watford and I focus on the fedora design part and I'm currently in college studying crate computing though so this is like my work experience and I'm excited to be at my first nest and to present for you guys, so I handed over to Marie, I'm sure you all know who she is but she needs no introduction, there's I'm sure there's plenty of people here who don't know me, hi I'm Marie Horden, I am fedora's community action and impact coordinator but more relevant at this talk is I'm a part of the fedora design team and the fedora badges design sub project and I've been involved in fedora design since 2013, so long term fedora designer and I also have this background in graphic design, I took a concentration when I was in college so I have lots of artsyness in me, all right here we go. So the first thing we're going to be talking about is just a little bit of background of what I've done coming up to designing the logo so the first ticket that I got was the fedora gaming ticket so what I was thinking of because immediately I was like okay kind of e-sports team and I wanted to do something along them lines but I also wanted to incorporate the fedora characters so I was thinking of I was looking at different images as well of different e-sports emblems and a lot of shields were being used so I incorporated that into some of the designs especially with the panda and the badger and then with the badger as well I kind of did it kind of looks like a heavy metal kind of logo but then I kind of went more simpler with beefy miracle and just a little circle with fedora gaming on it so I brought that design then to the fedora discussions team and we were kind of deciding which one should we go for and in the next slide then beefy was the winner of the poll we did little poll so this design actually was from another person in the discussions actually worked on it more and created this design so we made it look more fedora-esque especially with the circle looking like the yeah I wasn't sure the name I didn't want to say it if I was wrong I should have done my research but yeah so we went with this logo and I brought it then into inkscape and tweaked it a little bit so a couple things I did was I experimented with the power stroke feature on inkscape so power stroke is basically it just gives you variation in a stroke and just has a you can make it more tapered on either ends and we kind of wanted to give beefy that kind of sketched look as if it was drawn and then in the buttons then I have pictures afterwards for a closer look but there's he has little the different colors of the buttons are actually the four foundations colors so we have friends magenta features orange first green and freedom purple so that's one of the least eggs we have in there and of course we had to give him a big smile so and so that's just a close-up then of the logo and then I have another on the next slide then is just a close-up so you can see better the power stroke so for example on his well his left arm but it's on our right and you can see the variation then in the stroke and you can see better than the different colors in the buttons so then the net after this the fedora gaming project I found a ticket of the fedora mentors on it we're looking for a logo so my initial sketches were kind of I was thinking okay out of summer you know you you meet new people so I was thinking of the imagery of shaking hands and but I kind of brought it to the design team meetings we do them every Wednesday and we were thinking maybe it looks a bit too formal and too much like you know making a deal with something so we went on to the next sketch which is we changed the form of the hand so it looks more like you're helping someone up but we like the hands idea but we experimented more with it so on the next slide then are one of my lovely team members Madeline she posted this into the ticket and so these were just alternative designs as well and I took a lot of ideas from that and especially since I was it was big artist block so this is really helpful so I vectorized these designs then in Inkscape and I brought them back then for feedback and one of the things that came back was that the chat bubbles looked a bit too much like the fedora discussions or the fedora chat so we didn't really go with that design and then also with the mountain we were thinking maybe the peak is too high and it might give imagery of kind of being a mentor is too difficult so we scrapped that too so we whittled it down then to the hands and the light bulb so with the hands I made a design I made it a more simpler aesthetic and and I used actually the noun project which is a brilliant resource for open source icons and I took an icon from that and made it my own so I did the different colorings and I adjusted a little bit and so that we have the two hands meeting together is more so of a high five rather than a handshake and then the sparks in as I suppose the excitement of meeting new people and getting new ideas so that with the next one as well we have the light bulb so this is another idea then so the message of this is kind of like two people coming together to create a really cool idea and that's kind of the you know the the message of the mentor summit as well and I have a little easter egg in the logo and I'm wondering if anyone can spot it it's quite subtle yeah so basically I have the little swirl of the F in the light bulb and we then brought back the designs to the ticket and drum roll please so the fedora the light bulb design won so that is the current mentor summit logo so next up then we have a little bit of a color and his design process so I'm going to hand you over to Marie to talk about her initial ideas. Cool so back when we kicked off Nest for the first time in 2020 I realized we needed some art and I ripped this up with the help of Marin Duffy kind of the span of like a week or less it was a very it was a very quick process and didn't have a lot of community feedback on that one because I'm you know doing my the f-cake job and trying to come up with this all at once and this is what I came up with really cute design but overall doesn't super super fit with our mascots we had a character redesign for the mascots and so so I realized we needed a new mascot that would fit along the same you know kind of aesthetic and character that the other ones have been redesigned as so I opened up an issue on the fedora design track and was like we need a new mascot for Nest and then from there it kind of just grew and grew and grew we were like well the mascot should also be for flock and we're also doing hatch so the mascot should be for that too and while we're at it why don't we make a Nest logo that matches the flock logo I'm not sure if I'm going ahead but I'm just going to stop there and say I thought it would be really cool to you know kind of modernize the Nest mascot alongside our others so then this is where I took initiative the ticket so the initial brainstorm really was I kind of I we definitely wanted to stick with the pigeon and the bird because it's a it's a character that we don't have and it was good to stick with it so I actually found on Google this pink necked green pigeon and it was just perfect it has all the fedora colors in it and we we definitely wanted to go with this bird and so then in the next slide then I just have this another sketch by our wonderful Madeline so this was because at the time I was I was kind of I wasn't familiar with drawing characters so I took a LinkedIn learning class on character design and also then Madeline putting this into the ticket as well was really good brain food and I really liked the art style of the bird as well so we kind of wanted to go more with that so then in the next slide then I hadn't this was very early on we had I had an idea of like kind of the bird being like Mary Poppins and a mother because like Nest and you have the mother looking after their chicks so I created this version of color but was it wasn't called color at the time but and then excuse me we just I decided to put a hat on because one of Mary Poppins's things is like her hat and I put a little feather in it because the bird but then we were like maybe we shouldn't put a hat in like red hat stuff so it was like maybe not we shouldn't cross that line so we scrapped the hat entirely and I went on to do two more designs so these are the other iterations of color and I kind of wanted again to have that more sketchy feel with the drawing of the like the shading and blending all the colors in so I'll hand it back to Marie then for the final decision. Oh yeah so when I can I stop by the design team live sessions they happen on Wednesday by the way and you can find some more information about that on discussion if you'd like to join I believe we also stream it when possible so I think you're able to watch that I'm not sure what platform that is but I'm pretty sure that okay so Moe is in the chat and she mentions that we stream it live to PeerTube so you don't have to participate you can kind of just watch and check out what the design team is doing as well so I joined the design team we had a chat about this we talked about you know shoe options I thought that this light colored ugg boot was very cute and the rest of the design team was on board with that and we also kind of like the lighter face right so like that light lighter medium blue nose and the kind of lighter eyebrows we thought it gave like a nice character feel and it was nice and bright and light so I left some feedback on the ticket after that meeting and then I think just took the next steps yes so then I started to vectorize it and create different poses I vectorized it using inkscape again so inkscape is an open source software that you can download for free online and it's obviously supported in fedora as well so again I used the perestroke feature on calore to give it that sketchy look and I also used a gradient mesh for the body so gradient mesh is basically you draw out the shapes that you need and there's different little nodes there and you just click on them individually and you can color them different ways just so you can get a nice soft gradient but not have it like block it it's hard it's hard to explain but I used that to create calore as well and actually the name calore if you don't already know it's the irish for pigeon but it's also color sounds like color as well and props to mo for coming up with that as well so I realized I wanted to add one more oh sorry no no you're okay you're okay I thought we were about to go to the next slide so I just wanted to say that in the nest swag pack this year there is going to be a set of four magnets and they have different calore facial expressions and there's one with the fedora logo so this is kind of like the surprise nest swag pack items that only the 20 people on this call and a couple others know about but definitely sign up for that nest swag pack so you can get some calore swag great thank you Marie so next up we're going to talk about the logo type logos so I'll hand it over to Marie then to talk about the old logos sure so we've been using this block logo for like a long time there might be a couple variations on it over the years you know we've done different art for each one of the events but it's been around for a while and we've used bits and pieces of it then we also had the nest logo just the logo type part that I had designed in 2020 for our nest events so they're based on the same type base comfort top but they kind of have a different look and feel although we did do some more things with the flock logo in other places they're kind of still quite different right so at first we're just thinking oh let's do something with the nest logo to match the calore or you know match the new calore that we have but then I was like we also have hatches which is also new and it means a new logo and since we have flock the you know big contributor in person conference we have nest online contributor conference and then we also have hatches which are local in person meetups for people to kind of get together most safely during a time where you know travel is you know has its challenges in a variety of ways I said let's design them all together as a family right so they all they're all connected to each other they're all in this bird theme so it would make the most sense to design them all at once give them refresh at the same time so I talked with Jess about it we're like yes let's do it so I added some updates to the ticket and we were off so excuse me so I'll start off with the nest logo so I kind of wanted I kind of knew what I wanted from the get go so I kind of opted for curves in the end and also in the T as well we kind of wanted to give that soft feel as well with the curves I added gaps in between the lettering as well so reminiscent of the gap in the f of the fedora logo I kind of wanted to tie that in as well and I also wanted each logo and to tell a story by having a symbol incorporated into them so one of the ideas that came up in the in one of in our meetings was a tree idea and it made total sense because birds live in trees and nests are in trees so I came up with a little sapling to put on top of the tea and we kind of went from there there was a lot of failures like especially the one on the top like connecting the e in the s like looking at it now I'm like what what was I thinking you know because that's the great thing as well a bed design you always go back and redo it as well and make different iterations and get loads of feedback and yeah so then next with the flock logo there was same as the nest logo I had a good idea of what I what I wanted to do for it and so the feather idea came from birds with feather flock together and I was like oh feathers flock that will work really well together so I created this little design with the two feathers coming out of the f and the k and we had an idea as well to maybe do them different colors so like each each feather is a different color but I mean it can it can still be a thing but that was the sketch and so I went back and got some feedback on it so the feathers were looking a bit like leaves so we I just added a little tufts to the end of them just because you know when you see a feather there's like little fluffy bits at the bottom of it so I added them and we also I suppose inverse the color so the inside was a block color instead of having it just an outline so that and it was easier to read as well so that's what I did for the flock logo and then for the hatch there's a lot of experimentation with the hatch logo we were quite at the start I was like oh yeah okay nest flock that's fine have them don't hatch oh I had no idea so we created as you can see a lot of different designs and so I definitely wanted to do something with the a because it was the the one thing that symbolizes symbolized an egg more and so one of the ideas was to put a break in the a especially since a lot of them have breaks in different places like with the nest there was a break in the end and the t so I wanted to add one to the a but I want to do it in like an eggy way so like make it more of a crack and then there was other iterations where instead of doing the normal a that's in the comfort a type to do instead just a normal a but we went through a lot of ideas anyways and and then we were we were thinking oh we had a bird we do so the final hatch logo then was we just made the the a into an egg shape so on the next slide then we have all the different logos together and so we came up with this we have the negative and positive space with the crack in the egg and then I used um what's it's it's not open source but it's it's um it's called procrate on ipad and there's a thing you can use where it actually stretches the um it just morphs the shape of anything you want so I use that to morph the shape of the a and that's how we got the egg so looking at these logos now you think oh they're really cool and they look really well but from my perspective there was definitely a good few flaws I'd say so thank god Marie came to the rescue and uh showed me a little bit about the essentials of logo type and how we really refine them so I'll pass it over to Marie cool so part of my background in graphic design is calligraphy and typeface design I actually have like a ttf of a typeface called ordinary um and I learned a ton about um how to design typefaces so when I saw the logos I was like these are awesome this is a great basis but we got to get in here I'm noticing some inconsistencies right so I'm just going to give one example here so what you want to do when you're designing a logo is keep similar shapes the same throughout the typeface or the logo type or whatever you know you're trying to design with lettering so you see on the left what I did was a comparison of the H from the hatch and the end from the nest and both of them share that same shape of the round kind of piece that's coming off I know there's a technical name for it I'm not sure what it is right now um but as you can see just you know changing the opacity it could be the bowl um you see that they're not lined up right so the pink is kind of in different places than the blue so I did a demo for just kind of showing how to copy and paste or you know keep those elements the same throughout so we did that for a variety of the letters I think we did the C um I want to say we also did the T there was different spacing between the gaps so just to make sure that it looked cohesive as a whole so then these are the refined ones um they just look a lot cleaner so there's the nest one um the flock one it was more so the C because when I did these I just did them all in individual strokes rather than using the actual typeface so I used the so for the O and the C I replaced them with the actual converter typeface um and then the hatch as well the C was a bit iffy and especially with the H so we cleaned them up and made them really nice looking so so what's next so basically so this is just a conclusion so the flock logo will be going on the new flock website um and these locals will be used for events e.g the nest event and blog posts um the hatch logo has already been used in the Bruno event that's coming up next week and it was also used in cork uh there two three weeks ago so and then as Marie mentioned as well color will be shown up on all sorts of swag so we can't wait to see what will come from them so thanks so much and if anyone has any questions we have a minute we can go we can go over a little bit we actually okay we had a cancellation so um of some somebody had to move their session to tomorrow so the next schedule is not double booked so if people have questions feel free to ask them how long does one sketch usually take to complete from initial to final um they were all kind of different so like for example the fedora gaming i know that was i'd say that took about a month to do because i did the initial sketch in like two two days i'd say or a day or two and then we brought it to the discussions page and there was it's it's public so you get all sorts of comments but um we came up then we'll find a sketch i i think it was a month afterwards um but then i think the fedora summit logo took that long as well i know the longest one was the nest hatching flock i think color took the longest because i had heavy artist block i couldn't think of anything um on how to sketch it and i was really unsure but then once i got inspiration i was i flew through it so excuse the pun bush there it was it all depends really on what it is and what i have like if it's a really big interest i i could be like a week two weeks three weeks done but if it's something i'm really stuck on it will take longer so that's my my um production process i suppose i think it depends on the urgency of the project yeah and that too yeah that's a big one as well like i got it like for example for that mess uh the mess 2020 i did it like a week or two i think i did the fedora week of diversity um logo in like a couple weeks as well um because hey we just needed some graphics for the events but sometimes you can you know take as long as you want um you know i've worked on designs for months at the time so i also think what you know what the application is is it um you know something like a for example a typeface that's going to be used for years and years and years you could spend a year designing something like that so i think the application where it's going to end up also makes a difference yeah i agree with that as well and urgency is a big one but when i was starting i started in january and then i was part time until june so it was more so just kind of going through the the tickets and see what i like so i took my time on them and i don't think there was a big rush um but then with the nest and that was when i was more full time and there was a bigger demand for it so um sorry i'm just looking at it at moe's common yeah so gradient mesh is great but it's it's not really supportive in many places um so um so what what tools do i use in the designs long journey so mostly for the vectorization so that was all inkscape um and the sketching process was an app called procreate that i used um it is i wouldn't say it's proprietary like you only have to pay for it once and that's it but it's still it's not open source um however there is an open source um one that is really good called autodesk sketchbook it's free to download on any tablet but i think if you want like extra pens or something you do have to pay but it's a very good app to start off and that's what i used when i had like my first tablet and i was sketching little things so yeah but for all the designs that i used it was procreate so they were the two too big big tools that i used so any more questions i think we might we might be good well i want to say a big thank you to you jess for doing all the work on core and these logos you did an amazing job so thank you thanks so much of course i had fun working on it so it wasn't even yeah so thanks work is the best one it's fun yeah exactly exactly all right well i think that's it for today then yeah thanks so much for for joining and thank you marie for co hosting with me as well of course all right people see you around