Digital Framework
Documentation
Examples
Support
Download
Home
EXTERNAL - Documentation
Documentation
Search
Search value is required
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
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
Illustration input checkbox
Illustration input radio
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
Modal
Navigation Tiles
Navigation
Navigation Bar
Secure Navigation Bar
Side Navigation
Secure Side Navigation
Progress Bar
Progress Bar
Interactive Progress Bar
Progress Box
Ribbon
Search
Side tabs
Skip link
Table
Table
Responsive table
Tabs
Tabs
Illustration Tabs
Web Filter Tabs
Tile notifications
Circle Notification
Corner Notification
Tooltip
Content
Accessible Colours
Accessible combinations
Inaccessible combinations
Colours
Neutral Colours
Brand Audience Colours
UI 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 font transitions
Icon SVGs
Icon Colour Classes
Icon Rotate
Icon Size Classes
All SVG icons
Icon SVG List
Icon SVG transition
Illustrations
Illustration Size Classes
Illustrations
Alternate Illustration Accents
Illustration Rotate
Styled List
Ordered List
Unordered List
Typography
Body text
Body bold text
Body text - comfort
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
Margin
Padding
Spacing
Text Decoration
Text Size
Transitions
Bounce
Collapse
Fade
Width
Z Index
Version: 2.0.0
Colours
Standard Life brand colours