Mayumi

Demo to see how the theme looks in a sample Drupal site Apply theme

A progressive mobile first "feminine" theme with modular scale typography and powerful grid-based layout engine.

  • HTML 5
  • Responsive design (mobile-first) with configurable breakpoints. Defaults to 768, 960 and 1152
  • Typography using modular scale.
  • Web accessibility optimized with ARIA roles
  • Bulletproof flexible grid system with 24 columns (units) as default.
  • Configurable grid
    • Configurable number of columns in the grid
    • Configurable gutter width
  • Horizontal login block if placed in topbar region
  • Comes with its own special font "Noceda Font Pro", a light, elegant and open sans-serif font built in with 304 Gwikons (Groundwork icons)
  • Supports both sidebars
  • 17 regions with a special "Aside" region visible only in nodes.
  • Optimized typography for all standard elements
  • Block source ordering per region
  • Powerful layout engine provides unlimited layout possibilities
  • Collection of preset CSS classes
  • LESS CSS enhanced with loads of Drupal-specific mixins and bundles.
  • HTML5 polyfill to support older browsers
  • and many more.

Mayumi is a sub-theme of Groundwork 2.x

Before you start...

Installation via Drush

  1. Download the Groundwork Front-end Framework and Mayumi:
    drush dl groundwork mayumi
  2. Enable and set your new theme mayumi as default:
    drush en mayumi --yes && drush vset theme_default mayumi

Manual installation

  1. Download the Groundwork Front-end Framework 2.x and Mayumi
  2. Extract the downloaded files and place both Groundwork and Mayumi folders in your Drupal installation. For example:
    • sites/all/themes/groundwork
    • sites/all/themes/mayumi
  3. Edit app-settings.css.less found inside the custom directory of your new theme, and define the location of your theme.
    For example (default): @themeDirectory: sites/all/themes/mayumi;
  4. In the browser, log in as admin in your Drupal installation and go to Administration > Appearance > List: http://example.com/admin/appearance/list. Click the "Enable and set default" link on your new custom theme.

Recommended Modules

  • Block Class
    Add classes to any block through the block's configuration interface.
  • Menu Attributes
    Specify additional attributes for menu items such as id and class.

Credits

Drupal design and development by Noceda Media Lab
Development of the Groundwork project is sponsored by Noceda Media Lab.

 

Want to customize this theme in a unique way for your website, we are here to help you!

We also build custom Drupal themes

 

Get a custom theme