May 3, 2013 3:13 pm

New pink and aqua theme!

Wednesday afternoon, I was struck with inspiration after reading some articles on the “flat design” trend happening right now and after a couple of days of off-and-on work, oipom.com has its first new design since (oh gosh) AUGUST OF 2008?!

I’d been meaning to update my previous theme for a while; it didn’t support threaded comments, I was using images for everything (vs web fonts) and, while I still really liked the design (semi-flat! before it was popular!), the copy was really tiny and I kind of like the giant copy trend happening at the moment.

This was one of my first experiences “designing in the browser” – I barely used Photoshop at all. It was also my first time using SVG graphics. I don’t get to do a lot of this kind of stuff at my job, so it’s nice to be able to experiment with HTML5 and SVG and mobile-friendly themes. This theme also has an updated favicon and Apple Touch image, so if you bookmark my site on your mobile device (no one will do this but hey) it should have a nice bright pink logo.

Still to do:

  • Fix some weirdness on the mobile layout
    Now that I have an iPhone, I actually care about this sort of thing! I think the threaded comment links are missing and it could use some pixel-pushing, but it’s readable as-is for the most part.
  • Update logo to SVG
    Desktop looks fine – you can’t tell – but oh gosh, what a difference this would make on the mobile layout. I think the logo would be an okay SVG candidate as it’s pretty vectory anyway.
  • Other refinements
    The archives page is kind of broken (I think the jQuery UI isn’t coming in or something) but it’s still usable.
    Type-related quirks, like sentences getting messed up if it contains an ellipses.

If you notice anything that looks really out of whack, PLEASE tell me and I will do my best to fix it! Also, let me know if you miss the “most recent tweet” gizmo – I debated on whether or not I should keep it and decided that I’d ditch it for now unless somebody says otherwise.

File Under:

11 Comments

  • Melissa says:

    I have no idea what flat design is since I don’t do this stuff for a living, but if this is what flat design looks like, I love it! I love the colors and fonts you used.

    • Meggan says:

      (For a second, I was like WHY CAN’T I REPLY TO YOU but then I realized I had to check the “enable threaded comments” setting. It had been on in my local test install already. )

      Yeah! Thanks! Flat design is mostly characterized by a lack of gradients, I guess, so things look “flat” instead of 3D/shaded.

  • Tracy says:

    It’s so plain and simple and nice – I love it. The colors harmonise well.
    The only thing I noticed is that, in my view (Firefox 20.0, Mac OS Snow Leopard) the search button doesn’t align with the search box, for like 1 pixel! Not worth mentioning, maybe it should be like this, but that’s what I noticed :)
    Have a nice weekend!

    • Meggan says:

      Agggghhh yes you are right, it looks fine in Chrome and on FF on my computer, but they were 1px off from each other for a while so that doesn’t surprise me. I don’t know how some people get those to line up so easily!

  • Melissa says:

    AHHHH I loooove it!! Fab job!! :D :D :D

    • Meggan says:

      Thank youuu! I decided to just go for it since the design itself was so simple. Once you said you were thinking about redesigning I was like FINE OKAY YES I CAN DO THIS.

  • Cristina says:

    I love it! I think the only thing that’s throwing me off is that the font seems unusually big. Maybe I’m just used to 14px sized fonts, haha! And yeah, what you mentioned about your logo and the comments on mobile was the only thing I noticed. Other than that, HOORAY!

    • Meggan says:

      I tweaked the comment font sizes a bit so they’re not quite as big; I had considered doing that yesterday but I left it overnight and when I came back this morning I was like OMG HUGE.

  • Hev says:

    I love it, Meggan! You did a wonderful job on it. I love the colors & the layout.

  • Aisling says:

    This is so adorable and I love it! I think the comments might be my favourite part, and the colours! I love bright colours in contrast with dark grey. :)

  • Jem says:

    Super CUTE. I have been thinking about doing something with my site because now I have a smart phone it’s annoying me that it’s not particularly mobile friendly, so I’m just going to steal your design, OK ;D