I’ve tried to link to the source where I can, but I can’t track the origin of all of these.
If you know where any of the missing logos live, please email me to let me know.

So, in no particular order…

Havok

This logo has loads of character & energy, created by the jaunty letter positioning and the mass of competing diagonals on the saw blade.

Logoholik logo

Logoholik

This guy Bojan Stefanovic is a really productive logo designer who turns out heaps of top-quality work.
Check out his portfolio for more good logos.

His own logo is one of my personal favourites, with really strong black text and the super-iconic bold-coloured square.

Things (by Cultured Code)

Love this one, for a simple task-management app! A real-world metaphor delivered with enough simplicity and maintaining a strong shape and contrast.

KeepOpen.com logo

KeepOpen.com

I love the way this uses just 3 colours on a white background (negative space) to create the illusion of space.
Strong, simple shapes and diagonal lines make for a recognisable and powerful logo.

Loladex logo

Loladex

A great solution combining “rolodex” with “people”. Genius.

Qik logo

Qik

Really strong font feels organic and energetic while making a pleasant shape.

Seedcamp logo

Seedcamp

Nice organic logo combines with a serif font to create a human-feeling brand.

Seriosity logo

Seriosity

I simply love the way black alone is used to suggest the shape of the man’s shirt (the “negative space” illusion).
First class logo.

Vanilla open-source forum

Vanilla

Simple geometric shapes making a recognisable image that reflects the product name.

Swaptree logo

SwapTree

It’s always good for your logo to reflect the brand name (but not essential!).
This one says “Swap” and “Tree” in a pretty simple form.

MooTools logo

MooTools

Soft white and blue work well against the dark grey background.
The font is original, and the spanner echoes the “Tools” theme.

Adaptive Blue logo

Adaptive Blue

Few colours and a simple shape still create a nice 3D illusion.
The diagonals created by the angle give the logo a sense of dynamism.

Bungee Labs logo

Bungee Labs

Simple but recognisable form. Green/white/black creates a sharp combo.

Email Centre Pro logo

Email Centre Pro

This one comes into the general category of “Strong shape with rich surface effects”.
While there are a lot of colours going on, the clear outline make the form recognisable.
You could reduce the colours down to 3 without losing the essence of the logo.

Goodtext?

Not really a classic logo (may not be a logo at all, I can’t access the site), but the strong points on the diagonals really catch my attention.

gOS logo

gOS Operating System

The grey on white plastic with one strong highlight colour is strong yet feels open and welcoming.

Joost logo

Joost

When you’ve got a typeface/text combo that creates a silhouette this strong, you don’t need anything else.

Flock logo

Flock

Although the “bleeding pixels” style was done to death in about 2004, this shape is pleasant and energetic, with an iconic silhouette and dynamism from the angled plane.

KeepOpen.com logo

Source unknown…

The clasped hands speak directly about the service on offer, and also make a pleasing heart shape.
Simple lines reduce the hand shapes to the most abstract form, while retaining recognition.

Mahalo Greenhouse logo

Mahalo Greenhouse

Complex, but still a recognisable shape, combined with really pleasant colours.

Kitchenbug logo

Kitchenbug

A simple, cheerful shape and strong colours, with added surface effects.

Odeo logo

Odeo

Strong outline and star with contrasting colours make for a striking and recognisable logo.

New Radcru logo

New Radcru

The first distressed logo of the bunch.
Again, this would work on shape alone, without the grungy effects, thanks to outstanding use of typography.

By UK web design agency Satsu.

Stylefeeder logo

Stylefeeder

Soft and friendly thanks to the pastel colours and organic shapes & attitude.

Watercooler Inc. logo

Watercooler Inc.

Another real-world object simplified to the basic essence.

Snagsta logo

Snagsta

Not a beautiful piece of work to my eyes, but that doesn’t matter because the type and shapes create such a strong, memorable shape.
Logos don’t have to be lovely to be appealing and effective.

Bluestring logo

Bluestring

Really simple and cheeky logo that reflects what it says.
Suggests that the service will be simple & straightforward.

Boobox logo

Boobox

A basic concept with the illusion of 3D space, combined with subtle shine make a logo that sticks in your head.

Buzzlogic logo

Buzzlogic

One of the most basic geometric shapes simply echoes the “buzz” theme effectively.
The combo of light & heavy weights in the type work well (you need to use weights at least 2 steps apart for this effect to work).

Chilirec logo

Chilirec

The first “shiny table effect” in the list. You just can’t help but want to pick up the shiny ball, aided by the intense contrasting red.
Quite unique specular reflection too.

EngineYard logo

EngineYard

A complex shape still creates a dynamic and iconic image.
The added shininess gives it a 3D tactile appeal.

EQO logo

EQO

Just 2 main colours in the palette, with a very recognisable outline, and added polish make this nice & appealing.

IMified logo

IMified

Nothing unique about the speech bubble, but logos don’t have to use unique components to work.
Note the heavy/light text weight combo again. The rounded “im” gives a friendly, easy feel.

Linked In A Box logo

Linked In A Box

Great combination of flat text with 3D illusion on the box. Simple and iconic.

Mahalo.com logo

Mahalo.com

Highly characterful typeface combined with a lovely organic flower image. Friendly and cheerful is just right for the brand and the name.

MailChimp logo

MailChimp

I don’t love the chimp character, but a logo doesn’t have to be loveable.
Minimal colour palette and quirky, friendly design lend the HTML email service a simple feel.

MarketWatch.com logo

MarketWatch.com

A strong favourite of mine. The “W” reflects the ups & downs of the market with simple colours and a dynamic, 3D effect.

Cake Financial logo

Cake Financial

Not particularly likeable, but the outline is clear & strong, and the double-meaning of the “cake” and pie-chart are “just clever enough”.

Viewdle logo

Viewdle

What impresses me about this logo is the way it creates a believable eye image using only circles, managing to get in the specular highlight.

Mixx logo

Mixx

I like the metaphor and clear outline, but I always wonder how the effect would be altered if the low tonal contrast in the porridge were missed.

Newsvine logo

Newsvine

Simple form with combination of natural greens suggests “growth”.

Streetadvisor logo

Streetadvisor

Fairly complex shape is still recognisable, evoking a friendly, old-world sense of community.
Maybe it doesn’t need the outer ring?

Tribler.org logo

Tribler.org

Highly distinctive shape does just enough to suggest “people coming together”.
While it’s really powerful here, the logo’s far too small on the site itself, for some reason.

Source unknown…

The bold, strongly-vertical font feels serious and businesslike. Simple and effective.

Zwinky logo

Zwinky

The electric blue & yellow colour combination, together with the suggestion of flattened perspective feels very youthful and “pop”, which perfectly suits the brand.

45Royale logo

45Royale

Simple geometry again, and relatively small colour palette, making a rich logo.

Source unknown…

Simple geometry, only 5 colours used, making a credible 3D (isometric) form.

Make Better Web Pages!

How to make your web site sell - use my secrets

Find out How

Do you love our approach to crafting simple & effective web sites that just work for people?

We'd love to hear about your web strategy.

Contact one of our team today!

Leave a comment

Articles + tutorials in Graphic Design for Web

Web Design Review of Philosophersnotes.com
Ben Hunt reviews one of his favourite web site designs of the moment, explains what works and why, and shows you how you can apply the techniques.
What is the Relationship Between Graphic Design and Web Design?
Explores the difference between design, graphic design, and web design. Argues that web design is a much broader discipline than graphic design.
White on White Web Design Style
An overview of white-on-white web page design, a clean, appealing, modern web design style that draws focus to the content.
Zoom Your Content!
a Crucial Web Design Technique
Zooming your content is a basic but critical skill that every web designer should know.
9 Highly Functional Web Site UI Designs for Inspiration
A personal collection of 9 highly functional web user interface designs for inspiration
8 Rich Web Site Designs for Inspiration
Ben's collection of links to great, effective, current web designs with rich, highly graphical, and intense styles.
8 Clean Web Site Designs for Inspiration
Collection of clean, simple, effective, current web designs, put together by Ben Hunt
Some Great Web Logos for Inspiration
A collection of high-quality inspiring web site logos for inspiration.
Real Web2.0 Design, the essential Web2 design features
Real Web2.0 design is not about shiny visual graphic effects, but a bold, direct and challenging brand experience.
10 Best Designed Websites in The World
A list of the 10 best-designed web sites in the world, with explanation of which great web design techniques work most effectively and the importance of designing your content.
Web 2.0 How-To Design Style Guide
Web design guide. Web 2.0 how-to design style elements explained. A guide to why web 2.0 design works, how and when to use each design element
Creating Content for Web Pages
Best practice guidelines for how to create, arrange and design Content for web sites and web pages
Using Contrast in Web Design
The importance of contrast in graphic design for the web, and how to use tonal contrast effectively
Using Attention Maps in Web Page Layout
Always sketch an attention map before designing a web page, to indicate areas of relative importance where you want users to focus.
Containment in web design layout
Using containment in web page layout to group elements together is a powerful tool.
Selection of Favourite Great Web Logos
A collection of appealing logos gathered off the web by web designer Ben Hunt
Case study: Artorg makeover
Case study: Makeover of Artorg's community site
Clarity in Web Design – Designing Clear Web Pages
Hints and tips for making web page designs clearer and easier to understand by differentiating and organising visual elements on the web page
Rhythm and repetition in web page layout
How to use rhythm and repetition as layout devices in web page design
Using Alignment in web page layout and design
Tips on using alignment in visual design for the web to associate related elements
Current style in graphic design for the web
A summary of today's best practice in graphic design for the web. Simple, good webssite design examples, good web design and an explanation of modern web 2.0 design techniques.
Colour in Web Design
Tutorial on using Colour in web design to convey branding and improve usability in your web page designs.
Branding for Web Sites
Branding for web sites: How to create, develop and implement a brand for a web site
Grouping elements for clear web page design
Grouping, basic web page layout graphic design technique for associating web page elements on screen.
Usability Case Study: Kemik Portfolio
Case Study: Tweaking Kemik's online art portfolio
Use of 3D Effects in Web Design
Guidelines on how to use 3D effects effectively in graphic design for the web
Effective text for web design
Short article describing the benefits and strengths of using text rather than graphics in web design
Case study: Business Improvement Network redesign
Case study: Business Improvement Network redesign
Imagery: Using images in Web Page Design
Guide with tips on how to use imagery effectively in web page design, good images, graphics & icons
Logo Design for Web Sites
What makes a good web site logo, breakdown of key design factors for creating great web logos
Media Volunteer Redesign
Summary of redesign of Media Volunteer Center
© Scratchmedia Limited, 2006-2010
Floor 3, 111 Buckingham Palace Road, London, SW1W 0WQ, UK
+44 (0)207 1600 989