Id’s Awesome New Layout! 13 

  Design.

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!

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

  1. Gravatar Image
    Posted May 21, 2008 at 9:29 pm |Permalink

    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

    Respond to this comment »

    Gravatar Image
    teddYresponded:
    Posted May 21, 2008 at 11:04 pm |Permalink

    Haha! The layout that I’ve reviewed is currently in use in her private blog - which means you need to contact her for a password. But she does have a main photoblog at Notbrainwashersafe.com. Yea the two websites she’ve linked are insightful and inspiring!

  2. Gravatar Image
    lettisays:
    Posted May 22, 2008 at 4:31 am |Permalink

    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

    Respond to this comment »

  3. Gravatar Image
    KNizamsays:
    Posted May 22, 2008 at 9:11 pm |Permalink

    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

    Respond to this comment »

  4. Gravatar Image
    teddYsays:
    Posted May 22, 2008 at 9:32 pm |Permalink

    @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!

    Respond to this comment »

  5. Gravatar Image
    Annasays:
    Posted May 24, 2008 at 10:04 am |Permalink

    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

    Respond to this comment »

  6. Gravatar Image
    Aisyahsays:
    Posted May 25, 2008 at 6:02 pm |Permalink

    OH WOW. WOW. WOW.

    I’m so speechless. and I envy her.

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

    Respond to this comment »

  7. Gravatar Image
    saffasays:
    Posted May 25, 2008 at 7:25 pm |Permalink

    I’m so jealos lah.. :???:
    Check out saffa’s last blog post: Untitled

    Respond to this comment »

  8. Gravatar Image
    Posted May 25, 2008 at 11:51 pm |Permalink

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

    If only I could drop that grunge and metal look.

    Respond to this comment »

  9. Gravatar Image
    Idsays:
    Posted June 1, 2008 at 4:22 am |Permalink

    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.

    Respond to this comment »

  10. Gravatar Image
    Posted August 16, 2008 at 5:33 pm |Permalink

    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

    Respond to this comment »

    Gravatar Image
    teddYresponded:
    Posted August 22, 2008 at 11:00 pm |Permalink

    Greetings yienyien! If you want to learn how to design your own blog layout, you can start by reading up on the common usages of XHTML and CSS. If you have prior knowledge about these two, you’re good to go! What you really need later is to plan your blog layout - usually I’ll write down ideas that I have in mind in my notebook or sketchpad and then refine on a few selected ones when I have time.

    After finalising on your design, you can start creating the theme files needed. I highly recommend you to start with Plaintxt’s Wordpress Sandbox Theme because it is almost free of CSS rules and has dynamic classes and etc.

  11. Gravatar Image
    Posted August 25, 2008 at 7:16 am |Permalink

    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

    Respond to this comment »

Leave a comment » Shout out. Be heard.

Your email is never published or shared. Required fields are marked *

Comment notes » It's important - read it