OS Elements Framework by Tim Manners

Introduction

OS Elements is a modular design system for building map applications with Ordnance Survey's UI design styles.

It gives users everything they need to create map user interfaces which are consistent with the Ordnance Survey brand principles and best practices – all from an accessible, user-tested design system.

 

Components

OS Elements has been designed to be modular. It is accessible and usability tested – and works across mobile, tablet and desktop.

Reusable components mean that users don't have to think about how the interface will work, i.e. they can just get on with building their application knowing they will have an interface which can be used in their next project.

 

Templates

OS Elements is agnostic in terms of the interactive JavaScript mapping libraries it can use – meaning the map interfaces can be based on Leaflet, Mapbox GL JS or even OpenLayers.

 

The following template applications have been built to showcase the patterns a basic map interface should have:

Leaflet
https://labs.os.uk/prototyping/osel-framework/template/leaflet.html

Mapbox GL JS
https://labs.os.uk/prototyping/osel-framework/template/mapbox-gl.html

 

Examples

OS Elements has already been used to build a variety of product demonstrators. Here are some current examples:

OS MasterMap Topography Layer - Descriptive Terms
https://labs.os.uk/prototyping/osel-framework/osmm-topography-layer-descterm/

OS MasterMap Topography Layer - Building Heights
https://labs.os.uk/prototyping/osel-framework/osmm-topography-layer-bha/

OS MasterMap Highways Layer
https://labs.os.uk/prototyping/osel-framework/osmm-highways-network/

OS Open Zoomstack
https://labs.os.uk/prototyping/osel-framework/open-zoomstack/

Boundary-Line
https://labs.os.uk/prototyping/osel-framework/boundary-line/