Product

Digital land frontend
beta

A set of frontend assets that can be used to apply the digital land visual language to services and sites.

Digital land frontend is available on github

Why we are building this

There are 2 main reasons to build our frontend product:

When we build prototypes, services and the digital land platform we want to maintain consistency. Consistency means our users will get a familiar experience irrespective of which service or part of the site they are on. A user can build up a mental model of how to interact with our site and services, for example, if a user sees a data record on our site they should know that any "identifer" fields will link through the associated data record.

Having components to reuse means common problems are solved once and then we move on to the next problem. The alternative is repeatedly solving the same problem.

It makes it easier to maintain the digital land platform and site. If we make a change to a component in the frontend then it will be applied to all parts of the site using the component.

What we've done so far

Converted the GOVUK frontend components to Jinja in govuk-jinja-components.

Created page templates to use for specific page types. For example, there is a base template and a template for record pages.

Created a number of components. These include a data record component and a filter group component. Examples of the components are on the design system.

Created a digital land stylesheet. This includes all the styles for the digital land components.

Create DLFrontend.js. This a javascript library with a number of modules used to progressively enhance our components.

Create DLMaps.js. A javascript library for our map related components.