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

    Very nice theme, now I have dilema ;-)

    0
  2. 202

    Very nice theme, now I have dilema ;-)

    0
  3. 403

    I love the stripes!

    0
  4. 604

    I love the stripes!

    0
  5. 805

    Very nice theme

    0
  6. 1006

    Very nice theme

    0
  7. 1207

    very lucky bumped to this site

    0
  8. 1408

    very lucky bumped to this site

    0
  9. 1609

    First of all thank you very much for making this theme open source. I am using it on my blog right now, and I’ve been making a few colour tweaks here and there. Thanks!!!

    0
  10. 1810

    First of all thank you very much for making this theme open source. I am using it on my blog right now, and I’ve been making a few colour tweaks here and there. Thanks!!!

    0
  11. 2011

    hi nice theme but,
    when using wordpress 2.5 pagenavi for tags page is not working :(

    0
  12. 2212

    hi nice theme but,
    when using wordpress 2.5 pagenavi for tags page is not working :(

    0
  13. 2413

    I’ve got a problem with adsense showing up in the theme.

    It shows up on the main index just as I’d like it, too. It displays fine. I want it to appear the same way on the single post pages, but I’m only seeing one of the three adspots showing up. Any clues as to whats happening?

    0
  14. 2614

    Best theme i found here. keep on gud work mate.

    0
  15. 2815

    Best theme i found here. keep on gud work mate.

    0
  16. 3016

    very nice! year,,,,

    0
  17. 3217

    very nice! year,,,,

    0
  18. 3418

    aloo netter smuanya………
    ak lg cari font “myriadpro-bold” n “helvetica” … ada yg bisa bantu ga yah…
    kalo bisa ak jg numpang nyedot thx yahh…..

    regards

    sonny

    0
  19. 3619

    aloo netter smuanya………
    ak lg cari font “myriadpro-bold” n “helvetica” … ada yg bisa bantu ga yah…
    kalo bisa ak jg numpang nyedot thx yahh…..

    regards

    sonny

    0
  20. 3820

    Free or commercial, how to master typography is a topic for a bible, you can’t possible cover that in an article. Go get a book and start learning instead.

    0
  21. 4021

    Free or commercial, how to master typography is a topic for a bible, you can’t possible cover that in an article. Go get a book and start learning instead.

    0
  22. 4222

    the theme is very beautiful,i like it!

    0
  23. 4423

    the theme is very beautiful,i like it!

    0
  24. 4624

    thats great for wordpress user for me as well :-)

    Suraish Patel

    0
  25. 4825

    thats great for wordpress user for me as well :-)

    Suraish Patel

    0
  26. 5026

    Hi smashing magazine , I wonder how you edit your theme? I want to do that’s what you do in the right of the pages , Like this picture SPONSORS and the links in down of the pictures , How you do that? And how can I add Header to the theme??? Please tell me by emailing me in Ezz313@gmail.com
    Best luck

    0
  27. 5227

    Hi smashing magazine , I wonder how you edit your theme? I want to do that’s what you do in the right of the pages , Like this picture SPONSORS and the links in down of the pictures , How you do that? And how can I add Header to the theme??? Please tell me by emailing me in Ezz313@gmail.com
    Best luck

    0
  28. 5428

    I’m writing from Turkey. I like your writings.

    0
  29. 5629

    I’m writing from Turkey. I like your writings.

    0
  30. 5830

    please, i have a problem to activate the smashing them; (fatal errors in functions.php line 114).
    What i have to modify in functions.php?
    and i didn’t understand “theme is Widget Ready”?!
    thank you in advance!

    0
  31. 6031

    please, i have a problem to activate the smashing them; (fatal errors in functions.php line 114).
    What i have to modify in functions.php?
    and i didn’t understand “theme is Widget Ready”?!
    thank you in advance!

    0
  32. 6232

    please, i have a problem to activate the smashing them; (fatal errors in functions.php line 114).
    What i have to modify in functions.php?
    and i didn’t understand “theme is Widget Ready”?!
    thank you in advance!

    0
  33. 6433

    please, i have a problem to activate the smashing them; (fatal errors in functions.php line 114).
    What i have to modify in functions.php?
    and i didn’t understand “theme is Widget Ready”?!
    thank you in advance!

    0
  34. 6634

    Thank you sharing! I was looking for a clean yet not boring theme. I’m using this theme now at my running blog. It looks lovely!

    0
  35. 6835

    Thank you sharing! I was looking for a clean yet not boring theme. I’m using this theme now at my running blog. It looks lovely!

    0
  36. 7036

    it’s a very nice themes, thank u for sharing.

    0
  37. 7237

    it’s a very nice themes, thank u for sharing.

    0

↑ Back to top