10 Web Design Elements All Blogs Should Include

Are you looking at your web design day after day wondering how to improve it?

Or maybe you are just starting out and overwhelmed by the number of choices you have to make when creating the best blog design possible.

web design

Web Design Tips All Bloggers Need To Know

Read on to discover 10 web design elements all blogs should include!

1. Attention Grabbing Header

If you could only invest in one web design element for your blog, I’d tell you to make it the header. Your header is your first impression. Make it count! Your header sets the tone for your blog and lets readers know what to expect from your site.

2. Complimentary Color Scheme

Color can make or break your blog design. You want to pick colors that represent your style, your life, and your niche, but be sure the colors compliment one another and invite readers to stay. Study up on what your color choices say about you and your blog and pick a palette that works!

Did you know that…

  • Pink signifies romance, love, and friendship. It denotes feminine qualities and passiveness.
  • Brown suggests stability and denotes masculine qualities.
  • Reddish-brown is associated with harvest and fall.
  • Light yellow is associated with intellect, freshness, and joy.
  • Aqua is associated with emotional healing and protection.

The list goes on and on!

Read more about color meaning and learn about what message your site could be sending.

3. Reader Friendly Font

There are a few deal breakers for me as a blog reader, and bad font is one of them! If it’s not easy on the eyes, I won’t come back. Choose a font that you would want to read.

What are my font deal breakers?

  • light fonts on dark background
  • overly fancy or swirly-twirly fonts
  • font that’s too big/small

4. Easy Navigation

Don’t make your readers work to find your fabulous content. Place a navigation bar with clear categories and pages somewhere at the top of your site. Make it easy for readers to move from one post to another with a next page plug in. Visitors are more likely to stay if they’re comfortable!

5. Mobile Friendly Web Design

Let’s face it. If your readers can’t read you mobile, you’re missing out on a ton of traffic! Talk to your designer about a mobile friendly web design or install a plug-in that easily converts your site when a mobile device is detected.

6. Unique Author Profile

Who are you? What makes you unique? Why would a new visitor want to read your blog? Let your personality shine through in just a few lines. Include a picture, so readers can remember your beautiful face.

7. Subscription Options

Turn first time visitors into returning readers! Make sure you have subscription options available so new visitors can easily subscribe to your blog posts.

8. Search Bar

A simple search bar is like an open front door. It allows readers to look for the content they’re interested in and invites them to look around. It’s a simple must-have!

9. Popular Posts

Spotlight your best work with a link to popular posts or create a landing page in your navigation bar with a “best of” list that includes the links to the posts that mean the most to you.

10. Smart Feet!

Ya know that area all the way at the bottom of your blog? Use it! Your footers are a great place to put buttons and badges, Instagram feeds, or links to other posts. This is a place where you can say one more thing. What do you want readers to know? It’s also the perfect place for a final call-to-action. What will you ask for?


Looking for posts similar to this one on the top web design elements? Then be sure to click through the below links or head over to our Facebook fan page to continue the discussion!

Google Plus Basics: What You Need to Know
Turn Your Blog Into a Business in 2014


  1. This information is a great for a newbie like me! I am always looking at ways to improve my site. It is so OFF right now and these tips may help.

    Thank you again!

  2. Great tips – a well rounded list. Thanks.

  3. What wonderful tips! I am going through a re-design. I will be going over this list with my designer.

  4. Great tips! So much to learn here!

  5. Sorry I’m really late to respond to this–I’ve had it in my inbox because I’m working with a designer now to redesign my site (so yes, perfect timing!)

    Thanks for this. I had no idea re: colors, but I’m glad that the colors I picked are indicative of healing. Suits the direction I’ll be taking :)

  6. Fantastic blog with great tips. I especially like number 10, Smart Feet. It’s a great place to put some extra info about yourself. If your blog is linked to a company you could use it to include contact info; address, phone number, e-mail etc. If not you could use it as a space to advertise the title of your next blog to keep people coming back for more.

  7. You visit a nice send items i constantly reading your post its great aspect of work and provide better information to users for designing services thank you very much.
    web development services in hyderabad

  8. Great tips!
    When your blog is about your business activity, would you rather have it being part of you website, or on a different site/platform? For instance, my website is built with WordPress and therefore my blog is one more page of my website, this makes the overall design look the same but it might not allow me add different design/colors, etc as suggested on your tips.

  9. Great practical tips.

  10. These are some fantastic tips!

  11. thank you for the advice. It really is essential for new bloggers like me to know this.

  12. What sensible practical advice. All things that I like on other blogs and miss when they are not there. Great list.

  13. Thanks for these great tips! I’m still learning a lot.

  14. Great tips! I am still new to this so I have a lot of issues trying to figure out how to change a lot of stuff on my blog. Thanks for these tips though.

  15. These are great tips, and definitely things I am always trying to be sure I have thought about!

  16. Thank you for all the pointers!

  17. We need to work on a few of these (or most likely hire someone to help us in this area). Thank you for the tips!

  18. I recently tweaked my design and I love it! I’m always adding or redoing a little bit to it now and then to keep it fresh and better it. Great tips! Thanks for sharing!

  19. i want to redo my font again- anyone know what font is on THIS page? It looks good on mobile and computers!

    • I like the font here too. I’m not sure what it is, but it’s pretty basic. It almost looks like verdana, but that’s just a guess!

  20. Great post! Awesome ideas!!

  21. Great advice! Thank you!

  22. I haven’t done some of these. I need to get on it! Thanks for the tips!

  23. Happy SITS day! :) This is awesome!

  24. Awesome tips! Totally agree with the smart feet one…I’d been neglecting my footer for months and only recently started playing around with different ways to use it, but it’s definitely freed the clutter from my sidebar!
    Thanks for sharing :D

  25. Thanks for the tips! Going to add a search bar ASAP.

  26. Thanks for the tips, I always wondered about the Popular post list. I think I will add one to bottom of blog :)

  27. My deal breakers are definitely hard to read fonts because of color or font size. Black background, white font? No, no, and just NO. Same goes for any bright neon colors. They’re just ugly to me. I’m picky. I freely admit it and as such I work on improving my blog and colors to reflect a site people can easily read and navigate. I may have to do a few tweaks (again…lol) but that’s okay with me. The easier I can make it on readers, the better.

  28. You guys forgot one . Know the blog lingo like know the difference between a header and a logo if you are to hire a designer at least know what you need.

  29. This is great info! I have to tweak my fonts, for sure. Thanks!

    • Hey Delaney! That mango smoothie looks delicious!

      You have several different fonts and it does seem a little overwhelming when I’m reading. I would recommend (not that you asked. I hope you don’t mind!) increasing the size of the post font just a tad, and selecting one font that matches the header font for post and sidebar titles. Also, the font in the nav bar is really small and hard to read. It seems a little pixelated. Perhaps increase the size and select something a little cleaner for that, so we can see what your blog is all about at first glance.

      I love fancy font, but I think basic is the way to go for the menu bar. You want people to be able to navigate easily. Good luck!

      • Thank you! I got carried away with my fonts. I will absolutely use your input to clean it up! I think my theme has the small font size on the naval bar. I need to figure out how to change it. I appreciate your taking the time to give me some advise in it. :)

  30. I am so ready for a new design and implementing some of these tips.

    • I’m itching for something new myself, but I’m holding out. For what? I don’t know, but just not ready to bite the bullet on a new design yet.

  31. Great post Adrienne!

  32. Awesome tips. I’ve already started implementing some of tips here like mobilizing my blog.

    Thank you.

  33. Great input and advice!

    I also think it’s worth while to note that all of these (or at least 9 out of 10) can be done with a little bit of time, effort and Google! There are so many useful tutorials available for bloggers (both on Blogger and WordPress) that anyone who wants to enhance their blog and definitely teach themselves how to do it!

    Thanks again Adrienne – good read.

  34. Hi

    I think responsive design & easy to navigate menu structure are the key to success factor for a blog.

  35. Awesome post, Adrienne!

  36. Check check check! Great post…


  1. […] 10 Design Elements All Blogs Should Include from the Sits Girls. […]

  2. […] 10 Design Elements All Blogs Should Include via The SITS […]

  3. […] You can also read me at The SITS Girls this week! I’m sharing my list of 10 design elements all blogs should include.  […]

Our Story - Privacy Policy - Website Terms & Conditions