Negosyante

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

Negosyante...now in version 2!!!

Negosyante is a progressive mobile first "blue and grey" theme with modular scale typography and powerful grid-based layout engine.

FEATURES

  • 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 the 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.

Negosyante is a sub-theme of Groundwork.

GETTING STARTED

For the complete documentation, please visit http://groundwork.noceda.me

Before you begin, make sure that you have installed (and configured) Drupal.
You need to install the LESS module https://drupal.org/project/less as well
to utilize the power of Groundwork.

INSTALLATION VIA COMMAND LINE (DRUSH)

  1. Download Groundwork and Negosyante:
    drush dl groundwork negosyante
  2. Enable and set your new theme negosyante as default:
    drush en negosyante --yes && drush vset theme_default negosyante

MANUAL INSTALLATION

  1. Download Groundwork from https://drupal.org/project/groundwork and
    Negosyante below
  2. Extract the downloaded files and place both theme folders in your Drupal
    installation:

    • sites/all/themes/groundwork
    • sites/all/themes/negosyante
  3. Edit app-settings.css.less found inside the custom directory of your theme,
    and define the location of your theme.
    For example: @themeDirectory: sites/all/themes/negosyante;
  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.

Note: It is not necessary to enable Groundwork but it must be present.

RECOMMENDED MODULES

Negosyante is developed to be semantic, where you add styles and mixins in LESS
files, but if you wish to use presentation classes on your markup instead of
separating style with content, you may check the resources folder of Groundwork,
and use:

  • 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.

Further Reading

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