28 Stylish Article Headings, Date & Meta Data Designs

May
31

13 Comments - LEAVE A COMMENT

There is nothing that will grab the attention of visitor’s to your blog like a creative and thoughtful eye catching title/date/meta data design.

The most important aspect of a blog is the content within it. It doesn’t matter how great (or poor) your design is overall if the attention of your visitors isn’t being directed to your content. And the best way to get people reading your content is with a snappy title that grabs their attention by both how it looks and what it says.

That being said, good design for a blog post’s title (date and/or meta data) does not necessarily mean that it needs to be blinged out to the nth degree with graphics, icons and backgrounds/textures. Good choice of fonts, color, and arrangement of the information is the basic architecture you need to start with. Once you have your frame developed, choosing to add in accents such as background images and extra design elements that will pull the eye to the titles may be beneficial.

I did a some research and handpicked 28 different blog title designs that I believe are awesome examples of effective and well designed titles, date and meta-data designs. Some have extra design elements that pop and help draw the eye to the title. Some have no graphical elements at all – relying merely on awesome typography and the arrangement of the data. All draw the focus to the article title, where users will be able to make a decision if this is the right content for them.

Loodo - Stylish Blog Titles, Dates and Meta Data

Loodo

Janko At Warp Speed - Stylish Blog Title, Date and Meta

Janko At Warp Speed

Veerle - Stylish Blog Title, Date and Meta

Veerle

Noupe - Stylish blog title, date and meta data

Noupe

web designer wall - stylish blog title, date, metadata

web designer wall

Rogue Dolls - Stylishing blog title, meta data and dates

Rogue Dolls

css-tricks styled blog date, title, meta

CSS Tricks

Title, Date and metadata design

Smiley Cat

Line 25 - Styled Blog title

Line 25

Particletree - Stylized Title, Date

Particletree

Snook - Styled blog date, Styled blog title

Snook

A List Apart - Typography blog titles

A List Apart

Bang Photo - Stylish Blog Titles

Bang Photo

Necks Are For Sheep - Blog title typography, Blog Date Styles

Necks Are For Sheep

Cynosura - Awesome Blog Date Design

Cynosura

Good Is - Blog Post Title Typography

Good Is

Awful Drawings - Blog Date Design

Awful Drawings

WeGraphics - Blog post title typography

WeGraphics

52 Weeks of UX - Blog Article Title Typography

52 Weeks of UX

BEAVORY - Blog Post Title Design

BEAVORY

Rainypixels - Blog Post Title Typography, Blog Post Title Design

Rainypixels

FiveWords - Blog Design Post Titles

FiveWords

Solid Giant - Article Title Typography

Solid Giant

Foundation Six - Blog post title design

Foundation Six

Christoph Zillgens - Blog Post Typography

Christoph Zillgens

iemai - blog typography

iemai

designBastard - Blog Article Typography and Design

designBastard

Douglas Menezes - Blog post title design

Douglas Menezes

Jump to Comments

13 Responses to 28 Stylish Article Headings, Date & Meta Data Designs

  1. tek link says:

    Nice and usefull article thanks sharing..

  2. Ren says:

    Thank you for featuring my website here. The other links have very inspiring header designs as well.

  3. krembo99 says:

    footer & header designs are all over the web – but finally someone gives more atention to metadata ..

  4. krembo99 says:

    footer & header designs are all over the web – but finally someone gives more atention to metadata ..

  5. […] really means a lot to me. Thank you to all the sites mentioned below:CSSManiaVandelay DesignWeLoveWPCssGirlBlog Design LabNoupeEntheoswebWeb Design Showcase…and to all the sites/galleries that I may […]

  6. great blog, i learn so much. keep it up!

  7. David says:

    Thanks for these examples, they’ve given me good some inspiration for building my site’s custom wordpress theme.

  8. fysisoft says:

    Nice sharing, thanks dear

  9. zac says:

    cool examples, just what I was looking for!

  10. Hmm is anyone else experiencing problems with the images on this blog
    loading? I’m trying to determine if its a problem on my end or if it’s the blog.
    Any feed-back would be greatly appreciated.

  11. Willem says:

    I love clean designs. Hopefully people can understand that more is not always better.

    thank you for this article great tips.

Leave a Reply

Your email address will not be published. Required fields are marked *