WEBVTT 00:00:00.000 --> 00:00:06.640 In this video, we're gonna be breaking down how we build brands from scratch, and I mean the logos, the colors, the typefaces, 00:00:06.640 --> 00:00:07.600 the imagery, 00:00:07.680 --> 00:00:50.195 the styling, everything. We're gonna do that in one sitting. So buckle up, lock and load. Let's get into it. So the brand we're gonna be building today is a conceptual one, but we're gonna be going through the process step by step so you can follow and you can basically do this for yourself or for your clients. No problem. The way that we start this is we always start with the brand intelligence, which ultimately helps you use AI to conduct customer research that gives you a brand playbook on what your customer's psychographics are, what your customer's demographics are, what their pain points are, what hooks we can ultimately use, and then it also creates your brand's core offer. We're then gonna take that information, and then we're gonna get into designing. Alright? So the design system, how it looks and feels, how it comes alive across different applications 00:00:50.355 --> 00:00:52.355 so you can take that brand guideline 00:00:52.355 --> 00:00:56.275 and then replicate it and use AI to create social media campaigns, 00:00:56.515 --> 00:00:57.155 ads, 00:00:57.315 --> 00:01:12.660 websites, which ultimately look and feel like they're part of the same cohesive brand, which is what a lot of AI building is not doing right now. K? So this video is gonna solve that for you. We're then gonna get into step two design references that will be the base of the visual style. 00:01:13.315 --> 00:01:27.635 We'll then be building the actual brand system using gbt image two and an awesome tool called love art. And then we're gonna be getting into coding and building. Okay? So we can use Claude for that or we can use Codex for that. Remember, your brand is your reputation, 00:01:28.260 --> 00:01:31.540 not your logos, colors, and all of that stuff. It's important, 00:01:31.860 --> 00:01:46.445 but really what's more important is who is the brand actually trying to speak to and we build around that. Not just about looking pretty at the end of the day. So what I'm gonna do now is I'm gonna go to the brand intelligence app and I'm just going to go through the process. I'm gonna go through I know my audience, 00:01:46.605 --> 00:01:54.925 fill out this data, and then it's going to take me through a bunch of steps, and it's gonna give me all of the prompts and everything I need right at the end of it. Alright. So let's go ahead and do that. 00:02:01.100 --> 00:02:05.820 Alright. So now that the brand intelligence has run, we've got our offer statement. 00:02:05.820 --> 00:02:54.080 We've got what the offer gives you, what you can use it for, hidden benefits, etcetera, our program name, and our branding, and then all of the other data that we've gotten from that. So what we can do now is we can download a JSON file so we can feed that to other AI platforms, and it'll understand everything about our brand, our offer, etcetera. And we can also download this brand system prompt pack, which is what we're gonna be doing right now. So if I was doing this from scratch, I'd be downloading all of these, saving them somewhere safely. So for this one, I'm just gonna save this in brand design system, and I'm gonna say prompt pack. I'm gonna show you exactly what's inside now. Alright. So inside this prompt pack, this gives you the exact process that you need to follow in order to create the brand. So the first prompt we're gonna be running here is prompt number one. I'm just gonna take that whole thing and then I'm going to go to loveart.ai. 00:02:54.080 --> 00:03:27.510 I'm gonna drop that in. K. So we've got our full prompts. K. You're a world class creative director and brand designer working at a top tier agency. And it's basically just a prompt on extracting the full design reference from this whole thing. Now I got this prompt from this dude called Amir. So shout out, Amir. I really love your prompts, dude. But all we're doing is we're taking his first prompt. And the problem with what I found from this workflow is that, you know, it was designing it for, like, big brands like Gucci and Crocs, and that's not really relevant for my clients. My clients need a brand design system that is relevant for them, and that's why we're pairing 00:03:27.750 --> 00:03:50.130 these prompts with this output. Okay? So it's very, very specific for your brand and your use case. So before we send this prompt, what I'm gonna do is just head over to Pinterest, and I'm gonna look at some sites. I'm gonna look at some design inspiration that I like and just see, okay, are there any brand styles that I ultimately wanna model my brand from? Now before anyone drops a comment saying, oh my gosh. You're just copying and stealing. Guys, 00:03:50.450 --> 00:03:52.610 this is what branding agencies do. 00:03:53.090 --> 00:03:57.405 Every single design agency goes through the same process of mood boarding, 00:03:57.485 --> 00:04:01.485 finding inspiration. It's what artists and creators have been doing forever. 00:04:01.885 --> 00:04:25.885 Okay? And you'll see in a second how we're going to adapt this to our own brand so we're not just creating a carbon copy of someone else's brand. Okay? So I'm just gonna go find a reference, and let's get cooking. Alright. So I've got some cool looking images over here. So I'm just gonna start grabbing these so we can just drop them in as our design references inside of Love Art. Because we're building for a fitness based brand here around getting shredded metabolism, 00:04:25.885 --> 00:04:29.165 etcetera, we're gonna want images which ultimately showcase that. 00:04:30.525 --> 00:04:33.885 Okay. Some of these are quite cool as well, so let's drop them in. 00:04:34.605 --> 00:04:47.920 Alright. So we've got our design references, our image styles, typography, etcetera. What we probably do wanna do as well is just find something also which has a bit of UX on it. So I'm just gonna go back to a website design 00:04:48.000 --> 00:04:48.800 inspiration, 00:04:48.880 --> 00:04:50.720 and then I'm just gonna say fitness. 00:04:52.880 --> 00:04:59.135 Alright. Let's get some like sexiness in here as well. Okay. So we got all our references in there. We've got a little bit of typography. 00:04:59.135 --> 00:05:00.655 We've got some image styles, 00:05:01.135 --> 00:05:09.535 and we've got our prompt. Let's go ahead and send it. GPT image two selected. What this is now gonna do is build us our initial brand board, 00:05:10.110 --> 00:05:33.685 and then we can go out and customize it with our actual brand context wording and positioning that'll be created in the intelligence app. Now the reason I really like Love Art, so this is a brand that we started creating earlier using the same process, is that you start to create like a really nice visual style. You can extract logos. You can create image references, and it's all baked into GPT image too, you know, so we can start creating posters, 00:05:33.765 --> 00:05:58.075 brand guidelines, etcetera, etcetera, and also just have it in a nice mood board visual style like this, which ultimately, you know, is so so useful. Alright. So let's wait for this to generate, see what it comes back with. Alright. So here is the brand board that Love Art slash GBT image two has created for us, and I must say it's looking pretty flipping good. Alright. So that image has a lot of dynamism in, which it ultimately got from one of our style references, 00:05:58.635 --> 00:06:03.835 and it's matched that pretty damn closely. I like the colors. I like the composition, the logic, 00:06:04.360 --> 00:06:27.245 the devices it's created, the textures, etcetera, etcetera. Alright? So that's looking pretty cool. Now what we need to do is we need to add our actual brand's context to this. Alright? So we're gonna go into our prompt style pack. Now this prompt number two is really cool because this has all of the brand's positioning, who the client is, what the core idea is baked into it. So it's a customized prompt from that process. 00:06:27.485 --> 00:06:52.365 I'm just gonna go in over here, select this image, send it to the chat, drop my prompt in, and let's go. Alright. So this is gonna take now this brand board and customize it for our actual brand. Alright. Cool. So you can see here it's populated the h one with some copy based on what the main slogan was, the science backed way to repay your energy and body composition. So I think this is looking pretty cool. Now what we're gonna do is just follow-up, 00:06:52.525 --> 00:07:26.655 and we're just gonna drop in the second prompt, which is gonna get it to create a mood board of visual assets for the campaign, digital banners, social media banners, ad materials, aesthetics, etcetera. Alright. So now what we're gonna do is expand on this and see if it can start exploring different applications for it. Alright. So you can see now that the brand is really starting to come alive a little bit. Okay? So you can see it started to take some different banners, what the website might look like, what different images look like, etcetera, etcetera, different brand marks, potential mock ups for digital programs. So the design system is coming together really nicely, 00:07:27.055 --> 00:07:40.450 and you can see how it's taken those colors and started to apply it, you know, proactively, which is really cool. Now you can see it started to create, like, a little bit of a logo over there, but what we're gonna do now is we're gonna expand it. We're gonna go back to our prompts, 00:07:41.010 --> 00:07:50.085 and we're gonna go to prompt number three, which is essentially your logo and word mark prompt. Okay. So we're gonna just copy that prompt. I'm gonna take it, select these 00:07:50.485 --> 00:08:27.745 as my references, drop the prompt in there, and let's send it now and get some options. Alright. So we got some logo, word marks, and design iterations there, which is pretty cool. So we can ultimately go out and start choosing the ones we like now and start extracting those into actual logos. So I could now essentially go back and iterate on these as much as I want, but I kinda like this as the text word mark. And I also like this option. I like that option. You know, they're all pretty cool. You know? So technically, you could use all of them. Okay? But before we do that, we're gonna go ahead and start creating some social media designs, carousel designs, etcetera, etcetera from this design style. 00:08:27.905 --> 00:08:42.770 So I'm just gonna select this. I'm gonna select this. I'm gonna select no. I'm not gonna select that. I'm just gonna select these two. I'm gonna say create a social media carousel design system that I can use for organic social media and also for paid advertising as static ads. 00:08:43.375 --> 00:08:54.495 Do a few mock ups so we can explore what this brand might look like as it gets into social media and the ad design world. Alright. So our social media design system has been created. 00:08:55.055 --> 00:09:03.770 You can see here we've got a bunch of different carousel template styles. We got ad styles. We got some before and after contrast, which is fantastic. 00:09:03.770 --> 00:09:09.210 So it's understood the assignment exactly and incredibly well. So that's looking pretty damn good. 00:09:09.610 --> 00:09:23.125 So what I'm gonna do now is just go back to our brand system prompt. I'm gonna use the next prompt, which is gonna get it to create a website homepage direction for us. Okay? I'm gonna select our original brand board. I'm gonna select our logos. I'm gonna select these two, 00:09:23.690 --> 00:09:32.650 just whichever ones are relevant, and I'm gonna drop that prompt in, and I'm gonna send it. Guys, this is too easy, man. What the hell? Alright. And we've got our website homepage now. 00:09:32.890 --> 00:09:48.895 So you can expand that, and you just see that it's taken our core photo. And that looks flipping awesome, guys. You know? So we can now go out and start building that and creating that inside of Claude Code or Codex. And if you wanna learn how to take that image and turn it into an actual website design, 00:09:49.135 --> 00:10:11.095 check out one of my previous videos where I go into this exact process. But now we're doing it with a real brand. We're not guessing. We've gone from an idea of a brand. We've done the research. We've taken the copy from it, and we've built out a visual design system and style, images, typography, colors, mock ups, what it could look like on social media, ads, etcetera. We've got logos. 00:10:11.255 --> 00:10:13.015 We've got our website homepage. 00:10:13.175 --> 00:10:26.960 And we ain't even had breakfast yet, guys. Come on. Come on. Alright? So that's looking pretty sharp right now. I'm liking this. Now the final step of this puzzle is to take this design system and build it into something that's replicatable. 00:10:27.120 --> 00:10:39.005 Right? So we don't have to go into this project and, you know, design from scratch, but we can ultimately take the core elements. We can take our logos, typography, colors, images, and build an actual replicatable 00:10:39.005 --> 00:10:48.845 brand system so we can create content and we can come back to this and build on top of it as we move. So we're essentially gonna use Love Art's brand kit functionality. 00:10:48.845 --> 00:11:03.520 So if you just go over here, you hit brand kit, you go create brand kit, and then it asks for a logo, it asks for fonts, it asks for colors, design guidance, photography, and brand guideline. Guess what? We have all of that. Alright? So what I'm gonna do now is I'm going to extract 00:11:03.520 --> 00:11:09.055 the core images that I like. So I'm gonna use this little mark tool over here. I'm gonna select that. 00:11:09.535 --> 00:11:13.135 I'm gonna select that. I'm gonna select that. These 00:11:14.575 --> 00:11:22.580 images are cool too. Please extract all of the images that have been selected so they are stand alone images that we can use elsewhere. 00:11:23.300 --> 00:11:36.340 I'm gonna extract the logos exactly how I've done it. I'm gonna select it and ask Lavar to extract these. Okay? I'll check back with you in just a second. Alright, guys. So you can see here I've extracted some of the core images. 00:11:36.715 --> 00:11:40.555 So these are now standalone images that we can use for our brand, 00:11:40.875 --> 00:11:44.235 which is really cool. This is like the hero section of our site, 00:11:44.475 --> 00:11:48.075 and these are the different logos. Now I can just go remove background 00:11:48.235 --> 00:11:53.200 pretty quickly. And now I've got a white transparent background for the logo, Bosch. 00:11:53.360 --> 00:11:55.440 Can do that for this one as well. 00:11:56.480 --> 00:11:57.440 Bosch. 00:11:57.600 --> 00:11:59.360 I can do it for this one as well. 00:12:00.400 --> 00:12:01.360 Bosch. 00:12:01.360 --> 00:12:14.955 Okay. So you can see we've got the logo. Obviously, that's not ideal and we can kinda prompt it back and forth a little bit. But if you put it on a black background, it looks absolutely fine. So that's kinda cool, guys. You can see we got our whites. Now I can also just say 00:12:15.675 --> 00:12:17.435 create a black version of this logo. 00:12:18.460 --> 00:12:22.700 Alright. So we can get our different logo styles, different logo colors 00:12:22.940 --> 00:12:40.315 for our design system so we can start to populate and create different things. So we've got our word mark there in white. So I would create a black version of that as well just so we have some flexibility. Same for this. But now that we've got this, my friends, I'm gonna go ahead and start packaging this up. So I'm gonna select all the images, 00:12:40.715 --> 00:12:41.515 download them. 00:12:48.720 --> 00:12:51.840 And Bob's your uncle, guys. Bob's your flipping uncle. 00:12:52.000 --> 00:13:00.105 That's awesome. Alright. So logos are downloaded. Okay. I'm also gonna download this one, which is the main pack. I'm also gonna download this, and I'm gonna go into 00:13:00.345 --> 00:13:15.490 our brand kit inside of Love Art. We're gonna go here. We're gonna go logos. We're gonna add all of them. Done. Okay. So while those are uploading, we're gonna go back to our designs. We're gonna select these colors over here, And I'm just gonna go select 12345. 00:13:15.490 --> 00:13:19.570 And I'm gonna say, give me the exact actual hex codes for these colors. 00:13:19.810 --> 00:13:31.885 Okay. So Love Art is going to extract the hex codes for this so we can start populating our colors. Alright. So you can see our logos are updated. We're gonna go to colors now. First one is black. The second one is charcoal. 00:13:34.765 --> 00:13:39.485 K. So that's looking good. We're gonna go to photography now. Images. Get all of our photos. 00:13:40.130 --> 00:13:51.810 Upload those. And you can see here now while that's uploading, we need fonts and we need design guidance. Okay? So if we just go back here, you can see that it's chosen like a random font. I'm gonna do exactly the same thing and say, 00:13:52.130 --> 00:14:14.490 give me the actual Google fonts that are used in these designs so we can replicate this elsewhere. So obviously, you know, GPT images created these, so we don't know what fonts they've used. So using this prompt in particular is gonna give us like the closest possible font so we can actually replicate this, you know, properly. Right. So it's given us a recommended Google font stack. So we're gonna go for Bebas 00:14:14.570 --> 00:14:15.210 new. 00:14:15.530 --> 00:14:16.490 Select that. 00:14:16.890 --> 00:14:27.085 We're gonna add another one. We're gonna choose big old Anton. And we're gonna choose a body font. We're gonna go for inter, which I like. We've got inter over there. Okay. Now we need design guidance. 00:14:27.165 --> 00:14:36.765 So I'm just gonna go ahead and say, please review all of the designs here and give me a one paragraph design guidance brief. Alright. So we've got our design brief. 00:14:37.500 --> 00:14:43.900 Copy that. Go here and update it. K. So we're gonna give this a name. K. The prime physique protocol. 00:14:44.380 --> 00:15:04.855 Call it that. And then create a project with this design brief. So that's gonna open up a new chat in Love Art, and it's basically gonna tell us exactly what we can create with this brand look and feel with this design system. Okay. So ultimately, this is the first step of the process. We can now start creating actual landing pages from this design system, social media content, 00:15:05.270 --> 00:15:11.990 and start getting this brand out into the world. Right? So whether you're doing this for yourself or your clients, this gives you the ability 00:15:12.150 --> 00:15:43.070 to get to an actual living, breathing concept far quicker. For example, the other day, I had a new client starting, wanted a website. I went through this exact process, designed the brand look and feel for them, and they signed off on it then and there, and it was literally a couple of hours. Now you might be saying, Luke, why the hell are you showing this process if you charge clients high ticket for this stuff? The majority of people out there are not going to go through this exact process. I'll tell you that for a sure fact. So if you wanna do it for yourself or your clients, you're going to be at a massive advantage. 00:15:43.070 --> 00:16:13.450 Take advantage of this. People will pay you thousands of dollars to implement this process for them. Alright, my friend. So if you wanna do this for yourself or for your clients and start charging people for the work that you're actually doing, jump into our school community. You'll get access to the brand intelligence app and all of the prompts we used inside of this process so you can go from idea to a premium brand design system in literal minutes. And once you've got the brand system locked and loaded, this is when you can start to get into beautiful things like website design, funnel building, marketing, 00:16:13.895 --> 00:16:27.015 and the services that you can offer to clients at the back end of this or do for yourself is literally unlimited. So if you wanna get access to Love Art as well, the link is in the description of this video. So my friends, I will see you on the next one.