Design System

 Last Edited: Jul 31, 2019

The Siteglide Design System is an optional core module to assist partners in building responsive websites, efficiently.

It is a code framework based of Bootstrap 4, a library of best practice layouts (Layout Library) and a design file for wireframing and agreeing high fidelity designs with the client. This helps create an efficient flow from design through to sign-off and then developer hand-off.   essentially a set of stylesheets that allow you to easily set and maintain code standards across all of your sites.

To install the Design System Module tick the box on site create or find it in the list of Modules in Portal under site settings.

To use layouts from Layout Library go to the following link and click copy raw code against your preferred layouts: https://layouts.siteglide.com

You can also design sites using our Design System Layouts in Figma. Just download our Figma file and import at https://www.figma.com to get started:

Siteglide Figma Design System.