I have been noodling on how the next iteration of my blog should look/feel/behave. I built my website, http://www.whitespase.com, using some cowboy coding and live in-the-browser design a couple of months ago.
Now I am coming back with a sharper eye and fine-tuning my own personal brand, adding my portfolio, and trying out some new things that aren't quite ready for client work yet.
This is my first sketch, a murkier, yet more bold approach to my already subtle colors. The current design is minimal and washed out (in a good way) and I knew from the beginning that the next iteration would be darker, deeper, and more contrasty.
I'll be giving sneak peeks along the way as I flesh out some of the UI details.
Comments and critiques are welcome!
Check out the full pixels in the shot.
6 months ago
This looks awesome! If I were to make a tiny suggestion, it would be to avoid using a serif font for your navigation... it's a bit distracting at that size and in relationship to your beautiful callout. Other than that, beautiful!
Totally agree @Anna Tulchinskaya. Will definitely be a sans-serif font in the end. Thanks for the feedback!
Nice! I think that's one of the more pleasant color schemes I've run across - it gives you good contrast and it's mellow.
@Elias Jones I'm so glad you said it! The colors up now are much more saturated/pure. I spent a lot of time trying to keep the character intact and making the palette more versatile. Cheers!
Brandon, looks awesome! Like the clean-ess, but what about when working with images for your portfolio items? Would love to see more pages :-)
@Dreamix Studio Thanks for the feedback! Still working on that page and others.
by Brandon Hunter
Check full pixels
I posted two weeks ago a sketch of a possible redesign. Whitespase, which is currently my sparsely updated blog, is getting ready to get a big facelift.
This is my idea as to how the homepage will look/feel.
This shot is different to the first in that I am abandoning all white blocks, as the whitespace has become a crutch (har har har). Instead, I am boosting the negative space.
For the time being, I see this site on a fluid grid that spans 100% the browser window.
I brought in a dribbble shot and since this design is incredibly sensitive to color, scaled back the opacity and grayscaled the image. It will be full opacity and color on hover. Haven't really thought that part completely through.
6 months ago
@Jakub Linowski Thanks man! Been painstakingly playing with color theory to find a versatile, yet colorful gradient.
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter