Page templates and layouts

A collection of pages, layouts, and design patterns to help you build and test NHS App prototypes quickly and consistently.

Layouts

Found in /app/views

• App layout (top and bottom nav)
• Splash screen (blue background)
• Not signed in (blue header)
• iOS locked screen

---

Notification pages

Found in /app/views/pages

• iOS notification message
• iOS notification message (with status bar)

---

NHS App pages

Found in /app/views/pages

Login

• Login screen
• Login - face id
• Login - face id success
• Login - logged out

Homepage (Native)

• Homepage - P9
• Homepage - P5
• Homepage - Linked profiles

Hubpages (Native)

• Services - P9
• Services - P5
• Services - Linked profiles
• Your health - P9
• Your health - P5
• Your health - Linked profiles
• Messages - P9
• Messages - P5
• Messages - Linked profiles
• Account and settings - P9
• Account and settings - P5
• Account and settings - Linked profiles

Messages (Native)

Found in /app/views/pages/messages

• Your messages
• Cannot send your reply
• Cannot show message

Account and settings (Native)

Found in /app/views/pages/account-and-settings

• Manage cookies and read legal information
• Linked profiles
• Switch profiles

---

Page templates

Found in /pages/page-templates

• Start page
• Question page - Radios
• Question page - Textarea
• Check answers page
• Confirmation page
• Error page

---

Custom prototype settings

View or change the prototype settings.

---

Help improve the page templates

If something isn't working as expected or a template is out of date, please submit an issue on GitHub.

---