Convivial for GovCMS

Convivial for GovCMS

Overview

The GovCMS8 UI-Kit Starter theme ships with GovCMS8 distribution and is enabled when new sites are spun up. It has been designed to implement the Design System and to provide editors with a flexible system to build attractive pages.

GovCMS is the team behind the GovCMS8 distribution and platform. An approach was made to market to deliver the new theme. Morpht was selected to deliver the project.

Illustration of an indirect route from A to B

The challenge

The GovCMS8 UI-Kit Theme needed to fulfil a number of goals:

  • Implement the Design System, the DTA's style guide for federal agencies.
  • Provide flexible content editing tools for constructing attractive pages
  • Avoid hardcoding styles which would not translate across new sites
  • Provide a set of patterns which could be extended upon.

Illustration of planned route from A to B

The approach

At the start of the project, Morpht surveyed many of the best of breed Federal Government sites for emerging best practices. We were on the lookout for components and approaches which were being used and could be generalised for other sites. In particular, we focussed on sites which had already adoped UI-Kit in some form. We looked closely at the following sites;

The Health Campaign sites were the most influential as they best represented a common type of site which may by hosted on GovCMS. The main driver here was allowing editors to easily apply colours for mood, tone and branding. The ability to build out pages in "layers" was also a common pattern.

From these sites, we collected a number of components which were used to augment what has been produced in the Design System. We identified the following:

  • common view modes such as teasers and cards,
  • layout options for lists of content on landing pages
  • approaches to backgrounds and edge to edge designs
  • ability to brand sites in sympathy with the primary colour.

These components then formed the basis of what was implemented into the GovCMS Starter theme. A number of new modules were added:

  • Entity Class Formatter allows editors to select classes to be applied to content, pulling in styles.
  • Entity Reference Display allows editors to customise the view mode content will be displayed as - very handy for node lists on landing pages.
  • Modifiers allow editors to alter the presentation of content through the addition of backgrounds and the like.

These modules allowed a recipe which was very strongly oriented around:

  • paragraphs
  • layouts
  • view modes
  • classes
  • modifiers.

The end result is a theme which implements UI-Kit, provides a strong foundation for building pages whilst making very few commitments to custom design hardwired into them.

 

 

Illustration of a mountain with flag on top

The outcome

The theme was released was released in September 2018.

Morpht has gone on the extend the base theme with Convivial for GovCMS, a feature-packed platform which incorporates more best practice patterns.

The projects and code are available here.

Component driven design

Convivial implements many best practice components which will be helpful for editors building out information rich and beautiful pages.

Convivial for GovCMS - Desktop

Content first and accessible

Convivial strives to attain the highest standards of accessibility and responsiveness, with each component checked and refined.

Convivial for GovCMS - Phone

The perfect starting place

The GovCMS Starter theme is an excellent way to kick off your GovCMS site. Convivial for GovCMS is better. Jumpstart your project by weeks or months by taking advantage of its features.