Digital Framework
Documentation
Examples
Support
Download
Home
EXTERNAL - Documentation
EXTERNAL - Documentation
Search
Getting started >
Overview
JavaScript rationale
Release strategy
Setup
What is the Framework
Extend >
Embedding video players onto a page
How to extend the Framework
Theming with theme overrides
Accessibility >
Developer Responsibilities
Introduction
Resources
Screen Readers
Testing checklist
Tools
Web Content Accessibility Guidelines (WCAG)
Components >
Accordion >
Content Accordion
Information Accordion
Alert boxes >
Accordion alert box
Alert boxes
Breadcrumb
Buttons >
Default Buttons
Disabled Button
Ghost Button variant
Buttons as tags
Cards >
Cards Background Image
Cards Image
Cookie overlay
Footer
Forms >
Autocomplete
Checkbox
Date Input
Date Picker
Form Grid
Input Group
Infobox
Radio button
Slider
Rating
Select
Star
Switch
Input
Textarea
Tile
Toggle
Validation
Hero >
Hero gradient
Hero gradient with image
Hero Full width image
Information Box >
Information Box
Important information box
Interactive Question >
Binary
Grid
Validation
Modal
Navigation Tiles
Navigation >
Navigation Bar
Secure Navigation Bar
Side Navigation
Secure Side Navigation
Progress Bar >
Progress Bar
Interactive Progress Bar
Progress Box
Ribbon
Skip link
Table >
Table
Responsive table
Tabs >
Tabs
Illustration Tabs
Tile notifications >
Circle Notification
Corner Notification
Tooltip
Content >
Accessible Colours >
Accessible combinations
Inaccessible combinations
Colours >
Neutral Colours
Primary Colours
Secondary Colours
Tints Colours
UX Colours
Gradients >
Angled gradients
Horizontal gradients
Icon fonts >
Icon font colour
Icon font fixed width
All font icons
Icon font List
Icon font Rotate and flip
Icon font Sizing
Icon SVGs >
Icon Colour Classes
Icon Rotate
Icon Size Classes
All SVG icons
Icon SVG List
Illustrations >
Illustration Size Classes
Illustrations
Alternate Illustration Accents
Illustration Rotate
Styled List >
Ordered List
Unordered List
Typography >
Body text
Body bold text
Subtext
Headings
Gradient Heading
Highlighted Heading
Landing/Hub Headings
Secure Headings
Subtitle
Underlined Heading
Background Link
CTA Links
CTA Link with Icon
Default Link
External Link
Ordered list default
Unordered list default
Layout >
Grid
Grid breakpoint utility classes >
Breakpoint fluid min to max width
Breakpoint fluid 0px to max width
Templates >
Content Page
Landing Page
Search results Page
Utilities >
Bootstrap Utilities
Border
Border Colour
Border Radius
Box Shadow
Colour
Background Colour
Icon Fill
Font Family
Height
Text Decoration
Text Size
Width
Z Index
Version: 1.1.0
Colours
Standard Life brand colours