Hello there. I am Terry and I am a full-time undergraduate based in Singapore. I take photos, write a blog and design websites.

And no, I'm not a teddy bear.

Id’s Awesome New Layout!

Header Design - NotBrainwasherSafe.com

My hands were itching to write a review when Id @ Notbrainwashersafe.com released her fresh new WordPress layout, Soothing, on her private blog. It’s rare to see a layout that leverages on pastel colours, and more important, to see a layout that did well at using it! More often than not, most pastel-colour based layouts are either too flashy for using a plethora of colours, or are either fail to make good use of colour combinations. Id has done an excellent job for her new theme – and here are a list of my loves for her layout:

Header design and overall impression

NotBrainwasherSafe LogoColourful, simple and huge, but does not distract readers and visitors from the blog content. Many blogs have headers that are way too big – either they do not take into account that more than 50% of Internet users are still sticking to their 1024px wide monitors, or they take up so much vertical space that reading the first line of text means scrolling – which is not that visitor-friendly afterall.

*On a side note, although Id’s main photoblog has a relatively huge header before the content starts, she manages to incorporate useful links and even a nifty twitter feed in the header – now that’s brilliant!

With that small space, Id still manage to give life to pastel colours – the mirror effect of the floral and circular patterns at the top, and a whiff of artistic sophistication through the sketches of a home, trees and a cute bird to the right.

I guess the artistic inspiration of Id is from her experience with interior design, which stresses a lot about giving visitors a huge, bright living space (as seen from her light background and colourful floral and circular patterns).

Oh, that rustic feel!

Floral Patterns - NotBrainwashersafe.comId theme never fails to incorporate environment and nature into her designs. For this time, we have blooming and light-coloured spring flowers scattered throughout the page that coexist peacefully with the general layout and content – they don’t end up screaming for atttention, but instead, serve to complement her design by serving as visual markers.

Not to forget the rustic feeling of the faint, bleached wood background – they add this country feeling to the overall layout, that is not too distracting as she have bleached the woody, earthy tones out to fit the pastel coloured theme.

Colourful page borders

Colourful page borders - Notbrainwashersafe.comBy combining an online background generator tool as well as a nifty CSS trick (which is also IE6 compatible, surprise!), Id creates a comfy border around the page so as to keep you entertained as you browse through her published items. It’s not easy to capture a reader’s attention visually, especially in very long web pages (such as blog archives, or exceptionally long posts). Id strikes a balance between keeping her reads focused on her blog content and being entertained by the colourful page borders. She is very nice to share the links - ColourLovers for the background generator tool and HicksDesign for the CSS page borders.

Typography

Typography - Notbrainwashersafe.comTypography is extremely important – it represents the visual aspect of text your visitors are reading. I like how Id has capitalised the text for her post titles as well as second-level headers (well, they call them <h2> in HTML). The colours of the headers, text and links are carefully chosen – they all complement the overall feel and appearance of the theme. Instead of opting for striking, smashing colours, Id has chosen soft, summer-like ones instead, giving her blog a unique charm through text alone. Even without graphics, her blog will still look great!]

I also adore that particular shade of grey and lavender purple mix for the general text – it has enough contrast to distinguish it against the pale background, but it’s not too dark to make it stand out awkwardly against the colour scheme. Id must have invested a considerable amount of effort to get the perfect colour combinations :) awesome work!

Footer

Who says we should reserve unwanted, backup-only and ditched designs, as well as awkward colours for the footer? It deserves attention and love as much as the blog header. Id never gave her blog footer the cold shoulder – she even went an extra mile to make it beautiful, attention-grabbing and unique:

Footer Design - NotBrainwasherSafe.com

It’s terribly kind of Id to mail me a screenshot of her blog footer, since it’s the person who’s writing the review that is supposed to be doing the screenshots. Thanks for the extra help!

I definitely love how she has created a personalised container for each section of the footer – one each for recent comments, recent posts and etc respectively. Unlike me who throws in all the SEO junkie into the footer, she makes the footer navigation visitor-friendly as well. The combination of pastel colours, clip arts and flowers is perfect here – and I’ve ran out of words to describe it’s beauty, pardon me for my bad English.

Note

Id’s blog is private and thus you’ll need to contact her before you could advance any further. Please respect her privacy :razz: thanks!

Burn after reading » Now you're done reading. What's next?

Related

Related posts that might interest you:

Popular

Posts that are popular among visitors:

Share it

If you've enjoyed the post, or think that it might be useful to others, do share in on a social network site that you're using. Thank you!

  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • StumbleUpon
  • Technorati
  • LinkedIn
  • Reddit
  • Design Float
  • Identi.ca
  • Live
  • Ping.fm
  • Print this article!
  • Twitter
  • Netvibes
  • HackerNews
  • Slashdot

13 responses to “Id’s Awesome New Layout!” » Leave a response

  1. razifmustaphaResponse

    yay! i’m the first to comment! hehe. By the way, how can i view this ID’s layout? Any URL? and those two links ColorLovers HickDesign quite impressing and lot of stuff to rowks my blog. huhuh. pardon me for my bad english!

    Check out razifmustapha’s last blog post: Bangunan Cahaya Refleksi

  2. lettiResponse

    hiya teddy. those are wonderful pastel colours! very nice. I’ve been downloading some photoshop brushes to play around with. I love photoshop. LOL

    Check out letti’s last blog post: Tyre Trouble

  3. KNizamResponse

    man this is such a cool blog. i like the design, hehe :mrgreen: any free themes here ?

    Check out KNizam’s last blog post: Response Tun Dr M via CheDet.com on Him Being The “Duri Dalam Daging” for UMNO

  4. teddYResponse

    @letti:
    Oh same here! Anyway I just discovered a few weeks that there are many types of brushes and textures in Photoshop – I just didn’t bother to look for them! I think what Photoshop gives us is artistic freedom, since it’s resources are pretty much unlimited!

    @KNizam:
    Haha thanks! I don’t have any free WordPress themes over here though, sorry!

  5. AnnaResponse

    WOW! That is one hell of a layout. I like the one she posted at notbrainwashersafe.com, too – it’s very tropical. :mrgreen:

    Check out Anna’s last blog post: Job status

  6. AisyahResponse

    OH WOW. WOW. WOW.

    I’m so speechless. and I envy her.

    Check out Aisyah’s last blog post: Stop Calling Him ‘Abang’

  7. saffaResponse

    I’m so jealos lah.. :???:

    Check out saffa’s last blog post: Untitled

  8. NoktahHitamResponse

    That is probably the ‘sickest’ wordpress theme around. Beautiful!

    If only I could drop that grunge and metal look.

  9. IdResponse

    I cannot believe that I am ridiculously late in commenting here, but I just want to say: THANK YOU THANK YOU, Teddy, for this wonderful review! And to the commenters as well. =)

    Check out Id’s last blog post: Late Night Conversations.

  10. yienyienResponse

    teddy.. hmm.. i just love ur blog.. i wana learn to design my blog layout.. how shud i start? =(

    yienyiens last blog post..Verinice @ Boulevard

  11. WebomatikResponse

    blog footers may be not an option, but excellent way for design display. just posted about it with my favorite footer’s list. all the best.

    Webomatiks last blog post..Best Blog Footers are Standalone Creations

Leave a Response » Share your thoughts or Return to top

Your name is required. Why?

  • So that I can address you personally (which I'm more than happy to do).
  • Everyone loves their name to be called, right? Nobody wants to be referred to as 'a certain someone' or Mr X (X-Men members aside).
  • If your post too much spam, your name will be imprinted on a personalised voodoo doll, completely free of charge. I'm just joking!

Your email is needed. Why?

  • Your email is, and will, never be given out to any third party under any conditions (except for people sneaking up behind me when I'm on WP admin).
  • So that I can contact you personally in case of certain issues that I wish to address personally.
  • If you post too much spam, I'll email the same spam you've posted 10 times back to you, completely free of charge.

You can always leave a personal URL behind

  • It can be anything - most people put their blog URL, their facebook page, their Twitter URL, their MySpace or etc.
  • I give love back by saying NO to no-follow. All of your webbie links are dofollows instead.

Twitter. Twitter. Twitter.

  • What is Twitter?: Twitter is a social networking and micro-blogging service that enables its users to send and read other users' updates known as tweets. Tweets are text-based posts of up to 140 bytes in length.
  • What is my Twitter ID?: To get a Twitter ID, you simply have to sign up for an account at Twitter.com. Your ID will be in the format of your profile's URL - http://twitter.com/[userid].

Comment notes

  • Gravatar: You can register for one at Gravatar.com
  • XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">
  • Codes: Wrap them up with <code></code> tags.

Hello Easter Egg hunter! You've discovered the magic of the Konami Code!

Yea. You probably know what the Konami code is before getting to this page. So now what? Here is a randomised YouTube video on my favourites list... which includes Rickroll, if you're luck enough to get it.

You are currently watching Natasha Bedingfield - Unwritten. Loving it? You can even watch the video in its full screen glory :)

The Konami Code:
Konami Code sequence