Image by Foto Rita[Allstar maniac]

Every month this series is tracking the latest design trends and collecting the best examples of modern web designs. Here is the list for June 2010 with almost 1100 links from 26 aggregator posts:

• A Collection of Fresh Blog Designs from PSDFan
• 30 Vibrant and Colorful Website Designs from Vandelay Website Design
• 35+ Beautiful Examples of Creative Collage for Your Inspiration from 1stwebdesigner
• 30 Minimalist Web Designs for Your Inspiration from DesignM.ag
• 40 Inspiring Examples of Dark Websites from Naldz Graphics
• Beautiful Examples of 3D Elements in Web Design from Six Revisions
• Showcase Of Web Design In Lithuania from Smashing Magazine
• 50 Creatively Designed Websites On Single Page from SmashingApps
• 90+ Clean and Minimal Web Designs for Design Inspiration from instantShift
• Modern Element Trends In Minimal Webdesign of 2010 from 1stwebdesigner
  
• ThemeSwitcher in Web Design, Fantstic Examples and Tutorials from Design Reviver
• Web Designs that Use Textures Beautifully from Six Revisions
• 34 Inspiring iPad Application Websites from Web Design Ledger
• A Look at Modern, Clean Web Design from PSDFan
• Web Design Inspiration: 55 Beautifully Made Single Page Designs from Naldz Graphics
• 48 Examples of Excellent Layout in Web Design from Web Design Ledger
• The Ultimate Guide for An Online Portfolio Using WordPress from Onextrapixel
  
• Best of Breadcrumbs and How They Enhance Your Website from Spyre Studios
• Get Inspired: 35+ Warm VS Cool Color Website Designs from 1stwebdesigner
  
• 55 Examples of Beautifully Integrated Social Media Links in Web Design from Web Design Ledger
• 66 Fresh Examples Of Creative Single Page Website Designs from instantShift
• 85+ Fresh and Beautiful Minimal Website Design Inspiration from Themeflash
  
• 40 Creative 404 Error Pages to Inspire You from Web Design Ledger
• 50 Corporate Website Examples from Naldz Graphics
• 36+ Unique WordPress Header Design Inspiration from Themeflash
  
• A Collection of New Dark Web Designs from PSDFan

Today’s post highlights the design of KeanRichmond.com. The site header uses a simple noise texture with a pattern of alternating light and dark cells running along the top edge, all set in a desaturated purple color. The header contains the main logo and navigation menu that use white and dirty pink as foreground colors – both in good contrast with the background color. Dirty pink is used for menu rollover effects, and this is continued elsewhere on the page, especially on the buttons.

The main area is separated into portfolio highlights and article sections. Moving the mouse over portfolio thumbnails reveals a rather unusual effect – where the active image is themed with a monochrome palette based on beige tint. A small horizontal strip that contains the latest tweet separates between the portfolio and the articles – note how the twitter bird is extended into the portfolio section, but does not overlap the description of the last entry.

The article section seems to break the strong horizontal symmetry suggested in the header and portfolio sections (set by centering the content, oversized curved brackets and an even number of portfolio thumbnails). However, shifting the article list column to the right balances out the extra visual weight created by the right-aligned navigation menu in the header section.

The footer section continues the retro theme set by the old-paper texture of the main section, and adds an intricate floral illustration and hand-written font used for the “thank you” message. While the main site footer seems to waste a lot of vertical space, see how that space is used in the “About” page.

Last Friday we went on a zeppelin ride from Moffett Field with Airship Ventures. My favorite part was to fly above the evaporation ponds:

And a green one:

Today’s post highlights the design of KoviDesign.sk by Jan Kovacs. Set on the backdrop of a rich deep brown with a radial highlight and an intricate pattern, the design takes the grid to the extreme by showing the actual grid guider lines on all the pages. The foreground palette of faded ochre, white and desaturated aquamarine is in a perfect harmony with the brown background color, and consistent usage of aquamarine for links / navigation menu rollovers creates a consistent and predictable interaction with the site.

The portfolio slideshow takes the main stage, with a scrollable view that uses consistent colors for the scroller buttons. Click the buttons to see smooth navigation between the portfolio thumbnails. Precise typography used in the header and to the left of the copyright blurb is highlighted by dropshadow effect around the large letters. Browse the rest of the pages to see the consistent usage of these elements throughout the entire site.