A progressive mobile first front-end framework for Drupal with modular scale typography and powerful layout engine for faster and more effective web development.
Responsive from mobile to wider media with customizable breakpoints.
Modular Scale Typography
Harmonious typography with the time-tested golden ratio used by typographers for centuries.
True Semantic Markup
Work without the layout classes like .grid_x on your markup. Unless you really want to use them.
More customizations with LESS
Harness the power of LESS with pre-defined intuitive mixins and bundles. Define variables for layout, colors, fonts, and more.
Powerful Customizable Grid
Work with 24 units with proportional gutter and line-height or customize according to your needs. Define sidebar, branding, and node aside widths on the fly.
Sensible style defaults
Tired of doing the same basic styles over and over again? The Groundwork Front-end Framework has you covered.
What is Groundwork?
Groundwork is a front-end framework especially made for Drupal. It was built to help you design beautiful websites faster and more efficient. As its name implies, it’s a groundwork which comes already with sensible generic style defaults, CSS browser hacks, collection of mixins, bundles and more. Because of Groundwork’s basic generic style, you may also wish to use its starter sub-theme as is, as a structured minimalistic theme or design your own.
Groundwork uses a 24 grid system as default. The layout options available are endless, which makes the Groundwork suite of themes extremely versatile. Customizing a website to specific layout and design is very easy.
Groundwork supports 17 regions whereas the regions page_top, page_bottom, and help are special hidden regions. The other 14 regions are available to you for unlimited block placement and layout options.
Inspiration & credits
Groundwork created and maintained by John Noceda.
Special thanks to all the popular CSS, LESS, SCSS frameworks and boilerplates out there for the inspiration and great ideas
Groundwork Front-End Framework Licenses
Documentation is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.
Theme powered by Groundwork Front-end Framework for Drupal