We're continuing our "landing page from scratch" series due to (very) popular demand. This time around, we're looking at a landing page example from none other than Facebook - proving that even the Internet's giants need good landing pages.
Check out the video to see what tricks related to typography, "layered" effects and spacing you discover along the way.
Links & Resources
Here are some things to help you get the most out of today's tutorial:
Finding Colors, Dimensions & More
Throughout the video, you'll see me using the "inspect" mode in the browser to find colors, fonts and some other information about the page I'm replicating. To see how that works in some more detail, go here.
Finding the Right Fonts
The site I use to filter through all the available font options is Google Fonts. Any font you find on Google Fonts is available to use in Thrive Themes products and can be used for free, for personal as well as commercial projects. This makes it very useful, as you don't have to worry about expensive font licenses, technical implementation and so on.
Quickly Adjust Margins & Padding
In the video, you can see that I clear margin and padding values very quickly. If you're wondering how that's done, the answer is very simple: it's by using the Tab key on the keyboard.
Whenever you are in an input field, you can hit Tab to instantly jump to the next input field and pre-select the content inside it. For the example in the video, I just hit the Tab and 0 keys to clear the margin and padding fields.
More Design Tips
If you enjoyed the design tips in this video, here's a post for you: 5 Rules for Using Design as a Competitive Advantage
The landing page we used as inspiration for this video is this one.
Over to You
On the last landing page from scratch tutorial, there was an amazing amount of feedback and based on that, I want to keep making tutorials like this. I also want to make sure these tutorials remain as useful as possible for you, so I'd love to know from you: what was the most interesting part in this video, for you? What was the most boring part?
In other words: what do you want more of and what do you want less of?
Let me know by leaving a comment below!