Modernist: Free WordPress Theme with Focus on Typography
Today we are glad to release a yet another freebie: a beautiful Modernist WordPress theme, designed by Rodrigo Galindez and released for Smashing Magazine and its readers. The theme is based on the design ideas of Jan Tschichold, Josef Müller-Brockmann, Dieter Rams, and other modernists. Beautifully built yet transparent, it was designed with a focus on optimal typography in order to better showcase your content: text, images and video.
The theme supports widgets, is SEO optimized, has clean and documented code. It is loading very quickly, and has various WordPress 3.0 features. Works in IE 6+ and all versions of Safari/Firefox/Opera. Includes CSS3 enhancements. As usual, the theme is absolutely free to use in private and commerical projects.
Download the theme for free!
The theme is released under GPL. You can use it for all your projects for free and without any restrictions. Please link to this article if you want to spread the word. You may modify the theme as you wish.
- live demo
- large preview (.jpg, 0,14 Mb)
- download the .zip-package (updated, version 2.5, zip, 0.6 Mb)
- release on the developer’s site
Features
The installation of the theme is very simple. No plugins required, no extra frameworks required. Just download the theme, upload it to your server and activate it to make it work.
- WordPress 3.0.1 tested. It works with the latest version of WordPress, and also with previous versions.
- Embraces Social Media. Modernist has links to share each post to Twitter, Facebook, Delicious Digg, and Reddit. No plugins needed, it just works out of the box.
- Is SEO optimized. Modernist has been carefully handcrafted in order to produce a clean HTML/CSS template. No unnecessary lines, just pure, semantical, bulletproof code that Google loves.
- Supports widgets. Modernist has a widgetized sidebar, and WordPress’ default widgets are styled. You can also drop your favorite widgets or plugins without needing to touch a single line of code.
- Has support for threaded comments, navigation for comments, table styles, header styles and definition lists styles.
- Is flexible and extensible. Change the color scheme to suit your own taste. All the code is well commented. Personalize the theme by adding your own header or your own images in the sidebar. Use font embedding services such as Typekit to serve different fonts and make the typography look unique!
Search Results (large preview)
Thank you, Rodrigo Galindez. We appreciate your work and your good intentions.
Related Posts
You may be interested in the following related releases:
Raiman Au
August 21st, 2010 1:33 amWow, I really love how you can have a theme that looks beautiful just because of the typography. Makes you come back and think about the basics after focusing on image after image on a theme’s design.
An absolutely beautiful work. The “carefully handcrafted by Rodrigo Galindez” must be an understatement! I wonder how much time it took to choose the fonts and set all the spacing!
Thanks for providing this! It’s an inspiration!
Rodrigo Galindez
August 24th, 2010 11:12 pmI’m a bit obsessive with fonts. I started with Typekit fonts, but then decided to use just web safe fonts since it would be then easy to release the theme without any service/plugin hooks. This limited myself a lot. Lot of tweaks, legibility tests, font contrast tests, personal choices…
Overall? 3 weeks of full work :-)
Ben
August 21st, 2010 1:39 amReally nice theme, I cant understand how people can give these away for free though, they must be putting some serious work into them
Adam
August 21st, 2010 1:58 amFrom the readme
‘The set may not be resold, sublicensed or rented. The set may not be offered for free downloading from websites other than SmashingMagazine.com.’
If you’re releasing this under the GPL license, all of these are allowed. You are contradicting the license by restricting these things.
Mike
August 21st, 2010 2:16 amThemes like this really are about the content. Perfect for someone who has something to say. No distracting fluff to distract you.
Nice design and good to see serif fonts being used. There is an app for the ipad called flipbook that displays rss, facebook, twitter feeds etc in a simple clean layout that strips the advertising, games etc and just displays the pure content.
A joy, much like this theme. I just hope people decide to donate some cash to you if they decide to use it.
izuddin.helmi
August 21st, 2010 2:26 amif max-width of image set, please add “img { max-width: 100%; height: auto }”
Rodrigo Galindez
August 24th, 2010 10:55 pmThanks! Just added this to the new version of Modernist (2.5). Vitaly has just uploaded the file, please download it :-)
Jörg Hennicke
August 21st, 2010 2:29 amwonderful… Is it localized? If not… doesn´t matter, great work!
Rodrigo Galindez
August 24th, 2010 10:54 pmNot yet! But you can modify it and it will sure be added in a future version :-)
Albeiro Ochoa
August 21st, 2010 4:00 amNo puede ser que sea gratis
Muy buen Theme estaba buscando algo similar para un proyecto personal
Thanks
Oliver
August 21st, 2010 4:58 amWow, thats a great theme you got here.
I shall be using it for an upcoming site im putting together for a friend.
Thanks a lot!
bob
August 21st, 2010 5:07 amI’m sorry to ask it here, but it would be nice if the great folks at SmashingMag could make a tutorial on HOW TO use and insert a worpress theme in a normal DreamWeaver site… It must be easy (of course :-) but a complete receipe would be appreciated ! Anyone ? Thanks !
Bob
Boba
August 21st, 2010 6:26 amYeah, i would also like to see a HOW TO create a WordPress theme using a software for mind reading , so whatever i imagine it will code it for me, must be easy, right?
P.S. Yes, i was being sarcastic.
Joe
August 21st, 2010 8:42 amThey are running something similar on Adobe’s Devnet website at the moment if you are interested – http://www.adobe.com/devnet/dreamweaver/articles/dw_wordpress_pt1.html
bob
August 25th, 2010 2:16 amThanks a lot. Really useful. THANKS Joe
Jauhari
August 21st, 2010 5:16 amThe Power of minimalistic ;)
I like it
Olga Rudzik
August 21st, 2010 5:43 amThank you! Clear, simple, nice!
Just what i’ve been looking for.
Ralf
August 21st, 2010 5:58 amVery nice theme.
A Drupal port is on the way: http://drupal.org/project/modernist
Husien Adel
August 21st, 2010 6:45 amnice one :D
thanks for simple work
SUE.G
August 21st, 2010 7:11 amAwesome, I like! :) Thank you!
Amando
August 21st, 2010 7:42 amWht the f**k happened to Joomla? Sh**t.
Richie
August 21st, 2010 9:22 amGolly… if that’s not minimalistic, nothing is….
Very good theme!
Robb Irrgang
August 21st, 2010 11:25 amThere’s an orphan in the example screenshot’s first title, though. They could be using widont ( http://www.shauninman.com/archive/2007/01/03/widont_2_1_wordpress_plugin ) to resolve that.
Rodrigo Galindez
August 24th, 2010 11:07 pmGood catch! I just modified this in the demo site.
Ayedee
August 21st, 2010 4:07 pmReally nice theme. Nothing better than a little typography on a clean background
Exionyte
August 21st, 2010 4:36 pmThanks for sharing… very usefull
Tony
August 21st, 2010 8:54 pmAfter installing this theme, I get this error:
“Warning: call_user_func_array() [function.call-user-func-array]: First argumented is expected to be a valid callback, ‘modernist_header_style’ was given …./html/wp-includes/plugin.php on line 395″
Any ideas how to fix this?
Rodrigo Galindez
August 24th, 2010 10:56 pmIt looks like there’s a problem with your plugins (Modernist uses zero plugins). Can you try by deactivating your plugins or installing it in a clean setup? Thanks.
sot
August 22nd, 2010 12:50 pmsuperb….!
Marc Watts
August 22nd, 2010 1:22 pmI’m just wondering if validation is important with these wordpress themes that are released. This one has 11 errors.
Rodrigo Galindez
August 24th, 2010 11:03 pmVersion 2.5 is out with more validation fixes. Unfortunately I can’t fix them all, since those you are pointing are located in the core of WordPress (as in the comment_form() hidden inputs).
Bratu Sebastian
August 22nd, 2010 2:17 pmWow, this theme is great, thanks!
Shesk
August 22nd, 2010 4:26 pmWow great theme and a great post.
You learn something new and interesting everyday i guess. That’s the world of design that i love :).
For some graphic design, enjoy- shesksworld.blogspot.com/
louis ooi
August 22nd, 2010 6:26 pmvery nice template, i like their clean design.”less is more”
Bill Bennett
August 22nd, 2010 7:24 pmI ran into a small problem with the theme – my site has a large number of pages which are listed across the top of the home page.
I’m enough of a WordPress hacker to fix this myself, but it would be better if there were a way of using categories to determine which pages appear in this spot.
drikkes
November 6th, 2010 11:09 amSame Problem here, but as a coding idiot, a can’t use this otherwise really nice and clean theme. How sad.
drikkes
November 11th, 2010 12:21 pmProblem solved. I asked a friend of mine to help me out with that. If you want to check out the Modernist theme without a dropdown navigation, just take a look at http://drikkes.com.
Great and simple theme, I like.
Upendra
August 22nd, 2010 7:50 pmI liked the above article.
I want to ask as why do most web designers these days are focused on Font families and hardly pay attention font sizes. I would request Smashing Magazine to encourage web designers to use better font sizes, make it easily readable as even screen resolutions are increasing. Websites shouldn’t just be beautiful to look but also make us easily go through them and protect our eyes.
In case if something is not so useful, then use some tools like tabs or accordions to hide that data but not with cost of poor font sizes.
emrah serdaroğlu
August 22nd, 2010 10:53 pmclean and smooth, absolutely nice!..
Matt Smith
August 22nd, 2010 10:58 pmthanks for the theme
Mr. GPS
August 23rd, 2010 2:51 amOh! Really Fresh and simple!
Nilesh Mhatre
August 23rd, 2010 4:53 amvery nice article, thanks for such information its help when creating wordpress theme
:)
flo
August 23rd, 2010 11:18 amthe theme is awesome! but feedburner cannot detect a valid xml?! anyone with similar problems?
Rodrigo Galindez
August 24th, 2010 11:05 pmflo, I didn’t test with Feedburner, but I just subscribed (with Firefox) and double checked the RSS feed and seems it’s working normally. Maybe it’s a plugin issue?
Markus
August 23rd, 2010 10:57 pmAwesome! I Love it! Use it on my pers. Weblog!
Mark
August 24th, 2010 6:25 amLove it!
Just one question….how do you get the buttons to work? tried looking for the class but cant see it anywhere?
thanks!
Rodrigo Galindez
August 24th, 2010 11:01 pmMark, the CSS code is at line 590 of style.css. It uses a semi-transparent png, plus some CSS3 enhancements to produce a faux-button. Just reuse this code for any button you would like to style.
David - Web Designer
August 24th, 2010 6:33 amThanks guys, really nice mature design.
Sas
August 25th, 2010 1:19 pmStill needs improvements.
- 1px line above block, not image
- some looking glass icon in search text field
- no border for comment picture
- spacing between list elements
- links hover states too similar to normal state
- byline in comments can be lighter
- no form focus states
- overdesigned buttons
- no all caps block headers, maybe small caps, same color/font as headline
- content and sidebar could be visually separated by thing doted gray line, super light
Andy Paddock
August 26th, 2010 10:17 amSas
when you say improvements don’t you mean stuff you would change.
I don’t think they have blocked access to the css sheet, why not dive in and change it, that lot would take about 20 minutes to alter.
The only improvement or customisation I did was reduce the top margin from 160 to 100px.
Sas
August 27th, 2010 6:07 pmNo, these are UX improvements, optimization and trying to follow style started… all points objective.
Kristina
August 26th, 2010 12:38 amGreat blogs, lots to learn from this guys.
Quick question for any one who commented, have you done any blogs yourself? Do you have design/technical expereince? I’m looking for freelancer who could help me with some blogs, if you are interested please get in touch kristina @ johnhenry.net
@AndresCarceller
December 4th, 2010 4:41 amstill looking for a freelancer? send me a tweet tweeeeeeet ! ;-)
Earl
August 30th, 2010 7:15 pmThemes like this makes me wanna start a new blog! Ha!
Mandi
September 11th, 2010 9:34 pmLooks good. When I installed, it squashed my photos. Not happy about that.
Sudakaran
September 20th, 2010 11:57 amAmazing Theme! Well done!
I liked it instantly!
Thanks! ;)
Ron
October 25th, 2010 11:08 amThe WORST premium theme I’ve ever seen in my entire life.
SmashingMag,
Your QUALITY is becoming so worst now a days.
Kuldeep
November 9th, 2010 11:33 amI love this theme.. Simple superb..
harryplusk
December 27th, 2010 2:26 amThe theme is pretty awesome. I am already using it on my blog.
There is an issue though with comments: when I reply to a comment I click “Reply”, the comment form doesn’t appear below the comment I want to reply to, but it reloads the page and takes me to the top.
Thank you.
Keep up the good work.
P.S. I would like to see WordPress 3.0 Menus support on a future version.
Oscar Martell
January 9th, 2011 9:15 pmI love this theme, for its minimalism and simplicity. I took the time to make some small modifications to use on my site.
Dan Pandrea
January 12th, 2011 12:10 amI have an issue: I loaded a logo in the header area and I want it to link my home page. Any ideas?
Louie Sison
June 25th, 2011 11:07 pmThanks for the share.. Im using it now on my sub- blogs. Again, Thanks..
regards,
Louie Sison
Caner
August 12th, 2011 9:58 pmI did a version of this theme for Tumblr with Rodrigo’s permission but the Tumblr crew didn’t find it suitable. I think this is really annoying since I can’t really figure out what their problem is. Feel free to check it below and install to your new blog though.
Here’s a demo: http://modernistsketch.tumblr.com/
And here’s the install page: http://www.tumblr.com/theme/28555
Thanks
eko susilo
September 15th, 2011 8:10 amWow nice theme bro, background is very similar to the theme that I use now.
John Moore Williams
March 17th, 2012 5:28 amThe first related post link 404s
Andy Paddock
August 25th, 2010 8:07 amI was a bit amazed that it didn’t have a home page link on the top nav bar, or did i miss something
Rodrigo Galindez
August 25th, 2010 10:22 amAndy, the page title is the home page link :-)
Andy Paddock
August 25th, 2010 2:46 pmI know that and you know that.
I’m spending my days designing for old people so I guess I’m just hung up on their constant bleating about home page links, sorry for dumping my troubles on you ;(
Cahya
November 1st, 2010 10:12 amRodrigo,
But when I change the title into images (header), there is no home link – of course I did disable the title (for aesthetic reason). I wish the header images has click-able option and
altelement.And just for a suggestion, I found the theme a little bit lack of navigation menu, like the previous and next post on single post page (except for homepage and archives, it already has previous and next page button/click-able link), is there any specific reason for this?
On the demo page, I see a sample of threaded comment, but I don’t find it (how to reply comment) on the ver. 2.5 after I installed it. Or did I miss something? Well, though I prefer comment system without threaded comment. I wish I can add reply button on the corner, but doesn’t give me a threaded comment style.
And there would be nice if I can see a stylish drop cap on this theme :).