Modern OctoberCMS Starter theme.
JavaScript HTML CSS
Latest commit 572e163 Dec 13, 2016 @PaulPoot Version 1.1.1. Fixed issue with newer versions of Node.js and gulp-if…
…. Please update node packages.


Pinnacle is a modern starter theme for OctoberCMS. It's based on the Sage theme by Roots for Wordpress and contains all the tools you need to develop high quality themes with a modern workflow.

Pinnacle is on the OctoberCMS Market. Check it out here. Enjoying the theme? Feel free to leave a donation!


  • NPM, Bower and Gulp
  • Bootstrap v4 alpha 5
  • FontAwesome 4
  • Browsersync
  • Asset Builder
  • Javascript DOM-based routing
  • Slick slider
  • imgLiquid
    ... and even more good stuff!


  • See requirements for OctoberCMS. You can find them here.
  • Node.js

I personally use Node.js 4.4.4, but newer versions of Node.js should work as well now.


  1. Install OctoberCMS. See the instructions here.
  2. Once OctoberCMS is installed, clone this repository to a folder in the themes folder of your installation.
  3. Activate Pinnacle as your theme in the backend of OctoberCMS.
  4. Open your preferred terminal (I use Git Bash on Windows) and enter npm install -g gulp bower to globally install Gulp and Bower.
  5. Then enter npm install to install the required Node packages.
  6. Once that's finished, enter bower install to download the dependencies used for Pinnacle.
  7. Afterwards, you should be able to run gulp to build the assets or gulp watch to watch for changes, build automatically and open a browsersync tab.
  8. Have fun developing!

What are all these files doing here?

If you check the theme folder, you'll notice that there are a few new files and folders:

  • bower.json
    This file contains the bower dependencies for Pinnacle.
  • gulpfile.js
    The gulpfile contains all the tasks that Gulp runs on builds.
  • package.json
    This file contains the packages for Node.
  • src/manifest.json
    This manifest contains the source SCSS and JS that will be compiled to the assets folder.

  • src/
    This folder contains the source files for the assets. Place your images in the src/images/ folder, scripts in the src/scripts/ folder and scr/styles/ folder. Remember that new SCSS files have to be added to the src/styles/main.scss file and script files have to be added in the src/manifest.json.


The Roots Team
Scott Webb