Design, uninterrupted #19

April 26th, 2010

Today’s post highlights the design of JeffSarmiento.com. Set in earthen brown colors, it uses splashes of strong reds, greens and oranges in header / footer diagonal stripes to add a vibrant touch. This approach can also be seen in the illustration of the rocket ship that uses saturated orange colors atop the otherwise themed hull. The design is rife with hand drawn illustrations. These include the header titles, post title underline, starsĀ  / arrows next to some of the links, background illustrations for the tweet section and the rocket ship, as well as background texture for the main column.

The navigation menu deserves special attention. While most of the sites place it along the top or the left edge, this site places the navigation menu along the right edge. To alleviate the proximity to the string saturated stripes of color right next to it, the menu items use large font with custom kerning. To further reinforce the importance of the elements, each navigation item uses one of the adjacent colors for its background – red, orange, yellow, green and brown. Move the mouse over the navigation menu to see additional hand-drawn illustrations.