Blog theme update

After two years with a default look, Dangerous Prototypes finally has as new theme. It’s based on Starkers blank theme with custom styling.

Here’s our design goals, stolen shamelessly from our favorite sites:

  1. A smaller header with less fluff before the content.
  2. A couple bold, direct links at the top to different parts of the site. This will be worked into updated forum and wiki themes too. Inspiration: SparkFun.
  3. A place for rotating project announcements that link directly to the how-to. Inspiration: SparkFun.
  4. Three column layout. New left-hand column links to projects and sales pages. Inspiration: SparkFun, Adafruit.
  5. 600px wide center column for bigger, clearer pictures.  That’s 19% bigger than before. Inspiration: Adafruit.
  6. Still no ads, no social ‘like this’ malware, no paid referrals, no crap promise

If you notice any bugs, annoyances, or just hate the new design, please hit us up in the comments below. Compliments welcome too. The forum, wiki, and free PCB store will get the same header and color scheme in the coming weeks. All the updated themes will be released under the GPL.

Here’s a couple opportunities to get free PCB coupon or two. Make a banner for your favorite project, free PCB day, whatever, and you’ll get a free PCB code if it runs on the blog. We also need a dedicated organizer to clean up that mess of categories over here on the left. That could be worth a free project too.

A huge thanks to Robert for the amazing theme. This is the first big thing we hired-out instead of doing in-house.  The random schematic symbols in the title line and microphone over the comments were a total surprise. There’s some other Easter Eggs out there too.

Forum design goals:

  • Better coloring. There’s blue on blue text in some places
  • Less bubbly and rounded, more like the blog
  • Easier-to-click unread message buttons
  • Maybe some electronics inspired status icons
  • Same menu and header as the blog

The forum probably won’t change too much. A new color scheme, different header, maybe a few new icons.

Wiki design goals:

  • Sidebar box styling similar to the blog
  • Fixed-width column for more professional documentation-like look
  • Maybe some schematic symbols in the header lines
  • Same menu and header as the blog

The wiki serves as our project showcase and it really sucks at that. Saying we’re a soft-sell is an understatement. Things aren’t presented attractively. A wiki isn’t a great sales page.  Some styling will help, but we’re still brainstorming some ideas to better display each project without being too offensive.

Free PCB store design goal:

  • Sidebar box styling similar to the blog
  • Same menu and header as the blog
  • Better coloring

The free PCB store is ugly, ugly, ugly. Zen cart ships with the worst default theme ever. That said, the update isn’t a huge priority because we don’t actually sell anything from the store.

Join the Conversation

10 Comments

  1. I think the new site layout looks great but the Left column has too much information. Its nice to have keywords to get links from but that many just makes it unnavigable.
    Some housecleaning might be necessary to cut them down.

    1. Yeah, that’s a pet peeve of mine. I’ll give PCB codes (and maybe a project) to anyone who makes a serious effort to organize it.

  2. I don’t know if its intended, but I’m seeing a small gray rectangular thing(like the categories and buy stuff boxes but without any content), in between buy stuff and categories… Its a very small thing, but I just noticed it… I like the new look!

    1. Thanks, that was my fault. I’ve been adding some stuff like mobile theme switcher and the new rotating announcement banners.

  3. I eliminated 2.5 pages of categories. It’s way better, but still could be cut in half. Any suggestions for what could be removed, combined, etc?

    1. I think you could put together some categories, for example:

      USB, Wireless, Infrared, RF -> Comunication;
      ARM, AVR, Arduino, CPLD, MSP430, PIC -> Microcontrollers
      OLED, LCD, Parts, LEDs, Chips -> Components

      only those ones would make the list smaller.

      and when you select text it turns pink, nothing against the pink but it doesnt look nice in this color context

  4. I think the new design looks pretty good.
    Cutting down the list of categories even more would be great. The way the categories are used right now is more like tags imo. Maybe making a big change and cutting it down to only a few could make some sens. For example (just from the top of my head): DP Project, Week In Preview, Documentation, Release Notes, App Notes, External Links, From the Forums.

    Other small suggestion is to increase the spacing of the top menu items, to make them a little more readable. E.g. change padding: 0 10px 0 0; on line 347 of style.css into padding: 0 20px 0 0;.

Leave a comment

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

Notify me of followup comments via e-mail. You can also subscribe without commenting.