Astagram Studios- A Creative Studio- Official Blog » typography

Great Typographic Product Design

admin — Thu, 14 Jan 2010 15:58:19 +0000

class="greet_block">

href="http://www.ocularharmony.com/feed/rss/" rel="nofollow"> src="http://www.ocularharmony.com/wp-content/plugins/wp-greet-box/images/rss_icon.png"
alt="WP Greet Box icon"/>

Hello there! If you are new here,
you might want to
rel=”nofollow”>subscribe to the RSS feed for
updates on this topic.

style="clear:both">

Does it ever happen that you walk into the store and snoop around for whatever you’re looking for and end up getting the one with the sweetest packaging? It certainly helps me decide, especially when it’s a small company that really puts a lot into their identity. Here’s some inspiration to those who dig sweet product design. I’d be guilty to do this list without giving credit to Death By Kerning, an excellent typography blog with a lot of original content. Check it out!

…And why didn’t I drink this at the switch of the decade? The hand drawn type makes it stand out from the common Serif type on the front of wine bottles, and even the twist-offs are branded. Notice how the labels resemble torn-out pages with the ring-holes on top.

Sweet. For those who want to type-up their walls (and want some inspiration to glue their own ideas to their walls), Veer offers a typographic wall decal that you can take apart and build into different shapes. Neato.

If I saw someone walking in the street with one of these, I would be tempted to ask what letter it was supposed to be. Maybe a P. Or an I. It’s the subtlety of this that I like. It doesn’t have to shout typography at you, but it can if it wants to.

Nicely done by Taxi Studio. “Venezuelan Black” can almost even pass as a name of a typeface. If one knows what they’re doing, using multiple fonts in a design can drastically increase it’s typographic color. This is a great example.

Oh man, who would have thought that a conceptual repackaging of Monopoly would get so much critical feedback? Created by Andy Mangold, this Monopoly has sparked a lot of discussion whether the design affects the functionality and usability of the game and discredits it’s previous all-ages appearance. I feel that a redesign of the classic board is 100 times more interesting than a far-out board concept like the “Ford Thunderbird 50th Anniversary Monopoly Board“. Although it sure would be fun to try something like Googleopoly for those social media lovers (despite the type, of course).

Now here’s an interesting one. Brut has an excellent logo and a suitable green package for it, but then it’s destroyed by all the other gibberish text on the front that seems like it wants to have typographic color but doesn’t. Certainly a leap in front of most deodorant designs, but still lacking so much potential. Better luck next time Brut, and stop the animal testing and chemical-based formulas while you’re at it.

And while still on the subject of environmentalism and carbon footprint, these guys started selling water in boxes making a blatant environmental statement on the front. So many products now have what I like to call “noise” on the front which distracts you from what you should be seeing. A minimalist typographic approach suits this product perfectly.

Marcie Hicks uses the simple yet clever concept of putting a closing elastic straight through a Helvetica “BILLS”, turning the “S” into a dollar sign. You can buy it here.

Simon Alander does a great illustrated job of relabeling a wine bottle for his mother’s 50th birthday. The entirety of the product is black and white making the classy thin type and the 50 illustration outstanding.

You might be thinking “what in the world is that?!” like I was when I first saw this image. This is honestly the single most original idea I’ve ever heard of for a piece of hardware. Each of those “matches” is actually a 5gb memory stick which only becomes active when you “light it” on the side of the box followed by plugging it into the device.

In terms of practicality it may not score full marks, but the device uses remarkable typographic branding on a remarkable idea. This was created by Efir Rifat and Burak Kaynak. Check out Burak Kaynak’s portfolio, he has some neat stuff in there.

Videal Natural Energy Drink.

Starbucks I’m very happy for you and ima gonna let you finish, but Studio 43 has the best coffee package design of all time.

Gness Music packaging design by Effektive Design. I always liked great looking labels on plain Boxes. Behance Network does the same with their box design.

20 Websites with Beautiful Typography

admin — Fri, 08 Jan 2010 23:01:01 +0000

Typography in web design plays an integral part in setting the tone, theme, and message of a website.

For example, you can convey a site’s focus on modernity or traditionalism simply by choosing to use sans serif or serif fonts, respectively. You can call attention to particular parts of the content, and deemphasize others, by changing the font’s color, line-height, style, and size. An effective palette of fonts not only makes a design attractive, but also contributes to the readability and usability of the content.

In this collection, you’ll find a variety of sites that showcase creative and functional uses of typography.

1. Jason Santa Maria

In Jason Santa Maria’s personal site, the typography selection and styling plays a large part in the minimalist design. Article titles are large, drawing your attention to them right away. sIFR is used in several places (such as the footer headings) to allow the use of non web-safe fonts without using images for text.

2. Elysium Burns

Elysium Burns infuses large, bold, sans serif fonts with traditional serif fonts to create a stunning design. CSS image backgrounds are used for the articles’ titles and site headings.

3. GOOD

GOOD uses clean and excellently-spaced fonts to form a beautiful and readable design.

4. Web Design Ledger

Web designer and developer Henry Jones combines the use of serif and sans serif fonts to create a unique web design. The design of Web Design Ledger showcases the readers’ recent comments with large, emphasized type not only as a functional element in the design, but also for creative purposes.

5. Future Of Web Apps

The Future Of Web Apps website uses a variety of large and bold text with bright colors. The main navigation’s font is bold with negative letter-spacing and a short line-height, creating a compact and unique text-based navigation menu.

6. VigetInspire

The VigetInspire blog has an array of gorgeous font usages. A large line-height value for the content’s text allows them to use smaller fonts without sacrificing readability.

7. Diaroogle.com

Diaroogle.com is an excellent example of using both serif and sans serif fonts in a web design while still keeping a tight and complementary composition. The search input box uses a calligraphic font making it stand out while still being unobtrusive.

8. The Morning News

In minimalist designs, typography plays a large part in the layout and theme of the design. The Morning News uses clean and appropriately-spaced fonts with subtle colors to create a clean and crisp atmosphere.

9. Ordered List

Ordered List utilizes a variety of big, bold sizes and colors to compliment the rather dark background. By using CSS background images for headings, the font used can be a non web-safe font face while still retaining the site’s accessibility and indexibility.

10. Words Are Pictures

Words Are Pictures stays true to the name of the site by using its typography as the main design element. Simple styling of serif fonts sets a classical look-and-feel.

11. Meagan Fisher

Meagan Fisher employs a variety of serif font faces and styles in her personal site. The hang tag image on the top left corner of the web design quickly tells the visitors where they are; using a unique font in this case can call the user’s attention to the tiny blurb.

12. The New Yorker

The New Yorker brings their magazine’s trademark font on the web, maintaining their brand in both print and web mediums. The use of serif font gives the reader a sense that The New Yorker is a traditional and long-established magazine.

13. Black Estate Vineyard

It’s a difficult feat to use a dark background without being associated with the non-mainstream and underground class of websites. Black Estate Vineyard is able to use a black background (their brand color) – while still maintaining a sense of sophistication – by using big, bolded serif fonts. Using a high-contrast color (white) as the foreground color allows for better readability.

14. Ad Fed MN

AD Fed MN successfully mixes sans serif and serif fonts in the design. A simple and bright navigation menu on the top right of the design allows for an attractive and compact primary navigation scheme. The sidebar features image replacement headings so that they can utilize non web-safe fonts while still retaining accessibility and indexibility.

15. What a Lovely Name

What a Lovely Name is a simple web application that helps users choose a name for their baby based on key words (“tags”). The key words are arranged in a tag cloud with more popular tags being larger and bolder than less popular tags.

16. Rustin Jessen

Rustin Jessen’s site is minimalist for a reason: to direct the reader’s attention towards his wonderful works of art.

17. The Darling Tree

The Darling Tree’s use of various font styles and sizes contributes greatly to the design theme.

18. I Love Typography

With a site named “I Love Typography“, it’s no wonder that the web design is highly-conscientious about its font selection and usage.

19. A List Apart

A List Apart’s minimalist design is centered on the attractive and functional application of typography. Adequate line-spacing in the content’s text makes their articles more readable and different colors of the titles and headings create a visual relationship between articles in the same topic.

20. Training by Collective Idea

A beautiful upcoming events section on the top right of the design showcases their meticulous attention to typography.

Stunning Beautiful Caligraphy fonts- FREE

Shankar Siva — Sun, 27 Dec 2009 17:09:07 +0000

Not all Calligraphy fonts are usable in design. Calligraphy fonts are beautiful, elegant

and express greetings. Here are some fonts that worth looked at and use it on your

design project.

1. Cygnet round

2. Shardee

3. Allegro

4. Riegling

5.Dear Joe – Itallic

6. Saffron too

7. Scriptina

8. Henry Morgan Hand

9. Balzac

10. Chopin Script

Download above fonts: calligraphy fonts