Full transcript
The AI Slop Problem
0:00More design can now build beautiful
0:02websites that don't look like AI slop,
0:05but only if you use the right systems
0:07that are now available. And in this
0:09video, I'll show you this simple and new
0:11system [music] to build gorgeous
0:12websites in any design replicably so you
0:15can destroy the AI slop monster. And if
0:18you haven't already, grab that beautiful
0:20coffee and let's dive straight in. Now,
What Makes Slop, Slop
0:23the enemy has a name, it is the AI slop
0:25monster. I invite you to join me on this
0:28crusade. Now, the reason why most
0:29websites look exactly the same is cuz
0:31everybody gives it the same prompt and
0:33these models are spitting out the same
0:35consistent outcome, the same gradient,
0:37the same cards, the same hero section,
0:39everything, guys. It's like living in
0:40Groundhog Day every single day, and I
0:42like variety. This is why I'm making
0:44this video. Now, you can spot it in a
0:46second. So, let's understand what the
0:48slop monster is before we understand
0:50what the solution actually is. It's the
0:52same typeface. Font is so, so important
0:56and barely anybody speaks about it. And
0:58by the end of this video, you're going
0:59to have a system to create beautiful
1:01websites. It's going to level up your
1:02graphical game. They're going to be
1:04saying, "Hey, who is this incredible
1:05designer person and where did you come
1:06from?" The other thing we've got is the
1:08classic indigo to violet fade. I know
1:10that this itself is an indigo, the irony
1:12is not lost on me, but purple is the
1:14color I wanted to see gradient on this
1:15one. Three feature cards everywhere,
1:17it's always consistently three. Have you
1:19noticed that? Over time, it's three.
1:21Everything's got the same round on it,
1:22the frosted glass, and a headline that
1:25just sounds like AI slop. People don't
1:27even change the text. So, the first
Level 1
1:29level in destroying the AI slop monster
1:32is to give it a system, not a prompt.
1:35Jack, what do you mean by that? Well, we
1:37want to give it a design system, okay?
1:39So, essentially, Claude itself does not
1:41know what great design is. Now, we can
Give Claude A Design System
1:44look at different websites to this. One
1:45fantastic example is this. I mentioned
1:48it on a previous video. This, guys, is
1:50like Willy Wonka's chocolate factory for
1:52gorgeous websites. I mean, look at this.
1:54We've got linear, we've got steep, we've
1:56got air. These are gorgeous. The Mercury
1:58website, it's fantastic. So, what we can
2:00do is leverage those to actually
2:02understand what amazing design looks
2:05like, and then when we know what that
2:06looks like, we can reverse-engineer how
2:08you actually create something that is
2:10gorgeous. For example, it could be, you
2:13know, you can just see the different
2:14design styles that come down here. So,
2:16the first thing that we need to do is go
2:17over to this website here. I'm going to
Free Resources Unlocked
2:18put all the links down below. Anytime
2:21you get any free resources, and I give
2:22away all the game for free, it is the
2:24second link in the description, which
2:26says free resources. I'll take you free
2:28through to a free community. It looks
2:29like this, and it'll have a direct link
2:31to everything. It's just a place where I
2:33put all of my free guides. I get so many
2:35questions on it. I just want to make
2:36sure that you can access everything you
2:37need to very easily. So, what we're
2:39going to do, guys, is grab this like so,
Claude Picks Your Design References
2:41and then head over to Claude. Now, the
2:42first thing we do, of course, is top up
2:44on coffee. Mm.
2:46Don't forget to tip your barista, guys.
2:48And what we're going to do is the blog.
2:49We'll come down, and we're going to
2:50paste in this here like so. And then
2:52you're going to say, "I would like to
2:54build a beautiful website. I've given
2:56you a list to loads of gorgeous frontier
3:00websites. And what I would like you to
3:02do is to go through those and find for
3:04me three examples that are most closely
3:07related to my desired business. My
3:10desired business is an AI education app,
3:14kind of like Duolingo. Give me the three
3:16links, okay?" Enter that in, and then
3:18just send it off. Now, you can look
3:20yourself, but this is the first step.
3:22Effectively, what I want to do here is
3:23find websites that look gorgeous, that
3:25are in our niche, look fantastic.
3:27Already, my eye is drawn to Duolingo. I
3:29think that looks gorgeous. And we can
3:31find these different designs. You can do
3:33this yourself, or you can get AI to help
3:35you, because there are hundreds and
3:37hundreds and hundreds of websites listed
3:39here, and they are all gorgeous. And
3:41then Claude is going to give us three of
3:43its best options. Again, you can do this
3:45directly. For example, you can actually
3:47come down to popular, which is awesome,
3:49and you can see the most popular ones
3:50that are there. Mercury is gorgeous. We
3:52can look at the newest and we can also
3:54even come down here and search. So, I
3:55could just come down for education, for
3:57example, and then I can see all of the
3:59different educational ones, if I want
4:01to. But, you can see it's gorgeous, lots
Duolingo Wins As Reference
4:04of optionality. So, we have Duolingo,
4:06which I think is excellent. We have
4:07Quizlet, which is okay, I think. And
4:09then we have Slush. Slush is very
4:11finesse-y. I think the most relevant of
4:13them all, obviously Slush is very cool,
4:15very fresh. I do love the way that the
4:17kind of apps bleed in. It's kind of got
4:19good scrolling animations. And then
4:21Duolingo itself here just has a
4:23beautiful thing and it's got these like
4:25individual graphics, which I think look
4:27fantastic. So, what we're going to do is
4:29go ahead with Duolingo, cuz I think it
4:31looks awesome. So, we're just going to
4:32come down and copy this. And then inside
4:34Claude, you're going to give it the
4:35below prompt, which is this. "Hey there,
The Design Reference Prompt
4:37I would like you to look at this design
4:39reference for Duolingo. I'm going to
4:41build an app that teaches people AI. I
4:43would like you to keep everything else
4:45Essentially, we're saying be inspired by
4:46this design system. Here's another
4:48design system you may want to look at as
4:49well as a secondary reference, but
4:51essentially just use this entire design
4:53system to build me one for something
4:55where basically I am teaching AI to
4:58individuals. I am the Duolingo of AI,
5:00basically." Come down and just literally
5:02drop in the link to Duolingo. And if you
5:04want to, you can also go ahead and drop
5:06in a second design system, that's
Model And Settings Choice
5:07optional. The model we're going to use
5:08is going to be Fable 5 and we will be
5:10okay with Xtra. You can also do High, it
5:12doesn't make too much of a difference.
5:14Then, of course, we'll get some
5:15clarificatory questions from Claude as
5:17well. So, "What's the app called?" Uh
5:19why don't we go ahead and call it Neuro?
5:21That's an interesting idea. That could
5:23be cool. Uh promptly. Promptly sounds a
5:25bit lame. Let's go for this one. Cool.
5:27I'm going to say we can do Duolingo
5:28green. Let's just keep it as it is, I
5:30think. Maybe do a little bit more of a
5:31blue style instead of green. Great. And
5:33send that one off. And also, guys, I'm
5:34going to put a link down below for a
5:36skill that knits parts of process
5:38together. So, it's going to really
5:40drastically improve your output and will
5:42improve the quality massively. Now, it's
5:44come back and it has done it. So, let's
First Draft Website Revealed
5:45check out the Neuro website. Number one,
5:48this is Draft one. As you can see, it's
5:50got that very Duolingo-esque, like get
5:52started, very cool. We've got the
5:53buttons, free, fun, effective, and we've
5:56got some kind of placeholders there.
5:57Really cool. Scroll down, learn anytime,
6:00anywhere. Beautiful job with the font.
6:02Come down, looks good, and I think it's
6:04really crushed this. And then bottom
6:05right, design system. And then this
6:07essentially is our entire design system.
6:09We come down, log in for the app. Now,
6:11the cool thing is you have a fully
Design System Locked In
6:12codified design system here. Why is that
6:14cool? Well, basically, when you're
6:15building out the apps, you know these
6:16mechanics, like I'm just showing this as
6:18an example. In reality, you wouldn't
6:19just use Duolingo's, but you get the
6:21idea of how powerful this is. Email,
6:23password, log in. Love this. It really
6:26does crush it and get all different game
6:28Excuse me, the game mechanics. I need
6:30more coffees. This is crazy. Right spot
6:32dogs. As you can see, it's got all this
6:33sort of stuff locked down, which is
6:35great. Now, this is locked in. But what
Level 2
6:37we need to do is take it to a new level.
6:39Now we have the architecture and the
6:41skeleton inside. And we're going to do
6:43that by moving on to the second level.
6:46And the idea with this is the ability to
6:47generate beautiful graphics, videos,
6:51animations, and also compare basically
6:54combine this with its strongest skill,
6:56with the design system's strongest
6:58skill. What do I actually mean by that?
7:00Well, the idea is we want to generate
Images And Videos Supercharge Design
7:02videos. We want to have reference
7:03inputs. We want to have um if we want
7:05volume or sound, which I don't
7:06recommend, but you can have that in
7:07there. We can crush the slot monster,
7:09and we can bring everything together.
7:11So, to do that, we're going to do two
Higgsfield Connected To Claude
7:12things. I'm going to be using Higgsfield
7:13for this. You can use basically generate
7:15anything here. Any images you want to,
7:17any videos, lots of different models.
7:19It's very cool. And the cool thing is we
7:21can actually connect this to Claude
7:22super duper easy with this page, which
7:24means that we can set Claude off on a
7:26mission, and then it will use Higgsfield
7:29and the models within Higgsfield to
7:30essentially create a gargantuan number
7:33of beautiful designs, which is freaking
7:34awesome. So, first thing to do, if you
7:36haven't already, is you can literally
7:37screenshot this, copy, you come over to
7:39Claude, paste that in, and say, "Hey
7:42there, I want you to connect to the
7:43Higgs field via the CLI."
7:46And once you've done that, it will then
7:47open a new window, you'll sign in, and
7:49then you'll be able to use Higgs field
7:51within side Claude code. And what we're
7:52going to do is combine it with
The Design Loop Skill
7:54incredible prompts. So, I'm going to go
7:55ahead and grab this from I believe it's
7:56in the vault. Come down and we're
7:58looking for design loops. Now, if you
8:01haven't seen this design loop video, I
8:02will link it on screen. It is really
8:04cool. It gets me super excited about it.
8:06But, all you're going to do is come down
8:07and grab the skill. Again, I'll put this
8:10uh in the same resources in the second
8:11link under the description. It is
8:13amazing. It's called the gauntlet loop.
8:14I called it the design loop. It is
8:16absolutely fantastic. And effectively,
8:19what we're going to do now is copy this
8:20and head back over to Claude. And then
8:22we're going to give it the below prompt.
8:23So, I'm going to actually paste in my
8:25design loop, okay? Which I've already
8:26created as a skill. So, if you haven't
8:28done this, just paste this in and say,
8:30"Hey there, I want you to turn this into
8:32a skill." All right? Then basically,
8:34come down, paste this in, and it will
8:35turn it into the design loop skill. Now,
8:37when that's installed, when you do
Skill Ready In Seconds
8:39forward slash, you can literally type in
8:41loop and it brings up the design loop.
8:43Now, here's the cool thing that I want
8:44you to do. I want you to give it a
8:46prompt that sounds a little something
8:48like this. I'm basically going to do
8:49this.
8:50Hey there, I want you to go ahead for me
Unique Characters Come To Life
8:52and ruthlessly compare this website with
8:56Duolingo's. Specifically, I want to
8:59bring this to life. Duolingo has loads
9:01of beautiful animated graphics. It's got
9:03a distinctive graphic style. I want you
9:06to go ahead and create a unique graphic
9:07style with unique characters um in the
9:10kind of Duolingo style, but obviously
9:12make it unique so it's specific to us.
9:14And I want you to then go ahead and use
9:16Duolingo as a gold standard reference. I
9:19want you to go ahead and look at the
9:20graphics, look at the animations all the
9:22way through it, and basically create our
9:24version of what that is based on our
9:27unique style that you create and unique
9:29motions such that it essentially
9:31looks like the AI version of this. So,
9:34it's not the same thing. It's our own
9:35style, our own unique business, our own
9:37product, but effectively look at it. And
9:39for example, look at the section where
9:40we have learn anytime, anywhere. Every
9:43section I want to look gorgeous and
9:45absolutely flawless. This is what I
9:46would call the gold standard. Now, I
9:48want you to go ahead and use the Higgs
AI Generates Custom Assets
9:50field CLI to generate the unique
9:53graphics and also the unique videos and
9:55make sure you're using Seed Dance 2.5
9:58for the best video generations. I can
10:01see just looking at the graphics, a lot
10:03of them are on a loop. There's a lot of
10:05personality, it's quirky and it's very
10:06distinctive. Make sure you understand
10:08all aspects of the website to bring that
10:11personality out. Now, you're going to
10:13come back over, drop that in like so,
10:15and literally let it run its magic. Now,
10:17the cool thing about the design loop is
The Loop Judges Your Design
10:18the design loop itself says, "Hey, this
10:21is our website." And you give it a gold
10:23standard. And essentially what it does
10:26is the the model is going to try and
10:28recreate it. And it'll have various
10:31judges that are saying, "Does this fit
10:33the mark?" Yes or no? And if it does, it
10:36passes, but if not, essentially it goes
10:37through a loop. Because if you ask
10:40Claude to improve a design, it will
10:42often say, "Okay, great." You ask it
10:44five times, it finds five different
10:46reasons. So, the design loop system
10:48helps us cut a lot of that out. So,
10:49since I'm generating unique video
10:51assets, I'm going to go with a pilot
10:53strategy first to make sure that I like
10:55the design and the feel. And it enables
10:56us to iterate it before hitting the full
10:59bam bam walla walla bing bong, which is
11:01code for basically doing the full
11:03website. So, what should our character
Own Your Creative Decisions
11:05cast be? So, Duolingo has Duo the owl
11:07plus a cast of humans. We need our own
11:09equivalent that reads as AI without
11:11being a cliché robot. I completely
11:12agree. Neuro the neuron sounds lame to
11:15me. Little robot devices. Now, this is
11:17the bit where you want to inject your
11:18own personal design. So, AI should help
11:21us Basically, the design bit is the fun
11:23bit. I want to own the creative output.
11:24I don't want AI to replace creativity.
11:26It's not its job. Its job is to replace
11:29repetition in the creative process, not
11:31the creativity itself, actually. So, for
11:33example, here I've said I want to do a
11:35shark as our core thing. Kind of like
11:37Gymshark, but our robot version. We'll
11:39call him Robo shark, so we could
11:41probably play around with the kind of
11:42oceanic and land theme, bringing
11:43different robotic mechanical versions of
11:45animals to make it kind of appear
11:46appealing, but clear that it is AI, and
11:49then send that one off. And then once
11:50the design loop has completed, it has
11:52gone ahead and built me this. Now, I
11:53must admit, I went back and said I
11:54didn't quite like the idea of a robot
11:56crocodile, and I actually settled on a
11:58different design idea because with
12:00basically could all come back and say,
12:01"Hey, do you want this? Do you want
12:02that?" And I was like, "I actually think
12:03this design style is really cool." So,
12:06check this out. This is the website with
Stunning Final Website Revealed
12:08the loop and everything we've got here.
12:10One lesson 5 minutes, we have this
12:12interactive thing here, and you can feel
12:14this do a lingo. That wasn't a real
12:16question, by the way. That was a test.
12:17Although, that one was legit. Going to
12:19come down, we've got this beautiful
12:20interactivity here, built on how people
12:22actually learn. This is gorgeous.
12:25Did it I'm really, really impressed with
Unique Style, Zero Slop
12:28this.
12:29I mean, it's got its own unique design
12:31style. It is actually crazy. I mean,
12:33look at this, guys. Have you seen stuff
12:35like this being created in this process?
12:37It is wild. In a month, you'll prompt
12:39like you mean it, get started, and then
12:40we got a nice animation at the bottom,
12:42things popping up, they're having a good
12:43time, and then we have the full
12:45beautiful website building using this
12:48exact system. And all we did is link in
12:50Higgsfield CLI for the image and video
12:52generation. It create various different
12:53images and various different videos.
12:55But, that links very nicely onto the
12:56next level for this. And what is it the
12:59next level beyond this and what once
Level 3
13:01we've done the image and video
13:02generation, we have to talk about
13:04typography in our battle against the AI
13:07slop monster. One of the things that we
13:09need to do is genuinely upgrade our
13:12ability to use better fonts. And the
13:14reason for that, and you can just have a
13:15look at this as for instance, fonts
13:17change everything. It's like the biggest
Fonts Transform Everything
13:20difference. I remember when I did my
13:21corporate job, when I did my big
13:23strategy job before I left to become an
13:24entrepreneur a few years ago, and I
13:26always remember any doc I got, the first
13:27thing I did is control A, change it to
13:29Avenir or just any font I could get my
13:31hand on in that terrible Microsoft Word
13:34that I I was stuck in. So, fonts change
13:36everything. There's so many different
13:38fonts. It is a rabbit hole. But what do
13:39I mean by that? Well, there's actually a
Free Fonts That Elevate Design
13:41load of really free fonts you can play
13:43around with. I I talk about them all the
13:45time inside the community. But all these
13:46fonts here are completely free that you
13:49can actually use. And it's dead simple
13:51to integrate. I really love
13:52fontself.com. They're not a sponsor or
13:55anything. fontself.com because it
13:56actually shows you what fonts look like
13:58in real life situations. Fonts in use is
14:01another really good example of that. You
14:02can see like, "Wow, this looks really
14:04cool." And you can get different
14:05ideations from this. Now, practically
14:07speaking, I built this system inside my
Design System Font Selector
14:09community to help people with design
14:11systems. And one of the things I added
14:13in there is this graphic section here.
14:15Now, the cool thing about the graphic
14:16section is when it goes ahead and
14:18designs your website, it effectively
14:20shows you what that looks like, explains
14:22the construction rules, it shows you the
14:24asset inventory. Again, this is all
14:26completely unique generated imagery. Uh
14:29it shows you kind of like a model sheet
14:30that you can follow with an ideal color
14:32palette. But beyond that, if you
14:34actually scroll down, you can see that
14:36what it does is has all these different
14:38fonts you can choose from. And you can
14:39actually come down and select these.
14:41Now, what's cool is I've added in a
14:43recommended selector. And essentially
14:45what the AI does is has a look at what
14:47the brand is about, what it's doing,
14:49what it's not doing. And then we'll
14:51essentially say, "Well, you're going for
14:52like a modern SAS look." And based on
14:54that information, you want to evoke like
14:56trust and confidence, you want something
14:57that's got the right level of kerning,
14:59all that sort of stuff. And you can
15:00literally come down and just see the
15:02fonts that you want. All these are
15:03available. You can play around with
15:05them. You can click them and basically
15:06change that if you wanted to see what it
15:08looks like. Which I think is an
15:10incredible thing. So, you always want to
15:12check the licensing on fonts. I wouldn't
15:14personally be adverse to buying a
15:16brilliant font. I think it's worth its
15:17weight in gold. But there are so many
15:19free fonts that you can play around
15:21with, and it will honestly just elevate
15:23and lift the quality of any design that
15:26you're doing. Oh, fonts are one thing,
15:27but if you don't have this next-level
Level 4
15:29solved, none of this is worth anything.
15:31And of course, it is the copy. I could
15:34have the best design, the best, most
15:35beautiful graphics on the planet, but
15:38there's one simple thing. If this copy
15:40is terrible and doesn't look good,
15:43nobody's really going to buy from it
15:44because it's just the biggest giveaway
15:47in the world is the copy. The copy has
15:50to look absolutely beautiful. I mean,
15:51just look at these beautiful images
15:53we've got here, guys, the different the
15:55different things that we offer here on
15:57Neuro. I mean, this is got I'm about to
15:58sign up. I'm about to get my credit card
16:00out and sign up to this service.
16:01Honestly, I'm 2 seconds away from buying
16:03it. That's how good this design is. But
16:05when it comes to copy, it genuinely
16:08really is everything. It's super duper
Copy Makes Or Breaks Sales
16:10important. It changes It really just
16:11changes what it things are perceived.
16:13Now, one skill I did share as well, and
16:14I'll share this skill with you down
16:16below in the copy. And by the way, if
16:18this sounds like I'm speaking design
16:20Spanish, I'm going to put a link down
16:21below for my Cloak Code Masterclass that
16:23will take you through the basics,
16:24building beautiful websites, power
16:26features, memory systems, Hermes Agent,
16:28building anything stuff I've never
16:30shared on YouTube. You also get full
16:31access to the entire Agentic Operating
16:34System, the Memory Operating Systems,
16:36the ability to chat with any single
16:38model, and my exclusive design operating
16:41system, which is so freaking cool. I'll
16:43put a link down below. It'll save you so
16:45much time and get you to a level you
16:47wouldn't even imagine. It is so amazing.
16:49Now, let's come back and chat about the
16:51actual copy here and what that
16:52physically looks like because it is
16:54really, really important. So, one of the
16:55copy systems that I actually built was
The Copy Slop Killer System
16:57this great thing. And essentially, what
16:59I wanted to do is you can take any copy
17:01on a website and you can run it through
17:02a system. Now, what this effectively
17:04does is it checks it for multiple
17:06things. First thing it does, it kills
17:07the AI slop. So, it identifies what are
17:09all the features that AI writing has and
17:11are incredible GitHub repos that I
17:12brought in for this specific reason. Any
17:14signs of AI writing, we're going to run
17:16it through GPT 5.6. We do this because
GPT Humanizes Your Copy
17:20Claude is so prolific, its greatest
17:22strength has in a sense become its
17:24biggest weakness cuz everybody's using
17:26it, right? So, GPT 5.6 just makes it
17:29sound a little more human rather than
17:30Claude-esque. We get world-class copy.
17:32This has been trained on things like
17:34what are the best marketers actually
17:36saying? What it also does is it
17:38identifies, for example, what are the
17:40brands that you're using? So, for
17:42example, if I'm building a website cuz
17:44the point of the website is to get
17:45customers, right? If I'm building a
17:46website on a SaaS, let's look at the top
17:49five SaaS companies in our niche, and
17:52what are they all doing that the losers
17:54aren't doing? Like, what can we learn
17:55from what's actually crushing it? And it
17:57takes that copy and that edge and that
17:59design and brings it in to the actual
18:02copy. So, not only is it got the
18:03AI-ification, it's it's adjusting the
18:06sales copy for you as well. It has a ban
18:08list for words, certain ways of doing
18:10it, runs it through many different
18:11things. The five big principles are the
Five Copy Principles That Convert
18:13below, and I say this because I
18:15genuinely matters to me that you crush
18:16and you can apply these principles
18:17anyway. Don't make me think. One of the
18:19best books I've ever read. Whole idea is
18:22you want basically system one thinking,
18:25not system two. In other words, when I'm
18:27on your website, I shouldn't have to
18:28engage my brain. I it should just roll
18:30over me. And that's the purpose of great
18:33design and great copy that I don't have
18:35to think difficultly. If I said, "Hey,
18:37it's 29.62%
18:39and you've got to take the square root,"
18:41all of a sudden you've lost me. You're
18:42making me do too much work to understand
18:44it. That's why thumbnails that are
18:46simpler tend to do better as well. Name
18:48the pain first, and this is from Daniel
18:50Priestley's marketing system. It's very,
18:51very cool. Specific assignment one ask
18:54per screen. This is something I always
18:55do. One page, one thought, which is why
18:58you'll often find, even on our system
19:01here, if I just duplicate this and show
19:02you, check this out. I come to the
19:03website. What's the idea?
19:05I'm on one screen. We call this a kind
19:07of like
19:08I've got a specific name for it, but the
19:10height is it like everything fits in one
19:12screen view, and it's got one point. And
19:14the point of this is to get started.
19:15Then the next one is the demo. And then
19:17this one is one again one screen one
19:20point. As you can see, it's really
19:21important. This one here, download the
19:22app or whatever the specific thing is.
19:24All that to say, it's built on
19:26everything, but it doesn't mean anything
19:28unless it's actually good. So, let's see
19:30what's happened here. So, this is
19:31actually suggested change 28 lines. Let
19:34me show what I mean. So, instead of get
28 Copy Improvements Applied
19:35started, start free. Way more
19:37compelling. Get genuinely good at AI 5
19:40minutes at a time. Everyone uses AI,
19:42almost nobody is good at it.
19:44Interesting. You go here, Nura is 5
19:46minutes a day of real prompting.
19:48Problems marked the second you answer,
19:49you stop guessing at what works.
19:51Beautiful. Get started start your first
19:52lesson is specific. And again, and it
19:54just comes down and explains everything
19:56it's doing. It's really really freaking
19:57impressive. Like check this out for
19:58example, instead of saying 5 minutes
20:00wherever you are, 5 minutes on the train
Copy That Creates Visualization
20:02counts. That's so good because now I've
20:04got a visualization of like, hey, I'm on
20:06the train. I'm doing something that
20:07actually matters. It's really really
20:09impressive. Instead of go further with
20:10it when 5 minutes isn't enough. Instead
20:12of get started, start your first lesson.
20:14So, there's like a million different
20:15things it could down here. I think it
20:16found actually 28 different changes that
20:18it went ahead and moved through this.
20:19I'm also going to be updating this to
20:21apply like more logic as well, which I
20:22think it'd be really cool to level up
20:24the system. And the other thing that the
Full Design System Documented
20:26system did as well is actually go ahead
20:27and build a new design system. So, you
20:28can see it basically shows you the
20:30typography, how it works, all the
20:31different buttons. And the cool thing
20:33about a design system is it shows you
20:35how you log in, how you do everything,
20:36your color palettes, all that sort of
20:37stuff. So, essentially what it means is
20:39that if we need to recreate any of the
20:41pages, any systems, we've got like this
20:43design system locked in. And honestly,
20:45don't underestimate the power of image
Video Generation Elevates Everything
20:47and video generation. I use this
20:49platform a lot, and one of the
20:51interesting things that I often find
20:52when I'm using it is it just really
20:55elevates the website, any kind of
20:56interactivity. And bear in mind, we
20:58could go back and forth to make this
20:59like level 10. I just want to show you
21:01what when you combine the best in class
21:03prompting, you know, cool design, the
21:05right kind of image and video generation
21:07like we use the Hexfield in this
21:08example. Just the kind of thing that you
21:10can get that doesn't feel like AI slop.
21:13And so, what's also important to bear in
21:14mind is that any fonts you're using,
21:16just make sure that you have the right
21:17license for it. So, some are free for
21:19personal use, but commercial will not.
21:20So, just make sure that you're locked
21:21and secure with that. Then also, when it
21:23comes down to design, I used Duolingo as
21:25an example here. In reality, you want to
21:27combine multiple different designs to
21:28create something unique and your own
21:30particular style. I'm just showing you
21:32what is possible here when you do this.
21:33So, in reality, I wouldn't copy this
21:35step-by-step, and I would be changing
21:37certain things out. I'd be doing
21:38different design systems, but you can
21:39see how you can take any principle,
21:41essentially, whatever you imagine. If I
21:42wanted to do the AI of Duolingo, we have
21:44just built it like in this video. That's
21:47how freaking cool it is. We've got our
21:48own graphic style. We've got our own
21:49images. It is literally outrageous. But,
21:52it does lead us onto a big problem, and
21:53that's the fact that design systems are
21:55great, but if you don't have your own
What's Next
21:58agentic operating system that combines
22:01designs with productivity and
22:04automations and AI, and really unlocks
22:07next-level capabilities for you, you're
22:09leaving way too much on the table. So,
22:12the next thing that we need to do is
22:13learn exactly how to do that in this
22:15video right here.