Design

The Human Touch: Building User Relationships and Trust In Web Design


  

When creating websites you have to consider a great deal of aspects such as usability, visual-appeal, the technical side, and last but not least, brand building. Many successful and profitable businesses have been tackled this brand building with user-centric website design. They do this for different reasons, but the one that tends to draw most brands in this direction, is the way it often helps build a relationship with their users.

There are several ways that one can go about building user relationships and trust through web design, and putting a face with the design is one that, when done well, can score a lot of points for you and your brand. To add that personal element to your brand, your website can be one of your brand’s most effective weapons. But it has to be done with care to ensure that it is handled properly.

Below is a list that is filled with great examples of people making their website designs not only visually appealing, but also trustworthy by adding the human touch.

The Human Touch

1. Beyond Commerce recreates a sense of the individual approach to every customer using a properly selected slogan and the image of the singing song in your honor.

Beyond Commerce

2. Hitmo studio shows eagerness to fighting on your side and working as a team against the problems. The image also plays the role of visual interpretation of the main slogan.

hitmo studio

3. Netbluez provokes good feelings that are usually associated with the image of child-like keenness, honesty and purity of mind. The well treated photo highlights the main message and completes the whole design.

Netbluez

4. Creative People is a great example, where the image not only makes the whole design look fresh and mysterious, but also gets users to believe that this agency works with really talented people, who definitely use unconventional approaches.

Creative People

5. Forty Seven Media presents people behind the scene with a touch of quaintness. The appearance of the potential performers shine with eagerness and creativity, convincing us of their good intentions.

Forty Seven Media

6. Gavin Castleton‘s site uses a masterful photomanipulation to both divide the website into two functional parts and to inspire confidence by means of showing off the designer’s skills.

Gavin Castleton

7. Digital Hands like with the previous example, the agency bets on creativeness and skillfulness of their workers, using an exceptional image that should convince users that such talented people wont let us down.

Digital Hands

8.  Jorge Rigabert‘s whole website design is made with such a scrupulousness and attention to the smallest details that the self-portrait of the executor only adds seriousness to his intentions to do the job perfectly.

Jorge Rigabert

9. Chandan Roy Sanyal is not afraid to show his dark side. This unwonted and peculiar image can be regarded as an attempt to be honest with the users.

Chandan Roy Sanyal

10. SEOCOM plays with the illustrated names of search engines and social media websites to bring users the idea that they are on familiar terms with web giants, thus making users feel that they are real pros.

SEOCOM

11. Griffinabox uses a trick with transparent display to say “Hey, this is the guy who will do all the work for you�, and he is always within reach.

Griffinabox

12. Gauged2 shows all their staff by creating offbeat photos and small descriptions. Focusing on making visitors familiar with all the members of the team and making an impression of an honest and open company.

Gauged2

13. Raffaele Leone greets you with open arms and with serenity on his face. Raffaele wants to make his website a welcoming place where you will feel safe and sound.

Raffaele Leone

14. Jeremija Webdesign uses the power of gestures, putting in users minds that he is talking directly to them. Simply establishing the bond between him and the person behind the screen.

Jeremija webdesign

15. Thathurtabit uses another powerful psychological tool – facial expression. A great deal of people associate  smile and “hi-fiveâ€� gesture with goodwill, fairness and eagerness. And  he really does know about it.

Thathurtabit

16. Michael Wong presents himself as a daring and responsible warrior of website design and development, who will lead you through the web jungles and won’t leave you in any case. Making users believe that with him they will be safe.

Michael Wong

17. Quodis calls on your imagination, creating a whimsical slider that instills the idea of full understanding and perfect cooperation among all the members, making their company the place to visit.

Quodis

18. Volunteer Louisiana incorporates images of its members and of the people who regularly volunteer. Showing appreciation – cause for others to “remove their shieldsâ€� and be more friendly and thoughtful.

Volunteer Louisiana

19. Jorge Riera realizes the importance of eye contact between himself and the user behind the screen, adding amiability and geniality with his smile.

Jorge Riera

20. Soul Media does a good job of using geekiness, instilling the sense of hopeless dedication to you and your project.

Soul Media

21. Bokche builds a brand around himself, integrating the impression of stability, gravity and safety. Making the customers believe that they really can rely on him.

Bokche

22. Michele Giorgi concentrates on several images, each of which depicts different emotions. The first shows tranquility, the second the artistic side of Michele, and the last one displays a willingness and eagerness to start working.

Michele Giorgi

23. Smultron‘s imagery conveys the sense that “everything is going to be alright”.

Smultron

Share Your Thoughts

That concludes this side of the showcase, but things are just getting started. What are some of your favorite sites that use the human touch to help make a connection with their users and begin building that trust in their brand? Be they on this list, or not. Leave us your thoughts in the comment section.

(rb)


Turn It Up: Musically Inspired Logo Design


  

Many artists, whether digital or traditional find much inspiration in music. It often serves as a great mind opener for large amounts of creativity and style to be ushered in. Some artists believe music helps them to see shapes and colors, and often offers up feelings and emotions to help them execute their work more proficiently. Which is why it’s best to try to listen to music that you know will get your mind going.

Sometimes this inspiration becomes the work. Music based design projects can be extremely fun and creative projects. Whether you are dealing with a musical artist or a music studio, the possibilities can really be endless. Music is such a big, ever-evolving entity that sometimes it requires that extra bit of design work to take it to the next level.

Today, we are sharing some of the best, creative and wonderfully designed logos that are musically inspired. We hope the next time you are on a music based design project, these logos help to inspire you to create something great. If not, turn on some even greater music!

Music Inspired Logos

Go Music
It’s easy to want to refer to ‘stop’ and ‘go’ when you have a company named ‘Go Music’, but what the designer did here was extremely clever and well executed.

MyDJSpace
Simplicity is often key when designing a really good and strong logo–sometimes keeping your logo close to home really makes sense. Here, we have two iconic things associated with DJ’s, the vinyl record and headphones.

Zuim
This logo was created for a podcast that dove heavily into music by offerring critiques and holding open discussions with their audience. The emphasis here was obviously on the music, as the staff and notes are extremely important here.

Radio
Another simple, ‘makes sense’ logo concept that really meshes two things you really think about (or see) when you think of radios. This is a very strong, easy to get logo.

Rockit NightClub
The great thing about this logo is it took two completely different topics (rock music and rockets) and seamlessly put them together. At first glance you see an overly decorated guitar, then you see a rocket launch, leaving lots of smoke behind. Very brilliant.

Jazzcuzzi
The reason this logo is so great is because it really captures the essence of what people believe jazz is; calm, smooth and relaxed. The designer chose to represent this by referencing some sort of beautiful horn.

Cafe Melody
Another extremely clever logo design where the designer meshes two different concepts. The idea of the cafe with a coffee and plate is quickly noticed. However, the designer also see’s a volume knob, used to control the melody. One can also see a person with headphones on.

Installer
Though a strong typographic logo, the designer squeezed in a note of musicality. Why not, when the guitar is one of the key things people associate with rock and roll music.

SwanSongs
This is an extremely beautiful logo that uses a treble clef to serve as the beginnings of a swan. With this logo, many would assume the music or services offered here are extremely beautiful, elegant and tender.

Mind Dead
Again, while this logo is typographically strong, the musical reference cannot be missed. The headphones plugged into the word is a really simple yet effective way of saying this group is worth listening to.

Minerva Music Machine
Much like the previous logo design that referenced piano keys, this designer realized the comparison between the ‘m’ and the piano keys. What stands out is how the longer white keys kind of adds that ‘machine’ like repetition to the logo.

Corpse Music
This is another extremely clever logo. The great thing is that the designer recognized the coffin shape looks a lot like the head of a guitar, and used that to great effect.

Crescendo Music Entertainment
The designer here gets props for skillfully turning the company’s initials into a simplified guitar. Nice imaginative flair at play.

Music Delicacy
At first glance you may see a pot with a big spoon in it, but if you happen to look closer, the concoction in the pot is really in the shape of the vinyl record. It really makes you believe you may have a chance to taste the music.

Music Poet
This is a creatively fashioned logo design. The music note serves as the fountain for the pen, properly and easily creating a relationship between ‘music’ and ‘poet.’

Homegrown Music
This logo makes perfect sense, and will be easy to recognize. No need in fancying up a concept that doesn’t need it.

Sun Music
This logo is absolutely beautiful. While it references the shape of a note, it creates this beautiful movement along the stem while the circle seems to represent the ‘sun.’ Really well executed work here.

Sound Bite
A part of making a great logo is knowing whether to focus on a piece of the concept or the whole concept. The designer here chose to focus on the ‘d’ and ‘b’ in this logo, transforming them into a pair of headphones.

Daily Jazz
Not only do you think of smooth sophistication when you think of ‘jazz’ but you almost always think of saxophones. This designer found a way to marry the idea of jazz and paper (writing) to create this logo.

Vinopiano
This is one of those logos where you may see one thing, such as three wine glasses, or you may see another thing, the black and white keys on the piano. This is another clever, simple and well executed design.

Rhythm Magical
Though not exclusively about music, the designer snuck a bit of it in this logo design. Yes, magic and rabbits in hats go hand in hand, but the designer threw in a music note that is concealed as the inside of the rabbits ear. It also could look a bit like the rabbit has on headphones; either way it’s a nice subtle addition.

Campusounds
This logo, again, very simply refers to the music behind this company’s purpose. Campusounds is about hearing the music around different campuses, which is evident by the border which creates a bit of a ’round and round’ movement.

Music Fashion
While the focus on the logo again is typographic, it is overall greatly executed. The typeface used does remind you a bit of ‘fashion’ and the way everything is styled it actually makes you believe in the idea that one can fashion the sound of music.

Rock Stock Festival
When you think of rock and roll, you think of this little ‘devil horn’ sign folks throw up at the concerts. The great thing about this logo is that the fingers seem to double as rock.

Music Books
Here, we have a logo that, again, plays with the piano keys, but this time makes a great comparison between the keys and books on a shelf.

Sounderated
This logo is a bit of a play on words where you can see it saying ‘so underrated’. The logo captures that perfectly by having upside down sound waves.

Plug & Play
More typography play here and just a wonderful idea that makes sense. Everything is connected in some way much like the cords musicians use to plug in and play.

Finishline Studio
This designer chose to play off notes, which is an easy task, but here they completed the look and purpose by making the bar look like that of a finishline.

40
This designer should be commended on their eye, as they created the ’40′ out of shadows, but also completed this look by adding eighth notes to the shadows in places that really make it pop.

Music to My Eyes
This one make take a while to see but the piano keys actually make the longer part of a pencil (thus the triangle at the bottom). It makes sense with regards to writing music.

Mixtape Attack
A mixtape, often associated in previous years with cassette tapes, would be an obvious choice for this logo. However, the designer went a step further by creating a little ‘monster’ out of the cassette tape, adding in the idea of ‘attack.’

Passionato
Another rendition of a note, but the movement and elegance in this execution is extremely…passionate. Really beautiful logo.

Devil’s Music
If there was no name on this logo, we’d all pretty much be able to figure out what it was called ‘Devil’s Music.’ Excellent finished product.

Music Snail
This designer used a treble clef and a double eighth note to help create the look of a snail. This simple yet clever execution is genius and extremely inspiring.

Walking Alone
This simple logo takes the idea of walking on a sidewalk and creates a saxophone out of it. Again, this designers eye should definitely be commended.

Music Gym
Simplicity is really key when you are doing logo design and this is one of the logos that just gets that and still makes perfect sense. The connection is clear, the message is clear and the finished product is excellent.

Shanghai Voices
It’s almost second nature to hear that a musical group wants a logo and to immediately want to fire up something that has musical notes or a treble clef in it. The best way to counter that is to revision it, and that’s exactly what this designer did by adding a silhouette of a famous building in Shanghai. The movement is great here, as well.

Duncan & Noel Acoustic Duet
This logo is a bit more like a graphic, but the execution is pretty awesome. It gives the sense that this duet, would have a nice acoustic guitar and a really folky or down to earth sound, judging by the design.

(rb)


Websites of the Deep: A Showcase of Underwater Web Design


  

Developing a website can sometimes be a dry process, but that doesn’t mean the finished site can’t make a splash. As the lead designer at a studio called “The Deep End”, it’s always interesting to see what others have done with the underwater web design theme, and it turns out there are quite a few sites out there. Pay close attention to the different styles that are utilized, as there are many different ways to bring the allure of the sea to the web.

Below is a showcase of beautiful websites that have used the underwater landscape and the creatures who reside there as either a backdrop, or to tell a compelling story. From cartoonish and quirky to stunningly photographic, these aquatic websites have a lot of range. So dive in to this showcase of underwater web design and find the inspiration you are looking for to turn your next web project into something truly deep.

Websites of the Deep

iZenius uses subtle animation, texture and a fun retro aesthetic to bring a stylized ocean to life.

Family of Fish uses beautiful fullscreen photography in multiple layers to create an amazing parallax effect as you scroll down to the ocean floor.

The site for the fictitious Atlantis World’s Fair has the look and feel of a children’s book from the 1960s. Mostly baby blue with several pops of color, it follows the journey from the water’s surface down to the lost city.

Fishy has a quirky and colorful interface that makes great use of pop art illustrations and HTML5 animations to showcase their work.

Goodbye Elliott is a Hawaiian boy band that uses the natural underwater beauty of their home state to gorgeous effect.

Liquid Torch gives the illusion of being underwater through simulated beams of light, as well as splashes of water on and behind the hero image.

Squid Chef‘s coming soon page plays with lighting effects and a colorful, simplistic illustration of their mascot.

Iceberg brings us a somewhat chilled version of the oceanscape. Using gradients and subtle glow effects, Iceberg shows us that there really is more under the surface.

Dedoce utilizes a beautifully textured watercolor-esque illustration as a backdrop, and the result is quite dramatic.

Iutopi is a fantastic example of using parallax to tell a story. As you scroll down from the surface, you encounter many of the creatures which call the ocean home, and they only get stranger the deeper you go.

Ocean’s Discovery uses the requisite ocean blue in the hero photo, but sets it off with a pop of vivid yellow on the navigation bar and to highlight some of the copy.

Tomas Projeta‘s portfolio site has a very atypical and interesting navigation. Rather than starting at the top, it starts in the center of the vertical space, allowing visitors to scroll up to the sky, or down into the sea. The wonderfully detailed illustrations make both directions worth the trip.

We Think suggests a deep sea dive through the clever use of their heroes’ image: Two guys in their pajamas and old-school diver helmets. Their header also includes a repeating wave pattern to add to the effect.

Ukranian Design Studio includes many environments in addition to the beautiful coral reef. You can easily navigate toward space, dry land, as well as the center of the earth.

Sendoushi uses a fish as a metaphor for the different stages that stand between a client’s problem and their solution. Now that’s deep.

Deeper is a WordPress theme that combines gorgeous fullscreen photography and some slick jQuery scrolling. It is meant to be used by scuba diving businesses.

OPResume integrates the scenery into almost every aspect of the design, including navigation items and calls to action. So what if they put toucans underwater? This site has a lot of fun with the illustrations and animations, and it all works.

Flotation Web Hosting uses semi-transparent wave graphics and a lifesaver to bring their otter mascot to the top of the page. Subtle texture and cool hues let the bright calls to action really stand out.

Brad Colbow‘s portfolio site has a cool, somewhat grungy illustration of a swing set being swallowed up by the sea as its background.

Thanks to a shot of water out of his blowhole, ReadWhale‘s whale mascot blends in seamlessly with their logo. Ultra simple, in various shades and gradients of blue, this site really conveys an arctic mood.

Visual Harbor puts its employees into the scene as deep sea divers loaded into a mini submersible, before popping out for a quick swim. There is also a really great illustration of their “underwater headquarters.” I doubt they get much work done there, but its cool nonetheless.

Voll‘s site is the second on our list to start in the center of the horizontal space, allowing visitors to either scroll up or down. If you choose the downward path, you will be greeted by brightly colored octopi and a landscape that looks more lunar than aquatic. Snaps for artistic license!

Get Me Fast has a very colorful, cartoony vibe that goes well with their mission of making web development simple.

Discovery Cove‘s main content area serves as a slideshow for images of the underwater activities the park offers, intercut with animated images of brilliant, sparkling underwater light.

The site for Lonely Sock Games’ Coral City App uses fun, colorful underwater illustrations of the game’s central characters, as well as underwater structures. Some retro design elements give the site even more visual interest.

Bluefish Training uses an angelfish silhouette and a ultra clean waterline to give the content a sense of space.

Icebrrg‘s tagline reads: “web forms made chillingly simple.” The same can be said for the website itself. Using only simulated light in cool hues, you get the sense that the water is pretty cold down here.

Feel and Live gets the subtlety award for this list. Their site has a very pale blue background with a faint wave pattern running across the header. The overall effect is very light and refreshing, and it lets the three main accent colors make a more powerful statement.

End of the Line

That finishes off this end of the showcase, but we know that there are plenty of other fish in this sea. So now we turn the post over to you, the reader. Take a moment and leave us your thoughts on the sites collected here, or a particular favorite of yours that wasn’t on the list.

(rb)


Products and Packages with Fantastic Typography


  

Sometimes the most appealing products are not those that are priced the most reasonably, but the ones whose packaging goes beyond functionality and crosses over to the artistic. Alberto Alessi said it best when he described his reason for his own aesthetic designs:

“More and more people buy objects for intellectual and spiritual nourishment. People do not buy my coffee makers, kettles and lemon squeezers because they need to make coffee, to boil water, or to squeeze lemons, but for other reasons.”

Some of the most aestheically pleasing packages and products rely heavily on excellent typography. At times, the perfect font is all that is needed to take a design beyond the ordinary, and very often a great font can stand alone with no other graphics or design gimmicks added to it.

The following collection of products and packages all have one design element in common: they all boast the use of fantastic typography. Take a look at some of the methods and reasoning behind these designer’s packaging projects and let each one inspire you to excellence in your own product and packaging designs.

Bzzz (Custom Font)

This packaging for Natural Armenian Honey not only includes a box shaped like a honeycomb, but the custom-made font for the title stunningly combines the flight of bees and a honey dipper. Bzzz packaging was designed by Backbone Creative, a design company from Armenia.

Indian Stretchable Time, the “Ish Watch”

Designed by Hyphen Brands from India, this packaging for the “Ish Watch” was designed with the Indian culture’s view of time. In India, when someone says to arrive at 3:00pm, they expect the arrival at any time after 3:00, hence “3-ish.” The typography includes several different Italic font versions. In another humorous twist, the three hour marks are listed as “12-ish”, “3-ish”, and so on with no other numbers included.

Acushla Organic Olive Oil

The custom-made font used for the title of this olive oil package at the same time matches and contrasts the logo graphic. Like the graphic, the letters have an organic flow to them, which fits nicely with an organic brand. The green color of the font is reminiscent of green vines as well. Yet unlike the graphic which flows together seamlessly, the tags and flags of the letters point in different directions, almost like wild branches of vines that someone attempted somewhat unsuccessfully to prune into perfection.

Parish Brewing Co.

The idea behind this captivating package design by Cargo Collective was to capture the southern feel of the Louisiana start-up brand. The custom font gives the bottles an authentic vintage look and feel. Notice how the text on the box and labels appears partially faded, imitating painted letters on a weathered wooden sign.

Proof – Scotch complimentary kit

This label for the complimentary kit of the scotch tasting app were each hand-stamped (both the label and the app were designed by Zeus Jones). The fonts are a blend of the custom designed Proof typography as well as a script logo taken from the Zeus Jones cycling jerseys. The % on the lids were created by hand-dipping each one in wax and stamping the wax using the stamp from the Proof typography.

Adams & Harlow

Designers Anonymous created the identity, website, and packaging for the Adams & Harlow brand of pork pies. Adams and Harlow is owned by two sisters and they named the company in keeping with the rivalry between their grandfathers’ pork pie companies in the early 1900s. The typography is based on a sans-serif font from the 1900s with some unique touches added in. For instance, the designers created the “S” to look like a butcher’s hook.

The Cloud Factory

This whimsical wine label designed by Alastair Duckworth and Ross Hamilton, both of Biles Inc., needed to stand out on shelves while also representing the unique story of this New Zealand brand. To create a look that reflected the “land of the long white cloud,” the designers created a hand-rendered typography with cleverly original lettering. The “T”, “C”, and “F” have a very old-fashioned feel to them, and almost remind one of the typography from the posters for the World’s Fair events in the early 1900s.

Selva Pasta

Kayhan Baspinar created an entire font design specifically for this brand. The lettering is both sophisticated and indicative of the shape of pasta at the same time. The extended lines of the letters and the dramatic shape of the upper curves of a few of the letters, such as the “C” and lowercase “m” and “n” are just a few of the unique touches that make this font stand out.

The Manual Co.

If you peruse the popular package design submission sites, then you may remember this one from the past. Created by Peter Gregson, this packaging for boots, bags, and other accessories has custom white hand-lettering set on a black background. The unique typography looks a bit like artistic chalk typography on a chalkboard and really gives it a high-end, artistic look and feel.

Jacques Prevert, CHOSES ET AUTRES

This beautiful font was created specifically for the cover of Jacques Prevert’s book, CHOSES ET AUTRES. Marijana Zaric did an excellent job of designing this typeface full of bold lettering and rounded edges. The hand-colored look gives it even more depth and character.

Fizzy Lizzy

The custom font designed for these fruit flavored carbonated beverages looks “fizzy” and fun, and leaps off of the label. The bubbles rising from the two “i”s in the logo and the evaporating lettering makes it appear as if the text is floating underwater.

Melt

This custom designed font seems like a cross between the Ark Doomsday Light font and the Priori Sans OT Regular font. The best part of this font design? Along with the dripping chocolate graphics , it looks delicious enough to make anyone crave chocolate, even if chocolate isn’t your forte.

Askul Garbage Bag

An amazingly creative design for such a common household item, this garbage bag packaging was designed by Stockholm Design Lab. The letters falling into a “trash pile” at the bottom of the box are all from the good ole’ font family Helvetica.

Peter Wetzer Wines

Wetzer commissioned designer Laszlo Mihaly Naske to create a calligraphic label for his wine collection, in keeping with a “homemade” theme. Naske explains that his original idea was to go with a more bold approach in the design of the hand-crafted letters, but Wetzer wanted something more simple, traditional, and straightforward. The winemaker chose well – the handwritten font is quite stunning alone and may have been overlooked if too much more was included in the design.

Billington’s Sugar

This redesign by jkr of Billington’s sugar packaging adds much more personality than the previous design. The colorful font graphic front and center capture attention quickly, and the faded font used for the company name adds to the traditional look and feel, an element of the design that was very important to the client. The main font used looks similar to Bebas Neae or a popular Gothic font family.

Fyne Ale

Look closely and you’ll see that Good Creative designed the headlines/titles of the different types of ales each with a different font that matches the name. The Maverick font includes only flags and tags on certain letters – the “A”, “R”, and “K”. In contrast, the Piper’s Gold font is very fancy with a decidedly western look and feel.

IQ

Another great design by Good Creative, this redesign for IQ, a hair product brand, is quite staggering when you see the before and after pictures together. The idea from the brand letters came from strands of hair, especially on the hook of the “Q”.

Before

After

Backyard

This illustrated font was created by Fabien Barral, a phenomenal illustrator and graphic designer. The shape of the font looks similar to Helvetica or another type of simple sans serif font, which gave Barral lots of room for creativity within the illustrations themselves.

Nagging Doubt

Designed by Brand Ever with the label illustrated by Dana Tanamachi, this wine brand was started by a corporate man with a long-time dream he never could ignore, hence the name Nagging Doubt. Tanamachi drew the entire label by hand on a chalkboard, in a font style similar to grape vines for the Voigner label. The Pull label still resembles branches a bit with the “pulled” lines of the letters “N” and “G” but is much more crisp and clean of a font. Each label comes with a QR code that leads to the Nagging Doubt website on which visiters can view a stop motion film of Tanamachi’s illustration process.

Stave and Hoop

Force & Form created the labels for this brand of strong wines, keeping in mind that this wine is intended to be a gentleman’s alternative to whiskey or beer. The typography layout and fonts look similar to the labels found on tonics from the days of the wild west.

Typocolate

This simply delicious typographical project was created by Dynamo to use as Christmas gifts for clients, friends, and family. Each chocolate bar is engraved with a different daily mantra written with a completely original font design. Decorative font styles grace the face of most of the bars, but one also includes a light sans serif font design.

Princess Bride Custom Wine for Alamo Drafthouse Cinema

Every year, the Helms Workshop creates a new design for the Alamo Drafthouse Cinema’s wine collection, always with a certain movie in mind. This year, they chose The Princess Bride in honor of the film’s 25th anniversary. The brand name is Bottle of Wits done appropriately in a bold sans serif font. On the side of the box packaging are phrases from the movie on which various font styles (all sans serif) are combined with graphics to illustrate the term. In this design, a more plain font was certainly the better choice as it allowed for more creativity with graphics, font layout, and other stylistic features that illustrate favorites from the film.

Angioletta

This simple yet elegant design for a sweet, white wine from Wein-Bauer, Inc was created by Kaleidoscope. Obviously, the target audience is younger women, and the font certainly portrays this focus. The light, script font similar to a Vivaldi or Edwardian Style Script typeface is airy, flowing, and feminine.

Sepp Moser

Each one of these quite original wine labels were created by Hans Renzler along with Brace.at on an actual typewriter. Each wine bottle number is handwritten by the winemaker himself, giving these wine bottles a very “collector’s item” sense.

Artisan

The typography on these wine bottles created by Public Creative look like the font stamps from an old letterpress printing press. The title of the wine is in silver while the rest of the letters are charcoal black, which makes the title stand out but also gives the “stamps” for the title a never-been-used appearance.

Tucumen

This Argentinian wine from Budeguer was designed by Guillo Milia. The designers tried to keep the wide variety of cultures in mind in this design, blending a variation of bright colors and font styles to give this impression. The main heading font style is similar to a calligraphic font such as Zocalo. In fact, various script fonts are used but so is a plain serif font, along with a very stylized, medieval-like font used for the brand name.

Cuboid

The font style of the brand name fits perfectly for this boxed wine aimed at millenials and designed by Force & Form. The packages have a video game look with the 8-bit characters, limited colors, cubed font, and tagline “Surrender your corkscrew.” One side of the box invites interaction with a list on which customers can write their favorite wines, done with a mixture of a clean sans serif font and a script font to emphasize a single word in each line of text.

All For Now

But that doesn’t mean that the discussion is done. Quite the opposite, it is just getting started. Now it is your turn. What were some of your favorites from the showcase? Do you know any other products and packages that have that fantastic typography touch? Take a moment and tell us about them in the comment section.

(rb)


Automatic line breaks in narrow columns with CSS 3 hyphens and word-wrap

A problem that has always existed but has become more common lately as more people – thanks to the popularity of responsive web design – make their layouts adapt to narrow viewports, is the lack of automatic hyphenation in web browsers.

As columns of text become narrower, the risk of a single word being longer than the column width increases. When that happens, the text normally extends outside the column (unless the column element’s overflow property has been given a different value than the default visible). The effect can be anything from just a slight visual glitch to unreadable text. Either way it’s something you don’t want to happen.

Read full post

Posted in .

Copyright © Roger Johansson



  •   
  • Copyright © 1996-2010 BlogmyQuery - BMQ. All rights reserved.
    iDream theme by Templates Next | Powered by WordPress