Skip to content
This repository has been archived by the owner on Jun 11, 2024. It is now read-only.
ProPaul edited this page Feb 1, 2018 · 50 revisions

Nightingale Design Pattern Library (BETA)


This collection is maintained by the NHS Leadership Academy Digital team.

Nightingale Design Pattern library is a collection of documentation to guide you through the use of Nightingale as a design framework system.

If you would like to help contribute to the patterns please visit the Alpha platform where you can interact with suggestions comments advice etc:

Nightingale Design Pattern Library ALPHA


Pattern Hierarchy:

Elements > Components > Modules > Pages > Flows > Platforms

Elements - are the singular basic forms to start a design build.

Components - are created from from combining elements.

Modules - are created from combining components and can also include multiple elements.

Pages - combine elements, components and modules to create a singular page.

Flows - are how multiple pages connect and create a user journey through service.

####Platforms - are Moodle and Wordpress or other third party software that can implement Nightingale or have Nightingale implemented on.


Element Patterns

Elements are the essentials needed to create components, modules, pages and platforms.

Component Patterns

Components are built from combining a couple of elements.

  • Buttons
  • Media
  • Icons
  • ...

Module Patterns

Modules are built from combining two or more components.

  • Headers
  • Ribbons
  • Forms
  • Tables
  • Pagination
  • Data
  • Tabs
  • Comments
  • Cards (Panels/Sticky/Container style design)
  • Footers
  • Search Box
  • ...

Page Patterns

Pages are built from combining elements, components and modules.

  • Dashboard
  • Contact
  • Application
  • Sitemap
  • ...

Flow Patterns

Flows are built to create connections between pages for a seamless user journey.

  • Application
  • Programme
  • ...

Platform Patterns

Platforms are built from integrating page patterns.

  • Moodle
  • Wordpress
  • Creating Emails
  • ...

Misc.

Clone this wiki locally