The KingdomGeek Redesign Launches!

If you’re a reader via a sub­scrip­tion feed, you’ll want to hop on over to the actual site to see this. I’m very pleased to present the redesign of KingdomGeek, and yes, I’m still rock­ing the Thesis theme frame­work.

I’m still work­ing on some things behind the scenes, but I do plan on releas­ing my cus­tomiza­tions for the curi­ous once things calm down a bit. I’ve also tested the site in a vari­ety of Mac browsers — Safari, Firefox, and OmniWeb. Looks good in all those. Feedback from Windows users is welcome.

Actually, all feed­back is wel­come, whether you’re a designer or not. I want the site to be pleas­ing to you my users — I don’t have to look at the front end of the site; you do.

So what do you think? Have I over­looked any­thing? Can any­thing be improved?

To give credit where it’s due, my design was heav­ily influ­enced by Good Bytes, although the styling code I’m using to achieve var­i­ous effects is sub­stan­tially dif­fer­ent. The back­ground image is a mod­i­fied ver­sion of the image freely avail­able at Cr103.

This entry was posted in Uncategorized. Bookmark the permalink.

23 Responses to The KingdomGeek Redesign Launches!

  1. andrew says:

    Very, very orig­i­nal. Nicely done. It looks mod­ern and kind of makes me want to eat a plum in outer space.

  2. Rachael says:

    It’s a gor­geous design, and I love the back­ground. The blue links are hurt­ing my eyes though. ;)

    Also, I can hardly read the ital­i­cized descrip­tions under your main nav links. I love the look of it, however.

    (view­ing it in Chrome, btw.)

  3. Rick Beckman says:

    andrew: Well, I never would have thought of it that way. =D Thanks for the com­pli­ment. Glad you like!

  4. Rick Beckman says:

    Rachael: I increased the size of the nav menu descrip­tions by a bit. I’m not sure what color to use instead of blue, so I’m gonna keep watch for sug­ges­tions. I’ve never been quite pleased with the link col­ors, so you’re not hurt­ing my feel­ings. ;) Thanks for the com­ments, and for check­ing it out in Chrome! (I’m eagerly await­ing the Mac ver­sion of that one.)

  5. Jamie says:

    Really lik­ing this new look! Love the nav bar… I might have to ana­lyze your code & see what ya did for that.

    Also — I agree with Rachael… the links are pretty dif­fi­cult to read. Other than that… this mod rocks!

  6. Sandi says:

    Loving the pur­ple. Not crazy about the color behind the com­ments, but that is my per­sonal pref. not an iss­sue with view­ing. Does this count as a real com­ment? And I seem to remem­ber some­thing about you owing me a cou­ple of posts :)

  7. Rob says:

    Hey, Rick — I’m a fan. I esp like the back­ground and opaque con­tent box. I agree with the other, though, that the blue link text is a lit­tle harsh. Very cool overall.

  8. dude says:

    Your back­ground image is 1.3 MB, come on…

  9. John Walter says:

    I’m not crazy about light-​​on-​​dark, but every­one else seems to enjoy ‘plums in outer space’, so…

    For the links I might try a tan or light olive or laven­der­ish colour.

  10. Rick Beckman says:

    Jamie: I’m using the opacity styling attribute to achieve part of that effect. I’m also not using Thesis’ nav menu at all. I hand-​​rolled my own, which was sim­pler for me than resetting/​restyling Thesis’ menu. Plus, it’s just eas­ier for me to man­age my nav menu and every­thing else from one file within Dreamweaver. Going all the way into WordPress, going to the theme area, and chang­ing set­tings there is just too darn time con­sum­ing. And all those sec­onds adds up, sup­pos­edly. :P

    Sandi: Yes, that’s a real com­ment. :) Glad you like. I like the gray, but it may not stick around, espe­cially if few oth­ers take too it. An attrac­tive com­ments area is very impor­tant if I want to encour­age the comments.

    Rob: Thanks, dude. Really dig your site too. Love what you did with the footer. I haven’t been able to come up with much of any­thing to do with my footer area yet, so it sits down there with its bare bore­dom hang­ing out for all the world to see.

    dude: It’s load­ing from another domain, so it won’t slow access to the con­tent. Plus, I did every­thing I could to get the file size smaller. I’m using trans­parency around the edges so that the image blends into the back­ground bet­ter, so I’m lim­ited in the file types that I can use. Still, when I started out, I was deal­ing with some­thing like a four meg image. Given the insane pop­u­lar­ity of YouTube, I’m will­ing to bet that file size — espe­cially for some­thing as inci­den­tal as a back­ground image — is becom­ing increas­ingly less of an issue. Still, I’m open to bet­ter alter­na­tives. It’s all about mov­ing onward and upward!

  11. Rick Beckman says:

    John Walter: I know light-​​on-​​dark isn’t everyone’s cup o’ tea, and it was a deci­sion I mulled over for a bit before finally div­ing into it. Part of it was that light-​​on-​​dark is a quick and easy way to dis­tin­guish my site from a great many other Thesis instal­la­tions. And if I can pull it off and make it look good after that, all the better.

    Thanks for the color sug­ges­tions. I’m gonna be run­ning my own pri­vate styling to see which color works best and should make those updates pub­lic tomor­row. I hope, anyway. :)

  12. Will says:

    Love the back­ground — very cool. Have to agree with pre­vi­ous post about the pur­ple links being hard on the eyes.

    Viewing on my iMac and Macbook, both with glossy screens, the pur­ple just isn’t work­ing for me. Like the styling of the side­bar. Nice touch.

    Have an awe­some day!

  13. kristarella says:

    Hey Rick, nice work. I espe­cially like the nav and the occa­sional round cor­ners I like a combo of square and round.

    I men­tioned on Twitter orange for links, but John’s idea of olive is good too, actu­ally I think it’s bet­ter. Orange works, but is maybe too bright and dis­tract­ing. Olive is more sooth­ing.
    Orange: #F26600
    Slightly darker orange: #BF5000
    Olive: #678507

    Interesting… it seems that FF inter­prets a 0.01em bor­der as 1px (you can’t dis­play frac­tions of a pixel yet), but Safari inter­prets it as 0px. The bor­ders don’t show in Safari… at least that’s what I’m see­ing. I would pre­fer to see the bor­ders I think.

  14. Rick Beckman says:

    Thanks, Kris, for check­ing up on me. :) I swapped out “0.01em” for “1px.” And I have bor­ders in Safari now. I have no idea how I didn’t notice that in testing.

    Will: I am hav­ing an awe­some day, thanks. :) Glad you liked the side­bar. I was par­tic­u­larly pleased with how well it turned out.

  15. Rick Beckman says:

    Going with­out the back­ground image for a while. It makes it look a lot cleaner. Still want *some­thing* in the back­ground, though, so I’ll be play­ing with that soon enough. Suggestions, as always, are welcome.

  16. Andrea Arden says:

    Hi Rick, I really like your site re-​​do. I arrived here right before you removed the back­ground image. The image really grabbed my atten­tion, but I think the site looks great with or with­out it. I appre­ci­ate dark sites and love sophis­ti­cated color palettes. The olive green links are a win­ner with me!

    I also want to say thank you very much for cre­at­ing Thesis OpenHook. It sure does make things eas­ier and has saved a lot of my time!

  17. dinu says:

    pretty good :)

  18. Rob says:

    Hey Rick, thanks for the footer com­pli­ment! I was think­ing, what if you used the same back­ground image but just decreased its “fill” in pho­to­shop or gimp. I think you’d get a softer and more sub­tle but still very cool image that wouldn’t dis­tract from the con­tent. I’d be glad to help out with the pho­to­shop work if you’ve got too much on your plate.

  19. Isaiah says:

    Rick:

    Nice work, brother!

    I’m not a big fan of pur­ple, but the nav bar and the rounded cor­ners are really nice touches.

  20. John Walter says:

    I would go for a nicer and per­haps smaller font in the footer. Maybe Calibri or Candara would work.

  21. Lori says:

    You did a great job, I will admit I have to get use to the bold color. But I think you did a great job!!!

  22. Rick Beckman says:

    Thanks every­one for your com­pli­ments. I think I really like the olive green links Kristarella came up with, so will be stick­ing with ‘em for a while. I also made some back­ground tweaks to pre­vent the back­ground image from being so dan­ged star­tling — it’s also a frac­tion of the file size it once was. =D

    Still, it’s a bit dark, so I might try to find a suit­ably dark pur­ple color that would work.

    Thanks again, every­one, for your hon­est feedback!

  23. Randy says:

    you are a very tal­ented man. Good work.

Leave a Reply

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

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>