It's time for another landing page from scratch video! As usual, you'll get to look over my shoulder as I create a landing page and comment on what techniques and elements I'm using as well as what we can learn from the design I'm replicating.
This time, the landing page that was suggested for the video is none other than Neil Patel's homepage.
An Easier Way to Find Colors
In the video, you'll see me use the browser console and "inspect mode" to find color codes on any webpage. In the last demo of building a landing page from scratch, commenters pointed me towards an even easier solution: ColorZilla.
ColorZilla is a browser plugin which gives you a simple eyedropper tool. Just click on anything in your browser and it will tell you what color it is. It will even copy the color code to your clipboard, so it's ready to paste into your editor right away.
An Easier Way to Find Fonts
Similarly, you can use a browser extension called WhatFont to have a more convenient way of figuring out the names of fonts that you encounter around the web.
The Upside Down Homepage
At Thrive Themes, we're great advocates of the idea that your homepage should be a landing page (see here and here). And we like the upside down homepage concept so much that we made a whole separate post about it, here.
In the video, there are some points I don't go into great detail about, because those points were already covered in previous videos.
Specifically, you can see exactly how you can find a matching style of font (or even the exact font used) for any page in this tutorial. And you can see exactly how to use the browser console to find fonts, colors and other style information in this video.
Over to You
I hope you enjoyed this new landing page from scratch video. What did you learn? What would you like to see more of? Are there any pages you've found that you think we should make a video about?
Let us know by leaving a comment below!