Feature
Post

Category
Design Focus


Friday Focus 07/30/10: Centered Seals

Sites usually place logos at the top left corner of the page, but nudge them to the center and it makes quite an impact, as a red wax seal does on a white letter envelope. Let’s check out sites with centered logos on this week’s Friday Focus.

Designs of the Week

Min Tran's Journal

Love all the patterns and pastels.

Catered By Kate

Nice torn effect on the navigation and echoed throughout the rest of the site. I also like the subtle adjectives in the background.

G2 Geogeske

There’s some weird layering going on when you scroll up and down, but I like the impact of this look.

Word Refuge

The text length in the inner pages is too wide, and the script feels a bit much. Still, I like the textures and the old style illustrations.

Le 28Thiers

I like the curved header navigation coupled with an ornate background pattern. The boxes of text are nicely framed, and the buttons are equally elegant.

Barley's Greenville

Interesting idea to put all the beer labels as a collage for the header. There’s also a bit of a split design going on, and the use of curly braces as arrows.

Ośrodek Wypoczynkowy Zielona

Not-too-distracting animations above the logo in the footer, and not-too-overwhelming use of wood including menu items and buttons.

New Hampshire Distributors

I find the “featuring” slideshow highly effective. The use of red, on the other hand, may need more tints and shades. What I really like is the glowing hover effect especially in the three boxes below the slideshow—simple idea but it works.

Steinway & Sons

Two things that grab me: seamlessly elegant carousel of featured pianos, and the use of piano strings in the background as a stylized sunburst effect.

Usable Efficiency

I wish for a little more polish on the RSS and collapse/expand buttons, but I like the openness of this layout.

Clover Cottage

It’s great that the wood texture isn’t your typical bright brown but one that actually fits the theme of the site. The form elements in the booking box is excellent.

Six11Ink

I really love the stylized buttons in the header navigation, and I wish it were applied to every other button on the site. Old style illustrations also used here, but what’s great with this site is that it explains (in a collapsible area) what the they symbolize.

Sky's Guide Service

I think the wood could be a little lighter to distinguish the red on the logo, but overall this site has an excellent design from typography to illustrations to form elements.

The Eagle Rock Yacht Club

Using a wave pattern as divider is both whimsical and smart. I love the splashy sea photograph background in the footer navigation.

Paul Bennett

Subtly textured, clean, yet feels perky.

Cloudania

Nice gradient on the main blurb, which breaks the blockiness of the text and gives an ethereal effect. The floating folded paper background on the video, which is an echo from the logo, is a nice touch too.

Social Media Weekly

AccessibilityTen Common Accessibility Problems
“This document outlines ten common accessibility issues I have encountered which could result in a site’s failure to fully comply with WCAG 2.0. The document includes links to some of the WCAG 2 advisory Sufficient Techniques provided by the W3C for addressing each issue.”

DesignCreate Stunning 3D Text Free With SketchUp
“Today I’ll teach you how to create some awesome 3D text using only Photoshop and a free app from Google.”

DesignTips for Designing for Colorblind Users
“We’ll take a look at what colorblindness really means and how you can tweak your designs based on a few simple principles.”

CSSStart Experimenting With CSS3 Keyframe Animations
“For this reason they’re used sparingly, in a lot of cases for experimental purposes or as ‘hidden gems’, but that doesn’t mean you should shy away from getting stuck in.”

Programming


  1. By Micke Hasselqvist posted on August 1, 2010 at 9:57 pm
    Want an avatar? Get a gravatar! • You can link to this comment

    Nice, centering the menu around a centered logo really does make it stand out. Something worth considering when designing a site, for sure. :)

  2. By Victoria Blount posted on August 3, 2010 at 8:57 am
    Want an avatar? Get a gravatar! • You can link to this comment

    It makes quite an impact to move the logo to the centre of the website, alot of the logos the examples above all have a certain style.

  3. By AZTech Web Design posted on August 3, 2010 at 9:47 pm
    Want an avatar? Get a gravatar! • You can link to this comment

    Great post – it is always refreshing to get some new design ideas. Thanks!

  4. By Jarkko Sibenberg posted on August 9, 2010 at 9:46 am
    Want an avatar? Get a gravatar! • You can link to this comment

    Having a centered seal like in the examples above requires certain symmetry from the website itself. It makes the page look more static and still. You expect less surprises from it’s navigation.

    I like the old timey beer label type seals, but the G2 one looks nice too with it’s simple and modern graphics. My favourite from the list is still the piano one. Elegant but quite modern.

    Thanks for sharing.

  5. By Shane posted on August 18, 2010 at 10:30 am
    Want an avatar? Get a gravatar! • You can link to this comment

    Wow, so much inspiration!!! I feel like I really need to design something right now!!!
    Thanks.

  6. Trackback