So, you’ve got your subject matter and also you’ve nailed your angle. You’re chewing on the bit to create your blog, however don’t understand where to begin on its appearance. Well, don’t worry, we’ve compiled 10 complete blog layout thoughts to get you on the right track. From header pictures to layouts on your articles, we’ll stroll you through a few blog examples that cowl all your bases.
Perfecting your blog layout —
Whether you’re an agency supplying a service and need to share more with your clients, or a person looking to share your passion and understanding with the wider world, a blog is an essential way to connect to your target market. They may be standalone, driving visitors on your posts or they may be a part of a larger website, driving clients to your merchandise.
Illustration by OrangeCrush
A blog may be a fantastic window into who you’re as a brand or individual and what your passion is. Your blog also can inspire people to observe and share your content material on social media or sign up for an e-mail newsletter. Your blog layout desires to express all of this in a visible manner. So, let’s dive in. Define your blogging brand with these innovative blog layout ideas —
1. Be sophisticated with full-screen photographs
You need to appeal to an advanced fashion or lifestyle target market, however, don’t realize wherein to begin? You can’t go wrong with taking a few pointers from the blog layout instance below. Note the way it makes use of a full-screen slider with a stylish, sultry style image as the backdrop. The sophisticated hues and layout scream high-end style, at the same time as the titles of the news articles, in white, leap off the page. The placement of the social media icons in the top left is one of the first factors you spot and this encourages the visitor to connect and begin a discussion.
2. Keep it minimalist
Ok, so you’re a no-nonsense type of individual and you simply need to get the message across absolutely and succinctly without the clutter. A minimalist, easy-cut approach, should work well for you. Using one or more hues and formidable headers with masses of the white area can get your precious points across efficiently. This fashion is frequently favored by tech blog design ideas or organizations like Apple who need to emphasize the pictures of their merchandise or illustrate a technique or feature.
3. Get serious with a corporate style
If your blog is extra focused on supplying precious content material about expert offerings then you’ll need to take a critical, truthful approach. This is frequently expressed through darkish headers, smooth images, and office/business-based imagery, like below.
4. Create an OMG moment
Do you need to create a lively and active experience on your hip, younger target market? Then you can use uncommon and amusing imagery. Bright hues and ingenious imagery will virtually get your visitors excited.
5. Spend time over texture
The featured images used on certain blog design ideas really make them stand out from the tech crowd. The gradient hues shapes appear on top of a stained gradient backdrop, giving them a soft and eye-grabbing look.
6. Tonal, perceptual illustrations for tech
Sometimes less is more and for cutting-edge tech organizations nowadays it’s absolutely a trend. The line-drawn shape is set back in mild gray so that the title incorporates some punch. It’s fantastic for focusing customers on the titles.
7. Cartoon elements add persona
Unusual hero photos like the cool cartoon display show readers your brand persona. It introduces readers to your character and invites them to attach and consume more content material. In all instances, while using pictures to your blog make certain that you use ALT tags, titles, and outlines when putting your pictures. This permits screen-readers and engines like google to study your content material and make it extra accessible.
8. Combine photographs with graphics to add depth
It’s simply you, you, you! Maybe you’re a speaker or representative and also you need to put prime attention on yourself. If that is the case, then why not make yourself distinguished at the homepage? The hero image pumps out persona together with cutting-edge pictures and a block-hued background. Along with the highlighted text, this hero image virtually leaps out of the web page.