Coccobello: an exotic, fruity, free icon set

coccobello-free-fruit-icon-set

If you’ve ever happened to be on vacation in Italy, you’ve probably have seen people selling coconut chunks along the shores, strolling back and forth while screaming “Coccobello” which means beautiful coconut.

So, inspired by the incoming hot time, I’ve decided to draw a small icon set of exotic/summer fruit, proceeding with the inspiration of Fruttabuona: abstract geometrical fruit icons, based on a strong circular shape and a 3/4 cross section.

The icons are available in 2 different sizes (48px, 128px) and come as transparent PNG files. You can freely use these icons for personal and non-commercial purpose.

I really hope you enjoy them!

Download

Orlebar Brown simple product fact sheet

orlebarbrown-inspiring-factsheet-layout
If you think that ecommerce web sites aim is to convert browsers into buyers, crafting simple, functional and friendly fact sheet pages is a key factor to your business success.

So, I really liked this layout from Orlebar Brown online shop, where a few options are neatly separated by big red bullets and a numbered list suggests a required order of customization.

Minimalistic black & white comment listing

jontangerine-blackandwhite-typographic-comment-listing

This comments listing, taken from Jon Tan‘s website, is an excellent  specimen of good type treatment (the text is consistently set on the same baseline across the two columns), minimalistic use of horizontal rules to divide content (single and double) and just a gray/black scheme for the text treatment.

Simplicity is not that simple, is it?

How to create an effective callout box

intuitivedesigns-inspiring-callout-box

A nice callout box that made me click, though it perfectly melts into the overall graphic context (no blinking, no huge types, no graphic contrast).

3 good qualities converge in it:

  1. nice, not overbearing illustration;
  2. good typography (big but not loose lineheight; use of different font weight to stress out the most important words)
  3. good copy: alluding to my competitors, makes me immediately envious and curious about it.

Bill Gates’ notes navigation: a metaphor

bill-gates-notes-website-menu

I really can’t remember why (serendipity, I’d suppose) but recently I’ve stumbled into the Gates’ notes, the website that spreads probably worldwide most famous mogul’s thoughts about the matters such as philanthropy, climats, development…

Apart from the fact that the whole thing is written in the third person, which really gives me the creeps, I’ve  found interesting the curved and tortuous menu that reflects the complex and multilayered site’s structure.

Despite a slight dislike due to the visual treatment (one for of all,  typography is really too small), I’ve found myself clicking on it several time, wondering how come an interface could work notwithstanding its lack of appeal: so I’ve realized that what I was really appreciating, was the metaphor it embodies; the nested graphics that appear/disappear when you click, make the menu exapanding and unravelling in parallel with your travel through Bill’s thoughts progresses, drawing kind of a map of your steps.

So what I really wanted to say is that if you find a good metaphor you can somehow visually express, it could turn out to be a really powerful trick to keep your audience hooked no matter if they like your style or not.

Gleam and sheen on Thoughtbot website menu

thoughtbot-sleek-tech-inspiring-navigation-menu

Though we’re not big fans of overtly tech webdesign and we prefer warmer, more organic solutions, we loved the cleanliness and the powerful, warm glow that this website’s menu radiates.

Another nice design snippet we found on Thoughbot’s website is the brownish, rounded contact us button which really stands out, partly for its effective color contrast and partly for its unusual position.

Inspiring mug logo and boxes from Art in My Coffee

art-in-my-coffee-inspirational-logo-design-callout-box

Art in My Coffee is a Tumblr blog and community which catalogs funny latte pics from all around the world. We love the delicatly shaped mug and the general warm, caffeinated color scheme: besides we couldn’t expect less since it’s been designed by Meagan Fisher, the mastermind  behind  Owltastic.

A brand new ampersand every day

365-cool-ampersand-examples

The ampersand was originally a ligature of the letters E and T, invented to write swiflty the latin conjunction ET, which means “and”.

Maybe because of its tensile form and its fluid swooshes the ampersand is nowadays one of the most en vogue character and quite an obsession for typophiles: so if you too are a fan, here you are  300&65 ampersand , a nice Tumblr project that displays a brand new ampersand every day.

A not so stupid grid

stupid-3-columns-grid-inspirational

Stupid Studio is a creative motion design and online agency based in Denmark which is specialised in motion graphics and, contrary to its name, delivers very brilliant stuff.

This website is quite a living example of how a simple three colums grid, evenly repeated in each sections, can effectivly improve your website’s consistency, abating the navigation stress: in fact not having to mentally reassess the navigation and graphic structure on every single page speeds up user’s navigation and increase his/her satisfaction.