OK, so we're going to go ahead and add in some of the copy here.
So we actually have a whole document that was put together, luckily.
So of course, if you don't have this for your brand, this is not a big deal.
But if you do, it can be kind of nice to have all of this stuff here, and I'm going to give
it all the context it can possibly have, as well as like some of the details of how to
put the brand together.
So let me grab that.
OK, so I am just going to upload these now from my computer.
I do already have downloads.
I'm just going to pull this top here.
I'm going to open these up using the attached PDFs.
I want colors, typography, et cetera.
Everything that might be helpful for the brand.
I could do this as its own file.
Let's do that.
Actually, I'm going to interrupt it and say, like, make this a new brand.md file.
Stop, start.
So 4.0 has been pretty good at this.
I could also switch to 0.1 and 0.3 mini and all these, but they don't have the ability
to basically upload images and files just yet, so I'll have to use 4.0 for this.
For context, these are the files that I just gave it.
So we have a web typography.
Again, this is stuff that you may have for your website or something.
And this just tells you exactly how we like to use our typography.
This is what the designer put together.
I'm not sure how good.
It seems to be pulling these out, these different shades of colors, the blue color, these light
grays, and we'll see how it handles this.
And we do have some really cool key art that our designer has made.
These things are all custom graphics and little architectural details.
So what I'll also do is start to incorporate that into various parts of the app.
So it went ahead and did that.
Looks like it did a good job.
Identity, got all our colors, headlines, like use this for GT Superweight, headline one.
So it's getting this little detail here.
And the only thing I may do.
Yeah, it's, this is great.
Okay, I'm going to save it like that.
That's perfect.
Make a new file.
So you don't always have to use cursor because cursor is not the best at everything.
So we're going to call this like brand.md and I'm just going to dump all that in there.
So now we have instructions.
And again, if I want to reference everything, I can do that by just hitting like at instructions.
And now I can, or I can just say, Hey, like if it's missing the colors and it's the wrong color, I can say, Hey, at brand, like check, check your colors.
That's good.
So we're getting there.
It's a little bit slow, but that's how we built out like the brand.
And the next thing we could do here is go in and start to put in the logos.
And I would love to do those as SVGs.
And here we've got an images folder.
We've got team and all of this.
So I'm just going to open this.
I like to reveal in finder, just easier to work with, I think in finder.
And then I'm going to grab all my logos, which are over here and I'm going to grab those and pull them in.
Cool.
So now we have the icons here.
These are all FCS VGs.
So now I can go here.
We're going to make a new tab and let's just go ahead and add the logo.
So, um, let's add at a Novo.
So we've got, um, logo mark.
Let's go back to my folder here.
I think it's just a Novo underscore logo, um, logo dot SVG.
Oh, it's not indexed.
So if you see this where it's not, it doesn't actually know what's in here.
File cursor settings, cursor settings.
Just go back down here to, um, the index, which is somewhere model.
Yep.
Features re-index.
Cool.
Um, let's try that again.
A Novo underscore.
So let's see if we've got this.
I'm going to search, see if it can find it.
I see that you have a logo.
Component.
Let's check read file.
Now let's optimize, modify the logo component to use the new SVG file.
Um,
Let's see what it's doing here we go I'm gonna move these around a little bit so
it's brought in the name that's got an alt text let's see these views are
properly placed in the public
Oh
okay aha beautiful looks pretty good and I'm just give it's like let's make it
bigger that's the beauty of an SVG so we always use SVGs but let's just see
what it does there you go that's nice but you can see how quickly this is
gonna come together now I need to go through next thing we'll be updating the
typography and then we'll keep working down through the page updating various
things so let's accept all that I like to just like move on there we're all
good so we'll keep going sorry I forget that you can only see this piece here
okay so so we'll jump in next to typography