Home

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

---

Element Patterns

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

• Copy (Typography)
• Dividers
• Glyphs
• Colour Palette
• Icons
• Logos
• Buttons
• Fields
• Grids
• Cards
• Fonts
• Headings
• Paragraphs
• Links
• Lists
• Layout
• Loaders
• ...

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.