On March 20, we released a major version update to our Stanford-branded, mobile-responsive, Drupal 7 theme, Stanford Framework (read more about the update here). This version includes several new theme options that greatly expand functionality and flexibility of the theme. In this post, I'll highlight ways you can use the new Stanford Framework to create beautiful, customized designs faster.
We had found that many department and group sites were further customizing their look-and-feel using CSS Injector, with mixed results. We wanted to give people an easier place to start to get a more unique look-and-feel. The 3.0 release now lets you choose from seven different color palettes and three font options (below) to allow for easier customization of your site. All colors and fonts fit within the Stanford identity guidelines, and together can create over 21 combinations.
By starting with one of these style options, you can get closer to how you want your site to look through the theme settings page, and then add only minimal CSS to enhance the existing styles.
We had originally introduced this functionality in the Stanford Light theme, and very quickly realized that there was a larger demand for this kind of stylistic customization from sites that required the Stanford brand bars (only available in Stanford Framework). So we ported over the custom style options, improved them, and integrated them into Stanford Framework.
Subthemes as options
Another shift in the flexibility of Stanford Framework is that we now incorporate the subthemes, Wilbur and Jordan, into the Stanford Framework theme as theme options. There really was no reason for these to be subthemes in the first place, as they are simply a layer of custom CSS, and do not include any custom template code. So in 3.0 we moved the CSS for Wilbur and Jordan into Stanford Framework and you can now enable them from the theme settings page. This does not mean that we will be neglecting the stand-alone Wilbur and Jordan themes, but that it should be easier going forward to provide variety for groups and departments through Stanford Framework as a single theme, instead of requiring multiple themes to be enabled all at once.
Responsive header background images
An exciting new feature in Stanford Framework is a robust theme option to support a responsive header backgroud image. This includes a subsetting to set the background image to fill the entire page on the homepage for greater impact, and a subsetting for choosing light or dark text color to contrast with your background image for greater accessibility. See below for examples.
See a demo
Join us at Stanford Drupal Camp where we will be demoing the new theme options and how to use them creatively to get beautiful, customized designs faster for your Drupal site. After Drupal Camp, we'll upload the recordings to the resources page on the Drupal Themes website for reference.
If you are interested in requesting use of Stanford Framework for your department or group website, please visit the Drupal Themes website request form.