19 Base Themes for Drupal

In: Drupal| English| Theme| development

26 Oct 2009

Drupal theming can be much faster and easier when you use base (starter, parent) theme as a foundation. A base theme usually has nearly no css styling, provides theme regions, advanced features, and its purpose is to enable you to create new themes fast, focusing on changing design to code.

image-holder

Base Theme Classics

Zen
Zen is the ultimate starting theme for Drupal. If you are building your own standards-compliant theme, you will find it much easier to start with Zen than to start with Garland or Bluemarine. This theme has fantastic online documentation and tons of code comments for both the PHP (template.php) and HTML (page.tpl.php, node.tpl.php).

Framework
Framework is a blank canvas for theme developers. Use Framework as a user friendly starting point to help facilitate your theme development.

Genesis
Genesis is an standards compliant, accessible and semantically rich starter theme for Drupal 6. Genesis is easy to theme yet extremely flexible, giving you endless theming possibilities. Genesis makes building a standards compliant accessible theme easier than starting from scratch.

Basic
Originally a stripped down version of the ZEN theme, basic has now become its own concept of a theme starter. Basic boasts a clean HTML structure with extensible CSS classes and ID’s for unlimited theming possibilities as well as a top-down load order for improved SEO.

Clean
The idea behind this theme was to make a clean, versatile theme that has just enough styling to be usable right out of the box. Clean theme is analogous to using a reset.css file to start a project, but in the form of a Drupal theme. Clean theme provides a solid foundation on which you will be able to create a bespoke theme within the shortest possible time.

Blueprint
Blueprint is a starter Drupal theme meant to make development of custom themes faster.

AdaptiveTheme
Adaptivetheme is a powerful starter theme with many layout and configuration options built into the theme and easily modified via theme settings and use of the Skinr module.

Fusion
Fusion is a powerful base theme, with layout and style configuration options built in that you can control through Drupal’s UI. It’s based on a simplified 960px or fluid 16-column grid. It’s designed to be used with the Skinr module, with numerous block styles included.

BeginningBeginning 2
The beginning theme has to be considered as another blank canvas for theme developers. Use beginning as a starting point to help facilitate your theme development. Simply add background images and you’re done !

Alldrupalthemes.com Basetheme
ADT Basetheme v2 is the basetheme for all new drupal themes on alldrupalthemes.com and the themes produced by the Design to Drupal service.

Blue Trip
The BlueTrip theme for Drupal is the adaptation of the CSS framework BlueTrip for the Drupal system.

Grid Based Base Themes

NineSixty (960 Grid System)
NineSixty is a base theme with all the files provided by the 960 Grid System. From the sketch sheets to all the styles from the framework are included. There are a few modifications so it better fits into Drupal.

Zen nineSixty (960 Grid system)
This is the NineSixty theme (http://drupal.org/project/ninesixty) developed as a Zen sub theme for use with Zen theme (http://drupal.org/project/zen) for Drupal 6.

Fluid Grid System
If you already tried Blueprint or 960, two very popular grid system, you probably noticed that most of the grid system only offer a fixed, centered width of 960 or 950 pixels to create your designs.
Fluid Grid provides a grid system that works with any page width, even fluid layouts! With Fluid Grid, you can keep working within a grid system, but the grid is now completely configurable.

New themes on the block

Omega
The Omega Theme is a powerful and free Drupal theme based on the 960gs. It harneses the power and features of many popular themes to provied an excellent base theme, and sub-theming system to help you quickly prototype and theme your site.

Starkish
Starkish is Zen’s younger, leaner cousin. It saves the helpful classes and ID’s of Zen, but rips out all the CSS and extra markup.

Five
Five is a Drupal base theme written using HTML 5 and uses the 960 CSS framework.

Stark
The Stark theme is provided for demonstration purposes; it uses Drupal’s default HTML markup and CSS styles. It can be used as a troubleshooting tool to determine whether module-related CSS and JavaScript are interfering with a more complex theme, and can be used by designers interested in studying Drupal’s default markup without the interference of changes commonly made by more complex themes.

Mothership
The mothership theme is the über “clean up this html that drupal provides” theme - so if you wanna make any sense of this them use it as a parent theme! The basic idea is to use this theme before other “theme systemes” (zen, basic, studio, 960). The only thing this theme does is to clean up and remove html & classes that I dont think is necessary, and by that creating a cleaner html code.

Bonus

Starter Themes - A round up of themes that identify themselves as starter themes for Drupal.

Similar Posts:

  • Digg
  • del.icio.us
  • Facebook
  • Google
  • Design Float
  • Furl
  • Identi.ca
  • Ma.gnolia
  • Netvibes
  • Reddit
  • StumbleUpon
  • Technorati
  • TwitThis

If you enjoyed this post, make sure you subscribe to my RSS feed!

17 Responses to 19 Base Themes for Drupal

Avatar

Bevan

October 27th, 2009 at 4:58 am

Great post! Have you considered contributing this to the Drupal.org handbook?

[Reply]

Avatar

links for 2009-10-27 « random thoughts and casual ruminations

October 27th, 2009 at 1:06 pm

[...] 19 Base Themes for Drupal | Mogdesign (tags: Drupal web_design) [...]

Avatar

ArtRout

October 27th, 2009 at 3:15 pm

Useful post. May be move Blueprint theme to Grid Based Base Themes?

[Reply]

Avatar

Matt

October 27th, 2009 at 5:20 pm

The studio base theme is complex, yet beautiful. With the primary purpose of making themes simpler, more organized, more structured, and easier to alter, Studio has several advancements, several of which have made their way into D7. By handling all attributes through preprocess, studio allows for modules and themes to alter attributes on virtually every element (think RDFa). Studio also separates preprocess functions into individual files, making the template.php file much easier to comprehend. There are also several other enhancements such as conditional stylesheet support from the .info, lots of classes (similar to Zen), and cleaner markup throughout. Studio is an all around steller base theme.

[Reply]

Avatar

mogdesign

October 27th, 2009 at 5:28 pm

@Matt - thanks for the tip, studio theme looks neat, I will add it later to the list

@ArtRout - yes, will move that…

[Reply]

Avatar

peach - all drupal themes

October 27th, 2009 at 5:48 pm

Great list. Nice that you included mine but I have to admit right now my basetheme is a bit of a mess, it’s in between versions and its going to be updated with new features and file architecture soon, which will result in a much more user and developer friendly basetheme

[Reply]

Avatar

19 Themes base para Drupal | Codigo Geek

October 27th, 2009 at 7:48 pm

[...] Si necesitás desarrollar un theme y ahorrarte un poco de trabajo, recomiendo que pases por MOGDESIGN y veas algunos de los themes base que [...]

Avatar

Owen

October 28th, 2009 at 12:30 am

Avatar

Drupal Theme Garden

October 28th, 2009 at 11:58 am

Really nice and useful overview.
Thanks.

[Reply]

Avatar

beni

October 28th, 2009 at 1:55 pm

Great list, love your post, i will be back to read some more…

[Reply]

Avatar

clippingimages

October 30th, 2009 at 2:07 am

Awesome post :) . Thanks for sharing this nice post.

[Reply]

Avatar

Plantillas para Drupal | Dinero 2.0

November 1st, 2009 at 6:41 am

[...] portal MogDesign es una de ellas, cuenta con una extensa variedad de temas para diferentes temáticas según [...]

Avatar

Plätze, um Geld zu gewinnen: Brandsohlen für Drupal

November 9th, 2009 at 2:02 am

[...] Typ von Mitteln anbieten, dessenungeachtet gibt es manche hervorragende Alternativen. Das Portal MogDesign ist eine von ihnen, rechnet mit einer weiten Themavielfalt für verschiedene Thematiken im Maße wie [...]

Avatar

Mesta, chtoby zarabatyvat' den'gi: Штат для Drupal

November 9th, 2009 at 2:11 am

[...] менее есть какие-то превосходные альтернативы. Портал MogDesign - одна из них, рассчитывает пространным разнообразием [...]

Avatar

Places to gain money: Staff for Drupal

November 11th, 2009 at 1:56 pm

[...] that offer this type of resources, nevertheless there are some outstanding alternatives. The portal MogDesign is one of them, it relies on with an extensive topics variety for different subject-matters as [...]

Avatar

Themes para CMS Drupal | Dinero 2.0

December 24th, 2009 at 1:10 am

[...] portal MogDesign es una de ellas, cuenta con una extensa variedad de temas para diferentes temáticas según [...]

Avatar

Jon

January 8th, 2010 at 8:32 pm

What about pics?
I am too lazy to click on each one, mate!!!

[Reply]

Comment Form

About this blog

Mogdesign is a personal blog of Jozef (Jojo) Toth a Slovak based Web and Graphic designer.
It is his notepad, where he shares his personal notes, code snippets, tutorials, design freebies, resources for freelancers and showcases his latest designs.

Photostream

    P1120948P1120946P1120945P1120939P1120936P1120931P1120868P1120200P1120199
I'm going to Drupal Camp Bratislava 2010

Twitter Updates: @jojototh

Google Ads