Smashing Free Font and WordPress-Theme

Advertisement

As our Smashing First Anniversary celebration ends, we’d like to wrap up our event with two further presents for each and every one of our readers. In August we’ve asked Jos Buivenga1, a Dutch typo-designer who has created professional freefont Delicious2 to design a special typeface dedicated to the Smashing Magazine First Anniversary. Jos has agreed to get a “smashing” freefont done just in time.

We’ve also asked Elena Gafita from the DesignDisease team3 — well-known for its professional WordPress theme Blogging Pro4 — to design a special WordPress-Theme dedicated to our anniversary. Despite deadlines Elena agreed and promised to get a “smashing” WordPress-Theme done just in time.

Both typeface and WordPress theme were done in time. And we’re honoured to give both of them away – for you and for free. Thanks to Jos and Elena for participating!

Smashing Free Typeface: Anivers by Jos Buivenga

Anivers page5 (with download) | Sample: .pdf specimen6

Anivers7

Anivers8

Anivers9

Here are some insights from the designer himself:

“When I was asked by Smashing Magazine if I wanted to make a free font for their anniversary I was really thrilled. With a combination of some earlier sketches and some tweaking I managed to hook on to the spirit of a nice new font: Anivers. The name Anivers — as you might have guessed — is derived from the word anniversary.

I’ve developed some particular things I’d like to have in a Smashing Magazine anniversary font. For instance, I wanted it to be a robust and rigid typeface, forgiving and yet flexible and elegant… and also suitable for a broad use: from a stationery to a poster headline. From an intro in a (smashing) magazine to… well… we’ll soon know. :-)

Anivers10

Anivers11

For now it’s only regular, but anivers italic, bold, bold italic and maybe small caps will follow soon. Apart from ligatures, contextual alternatives, fractions and oldstyle/tabular numerals Anivers also has a ‘case’ feature for case-sensitive forms. Anivers also supports CE languages and Esperanto. It has over 1.600 kerning pairs.”

Smashing Free WordPress-Theme:
Smashing Theme by DesignDisease

Test Page12 | Download Smashing Theme!13

Smashing Theme14

Smashing Theme15

How to develop a stylish WordPress-Theme from scratch? Some insights from Elena:

“Creating a WordPress Theme isn’t easy but I can’t call it yet a NASA Job. The theme I created for Smashing Magazine was a special task for me because I read this magazine every time they have something new so I wanted to give something back.

After I found out what Smashing Magazine team expects from this theme I got started by selecting the color palette. After this point I created the layout style and placed the background straps modular along with the layout areas. This choice was motivated by the fact that Smashing Magazine is a feed, a flux of information represented by the size and colors of the straps. Colors are — of course — inspired by the Smashing Magazine logo.

Smashing Theme16

Every designer who creates a free theme must know the importance of the AdSense integration in the layout; therefore I’ve divided the content area in 3 sections (columns). Each of them for a specific AdSense unit (468 x 60), (180×150), (160×600).

In my themes I always try to make a clear visual separation between the Posting area and the Widget zone (2nd and the 3rd column). In this case I achieved this effect by creating a strong visual contrast: white for the written post (to ensure the optical silence for readers) and colorful/darker areas (active vibrant content motivates users to click on those surfaces) for the numerous categories, links etc.

Another fact which I care about is the space around the main content (posting area). The flux of information must breathe, so a 20/30px white space between information units is necessary. The space left between the different areas must be used as a module, repeating the spaces in key zones of the layout.

One of the most difficult tasks in designing a theme is to find a style for it. A unique style helps a blog to stand out from simplistic and minimalistic designs. I don’t have anything against minimalist style, but as a designer I feel I can express myself in a more colorful way.

Smashing Theme17

The Smashing theme has a plug-in integrated into the functions.php, so modifying this file you should have some basic knowledge about PHP. The theme is Widget Ready.

I could have done more for this theme, but I am in hurry, I am leaving to a 7 days holiday into the sunny Greece. Have fun using it and a Happy Anniversary for Smashing Magazine!”

Footnotes

  1. 1 http://www.exljbris.com
  2. 2 http://www.exljbris.com/delicious.html
  3. 3 http://www.designdisease.com/
  4. 4 http://wp-themes.designdisease.com/category/free-blog-themes/blogging-pro/
  5. 5 http://www.exljbris.com/anivers.html
  6. 6 http://www.exljbris.nl/Anivers_sample.pdf
  7. 7 http://www.exljbris.com/anivers.html
  8. 8 http://www.exljbris.com/anivers.html
  9. 9 http://www.exljbris.com/anivers.html
  10. 10 http://www.exljbris.com/anivers.html
  11. 11 http://www.exljbris.com/anivers.html
  12. 12 http://designdisease.com/preview/smashing-theme
  13. 13 http://designdisease.com/download-manager.php?id=3
  14. 14 http://designdisease.com/preview/smashing-theme
  15. 15 http://designdisease.com/preview/smashing-theme
  16. 16 http://www.wp-themes.designdisease.com/testrun/?theme=wp_smashingtheme
  17. 17 http://www.wp-themes.designdisease.com/testrun/?theme=wp_smashingtheme

↑ Back to top Tweet itShare on Facebook

The Smashing team loves high-quality content and cares about the little details. Through our online articles, Smashing Books, eBooks as well as Smashing Conferences, we are committed to stimulating creativity and strengthening the web design community’s creative forces.

Advertisement
  1. 1

    I feel like it’s Christmas :)

    0
  2. 2

    I feel like it’s Christmas :)

    0
  3. 3

    This is nice man..

    Thank SM…

    0
  4. 4

    This is nice man..

    Thank SM…

    0
  5. 5

    You guys kick ass!

    Keep up the “Smashing” work!

    0
  6. 6

    You guys kick ass!

    Keep up the “Smashing” work!

    0
  7. 7
  8. 8
  9. 9

    Both the font and the theme are fantastic – thanks for your input and thanks to Smashing Magazine for giving us this!

    0
  10. 10

    Both the font and the theme are fantastic – thanks for your input and thanks to Smashing Magazine for giving us this!

    0
  11. 11

    SMASH HITS!

    0
  12. 12

    SMASH HITS!

    0
  13. 13

    Wow! Thank you Jos, Elena, and Smashing Magazine. You are very generous!

    0
  14. 14

    Wow! Thank you Jos, Elena, and Smashing Magazine. You are very generous!

    0
  15. 15

    Amazing work!! Thank you again for an incredible job.

    0
  16. 16

    Amazing work!! Thank you again for an incredible job.

    0
  17. 17
  18. 18
  19. 19

    Wow! Beautiful theme! Why don’t you guys use it yourselves? A little extra flair on this site would go a long way!

    0
  20. 20

    Wow! Beautiful theme! Why don’t you guys use it yourselves? A little extra flair on this site would go a long way!

    0
  21. 21

    Thank you so much for these!I just loved the fonts,thank you guys!
    Cheers
    Y

    0
  22. 22

    Thank you so much for these!I just loved the fonts,thank you guys!
    Cheers
    Y

    0
  23. 23

    Beautiful both of them. I will use the theme for my blog. I love it right away.

    0
  24. 24

    Beautiful both of them. I will use the theme for my blog. I love it right away.

    0
  25. 25

    Great stuff!!

    0
  26. 26

    Great stuff!!

    0
  27. 27

    obrigado!

    0
  28. 28

    obrigado!

    0
  29. 29

    Wow! Nice stuff, thanx a lot!

    0
  30. 30

    Wow! Nice stuff, thanx a lot!

    0
  31. 31

    Not one to look a gift horse in the mouth, but how do you use these free fonts? Smashing has pointed to several free fonts, but I don’t know how to use them, for example, on my web page. Also, it seems like some of these fonts are only good for Windows. Can we have a Smashing article on how to use free fonts?

    0
  32. 32

    Not one to look a gift horse in the mouth, but how do you use these free fonts? Smashing has pointed to several free fonts, but I don’t know how to use them, for example, on my web page. Also, it seems like some of these fonts are only good for Windows. Can we have a Smashing article on how to use free fonts?

    0
  33. 33

    The Font is great, but the template would never make it into one of your lists;) By the Way: Happy Birthday

    0
  34. 34

    The Font is great, but the template would never make it into one of your lists;) By the Way: Happy Birthday

    0
  35. 35

    The font is gorgeous! I love smashing magazine free fonts!

    0
  36. 36

    The font is gorgeous! I love smashing magazine free fonts!

    0
  37. 37

    thanks for the supercool theme! im changing from Brajeshwar to SMASH theme NOW!

    0
  38. 38

    thanks for the supercool theme! im changing from Brajeshwar to SMASH theme NOW!

    0
  39. 39

    What a smashing theme, the way the middle column relates visually to the content on either side of it is quite nice. Simple but very well considered. Great job.

    0
  40. 40

    What a smashing theme, the way the middle column relates visually to the content on either side of it is quite nice. Simple but very well considered. Great job.

    0
  41. 41

    this is a great theme, thanks guys

    0
  42. 42

    this is a great theme, thanks guys

    0
  43. 43

    Niels Teunis got a point you should do a REMODELATION because of your first anniversary giving some use to the theme and the font… it would look just awesome!!!

    0
  44. 44

    Niels Teunis got a point you should do a REMODELATION because of your first anniversary giving some use to the theme and the font… it would look just awesome!!!

    0
  45. 45

    Thank you for the gorgeous font! I cant wait to use it!

    0
  46. 46

    Thank you for the gorgeous font! I cant wait to use it!

    0
  47. 47

    very cool. thanks.

    0
  48. 48

    very cool. thanks.

    0
  49. 49

    Love the font. :D

    0
  50. 50

    Love the font. :D

    0

↑ Back to top