Tester Colour Swatches Default branded greyscale background background-alt semantic Muted branded greyscale background background-alt semantic Primary branded greyscale background background-alt semantic Secondary branded greyscale background background-alt semantic Default Alt branded greyscale background background-alt semantic Muted Alt branded greyscale background background-alt semantic Primary Alt branded greyscale background background-alt semantic Secondary Alt branded greyscale background background-alt semantic uk-card-default Default Adipisicing incididunt adipisicing qui labore reprehenderit veniam nisi sunt do proident. Velit commodo laboris proident aute pariatur proident proident non consectetur voluptate voluptate tempor dolore reprehenderit. uk-card-muted Muted Adipisicing incididunt adipisicing qui labore reprehenderit veniam nisi sunt do proident. Velit commodo laboris proident aute pariatur proident proident non consectetur voluptate voluptate tempor dolore reprehenderit. uk-card-primary Primary Adipisicing incididunt adipisicing qui labore reprehenderit veniam nisi sunt do proident. Velit commodo laboris proident aute pariatur proident proident non consectetur voluptate voluptate tempor dolore reprehenderit. uk-card-secondary Secondary Adipisicing incididunt adipisicing qui labore reprehenderit veniam nisi sunt do proident. Velit commodo laboris proident aute pariatur proident proident non consectetur voluptate voluptate tempor dolore reprehenderit. uk-card-default-alt Default alt Adipisicing incididunt adipisicing qui labore reprehenderit veniam nisi sunt do proident. Velit commodo laboris proident aute pariatur proident proident non consectetur voluptate voluptate tempor dolore reprehenderit. uk-card-muted-alt Muted alt Adipisicing incididunt adipisicing qui labore reprehenderit veniam nisi sunt do proident. Velit commodo laboris proident aute pariatur proident proident non consectetur voluptate voluptate tempor dolore reprehenderit. uk-card-primary-alt Primary Alt Adipisicing incididunt adipisicing qui labore reprehenderit veniam nisi sunt do proident. Velit commodo laboris proident aute pariatur proident proident non consectetur voluptate voluptate tempor dolore reprehenderit. uk-card-secondary-alt Secondary Alt Adipisicing incididunt adipisicing qui labore reprehenderit veniam nisi sunt do proident. Velit commodo laboris proident aute pariatur proident proident non consectetur voluptate voluptate tempor dolore reprehenderit. UI Elements Default Blog Always Be Learning Default Primary Secondary Info: Lorem ipsum dolor sit amet consectetur adipisicing elit. Success: Lorem ipsum dolor sit amet consectetur adipisicing elit. Warning: Lorem ipsum dolor sit amet consectetur adipisicing elit. Danger: Lorem ipsum dolor sit amet consectetur adipisicing elit. Regular Text Muted Text Strong Text Emphasis Text Muted Text Emphasis Text Primary Text Secondary Text Success Text Warning Text Danger Text Link Text Text Default Primary Secondary Success Danger Muted Blog Always Be Learning Default Primary Secondary Info: Lorem ipsum dolor sit amet consectetur adipisicing elit. Success: Lorem ipsum dolor sit amet consectetur adipisicing elit. Warning: Lorem ipsum dolor sit amet consectetur adipisicing elit. Danger: Lorem ipsum dolor sit amet consectetur adipisicing elit. Regular Text Muted Text Strong Text Emphasis Text Muted Text Emphasis Text Primary Text Secondary Text Success Text Warning Text Danger Text Link Text Text Default Primary Secondary Success Danger Primary Blog Always Be Learning Default Primary Secondary Info: Lorem ipsum dolor sit amet consectetur adipisicing elit. Success: Lorem ipsum dolor sit amet consectetur adipisicing elit. Warning: Lorem ipsum dolor sit amet consectetur adipisicing elit. Danger: Lorem ipsum dolor sit amet consectetur adipisicing elit. Regular Text Muted Text Strong Text Emphasis Text Muted Text Emphasis Text Primary Text Secondary Text Success Text Warning Text Danger Text Link Text Text Default Primary Secondary Success Danger Secondary Blog Always Be Learning Default Primary Secondary Info: Lorem ipsum dolor sit amet consectetur adipisicing elit. Success: Lorem ipsum dolor sit amet consectetur adipisicing elit. Warning: Lorem ipsum dolor sit amet consectetur adipisicing elit. Danger: Lorem ipsum dolor sit amet consectetur adipisicing elit. Regular Text Muted Text Strong Text Emphasis Text Muted Text Emphasis Text Primary Text Secondary Text Success Text Warning Text Danger Text Link Text Text Default Primary Secondary Success Danger Default Alt Blog Always Be Learning Default Primary Secondary Info: Lorem ipsum dolor sit amet consectetur adipisicing elit. Success: Lorem ipsum dolor sit amet consectetur adipisicing elit. Warning: Lorem ipsum dolor sit amet consectetur adipisicing elit. Danger: Lorem ipsum dolor sit amet consectetur adipisicing elit. Regular Text Muted Text Strong Text Emphasis Text Muted Text Emphasis Text Primary Text Secondary Text Success Text Warning Text Danger Text Link Text Text Default Primary Secondary Success Danger Muted Alt Blog Always Be Learning Default Primary Secondary Info: Lorem ipsum dolor sit amet consectetur adipisicing elit. Success: Lorem ipsum dolor sit amet consectetur adipisicing elit. Warning: Lorem ipsum dolor sit amet consectetur adipisicing elit. Danger: Lorem ipsum dolor sit amet consectetur adipisicing elit. Regular Text Muted Text Strong Text Emphasis Text Muted Text Emphasis Text Primary Text Secondary Text Success Text Warning Text Danger Text Link Text Text Default Primary Secondary Success Danger Primary Alt Blog Always Be Learning Default Primary Secondary Info: Lorem ipsum dolor sit amet consectetur adipisicing elit. Success: Lorem ipsum dolor sit amet consectetur adipisicing elit. Warning: Lorem ipsum dolor sit amet consectetur adipisicing elit. Danger: Lorem ipsum dolor sit amet consectetur adipisicing elit. Regular Text Muted Text Strong Text Emphasis Text Muted Text Emphasis Text Primary Text Secondary Text Success Text Warning Text Danger Text Link Text Text Default Primary Secondary Success Danger Secondary Alt Blog Always Be Learning Default Primary Secondary Info: Lorem ipsum dolor sit amet consectetur adipisicing elit. Success: Lorem ipsum dolor sit amet consectetur adipisicing elit. Warning: Lorem ipsum dolor sit amet consectetur adipisicing elit. Danger: Lorem ipsum dolor sit amet consectetur adipisicing elit. Regular Text Muted Text Strong Text Emphasis Text Muted Text Emphasis Text Primary Text Secondary Text Success Text Warning Text Danger Text Link Text Text Default Primary Secondary Success Danger Table Table Column 0 Table Column 1 Table Column 2 Table Column 3 Table Column 4 Column 0 Row 0 Column 1 Row 0 Column 2 Row 0 Column 3 Row 0 Column 4 Row 0 Column 0 Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4 Row 1 Column 0 Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4 Row 2 Column 0 Row 3 Column 1 Row 3 Column 2 Row 3 Column 3 Row 3 Column 4 Row 3 Column 0 Row 4 Column 1 Row 4 Column 2 Row 4 Column 3 Row 4 Column 4 Row 4 Font Styles Blog Always Be Learning (H1) Heading 2x Large (H1) Heading X Large (H1) Heading Large (H1) Heading medium (H1) Heading small (H1) Heading (H2) Heading (H3) Heading (H4) Heading (H5) Heading (H6) Heading (H1) Heading Divider (H2) Heading Divider (H3) Heading Divider (H4) Heading Divider (H5) Heading Divider (H6) Heading Divider (H1) Heading Line (H2) Heading Line (H3) Heading Line (H4) Heading Line (H5) Heading Line (H6) Heading Line (H1) Heading Bullet (H2) Heading Bullet (H3) Heading Bullet (H4) Heading Bullet (H5) Heading Bullet (H6) Heading Bullet Text Meta: Used for article date/author text Regular Paragraph: Lorem ipsum dolor sit amet LINK RESET. Ullam molestias LINK TEXT, soluta ducimus. LINK, adipisci odio deleniti esse, quibusdam quidem rem magni, dicta illum. Strong Text: Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam molestias magnam dolor delectus fuga, soluta ducimus. Blockquote: Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam molestias magnam dolor delectus fuga, soluta ducimus. Omnis et corporis rerum, adipisci odio deleniti esse, quibusdam quidem rem magni, dicta illum. Text Default Primary Secondary Success Danger Text Default Primary Secondary Success Danger Text Default Primary Secondary Success Danger Blog Always Be Learning (H1) Heading 2x Large (H1) Heading X Large (H1) Heading Large (H1) Heading medium (H1) Heading small (H1) Heading (H2) Heading (H3) Heading (H4) Heading (H5) Heading (H6) Heading (H1) Heading Divider (H2) Heading Divider (H3) Heading Divider (H4) Heading Divider (H5) Heading Divider (H6) Heading Divider (H1) Heading Line (H2) Heading Line (H3) Heading Line (H4) Heading Line (H5) Heading Line (H6) Heading Line (H1) Heading Bullet (H2) Heading Bullet (H3) Heading Bullet (H4) Heading Bullet (H5) Heading Bullet (H6) Heading Bullet Text Meta: Used for article date/author text Regular Paragraph: Lorem ipsum dolor sit amet LINK RESET. Ullam molestias LINK TEXT, soluta ducimus. LINK, adipisci odio deleniti esse, quibusdam quidem rem magni, dicta illum. Strong Text: Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam molestias magnam dolor delectus fuga, soluta ducimus. Blockquote: Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam molestias magnam dolor delectus fuga, soluta ducimus. Omnis et corporis rerum, adipisci odio deleniti esse, quibusdam quidem rem magni, dicta illum. Text Default Primary Secondary Success Danger Text Default Primary Secondary Success Danger Text Default Primary Secondary Success Danger Blog Always Be Learning (H1) Heading 2x Large (H1) Heading X Large (H1) Heading Large (H1) Heading medium (H1) Heading small (H1) Heading (H2) Heading (H3) Heading (H4) Heading (H5) Heading (H6) Heading (H1) Heading Divider (H2) Heading Divider (H3) Heading Divider (H4) Heading Divider (H5) Heading Divider (H6) Heading Divider (H1) Heading Line (H2) Heading Line (H3) Heading Line (H4) Heading Line (H5) Heading Line (H6) Heading Line (H1) Heading Bullet (H2) Heading Bullet (H3) Heading Bullet (H4) Heading Bullet (H5) Heading Bullet (H6) Heading Bullet Text Meta: Used for article date/author text Regular Paragraph: Lorem ipsum dolor sit amet LINK RESET. Ullam molestias LINK TEXT, soluta ducimus. LINK, adipisci odio deleniti esse, quibusdam quidem rem magni, dicta illum. Strong Text: Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam molestias magnam dolor delectus fuga, soluta ducimus. Blockquote: Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam molestias magnam dolor delectus fuga, soluta ducimus. Omnis et corporis rerum, adipisci odio deleniti esse, quibusdam quidem rem magni, dicta illum. Text Default Primary Secondary Success Danger Text Default Primary Secondary Success Danger Text Default Primary Secondary Success Danger Blog Always Be Learning (H1) Heading 2x Large (H1) Heading X Large (H1) Heading Large (H1) Heading medium (H1) Heading small (H1) Heading (H2) Heading (H3) Heading (H4) Heading (H5) Heading (H6) Heading (H1) Heading Divider (H2) Heading Divider (H3) Heading Divider (H4) Heading Divider (H5) Heading Divider (H6) Heading Divider (H1) Heading Line (H2) Heading Line (H3) Heading Line (H4) Heading Line (H5) Heading Line (H6) Heading Line (H1) Heading Bullet (H2) Heading Bullet (H3) Heading Bullet (H4) Heading Bullet (H5) Heading Bullet (H6) Heading Bullet Text Meta: Used for article date/author text Regular Paragraph: Lorem ipsum dolor sit amet LINK RESET. Ullam molestias LINK TEXT, soluta ducimus. LINK, adipisci odio deleniti esse, quibusdam quidem rem magni, dicta illum. Strong Text: Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam molestias magnam dolor delectus fuga, soluta ducimus. Blockquote: Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam molestias magnam dolor delectus fuga, soluta ducimus. Omnis et corporis rerum, adipisci odio deleniti esse, quibusdam quidem rem magni, dicta illum. Text Default Primary Secondary Success Danger Text Default Primary Secondary Success Danger Text Default Primary Secondary Success Danger Blog Always Be Learning (H1) Heading 2x Large (H1) Heading X Large (H1) Heading Large (H1) Heading medium (H1) Heading small (H1) Heading (H2) Heading (H3) Heading (H4) Heading (H5) Heading (H6) Heading (H1) Heading Divider (H2) Heading Divider (H3) Heading Divider (H4) Heading Divider (H5) Heading Divider (H6) Heading Divider (H1) Heading Line (H2) Heading Line (H3) Heading Line (H4) Heading Line (H5) Heading Line (H6) Heading Line (H1) Heading Bullet (H2) Heading Bullet (H3) Heading Bullet (H4) Heading Bullet (H5) Heading Bullet (H6) Heading Bullet Text Meta: Used for article date/author text Regular Paragraph: Lorem ipsum dolor sit amet LINK RESET. Ullam molestias LINK TEXT, soluta ducimus. LINK, adipisci odio deleniti esse, quibusdam quidem rem magni, dicta illum. Strong Text: Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam molestias magnam dolor delectus fuga, soluta ducimus. Blockquote: Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam molestias magnam dolor delectus fuga, soluta ducimus. Omnis et corporis rerum, adipisci odio deleniti esse, quibusdam quidem rem magni, dicta illum. Text Default Primary Secondary Success Danger Text Default Primary Secondary Success Danger Text Default Primary Secondary Success Danger Blog Always Be Learning (H1) Heading 2x Large (H1) Heading X Large (H1) Heading Large (H1) Heading medium (H1) Heading small (H1) Heading (H2) Heading (H3) Heading (H4) Heading (H5) Heading (H6) Heading (H1) Heading Divider (H2) Heading Divider (H3) Heading Divider (H4) Heading Divider (H5) Heading Divider (H6) Heading Divider (H1) Heading Line (H2) Heading Line (H3) Heading Line (H4) Heading Line (H5) Heading Line (H6) Heading Line (H1) Heading Bullet (H2) Heading Bullet (H3) Heading Bullet (H4) Heading Bullet (H5) Heading Bullet (H6) Heading Bullet Text Meta: Used for article date/author text Regular Paragraph: Lorem ipsum dolor sit amet LINK RESET. Ullam molestias LINK TEXT, soluta ducimus. LINK, adipisci odio deleniti esse, quibusdam quidem rem magni, dicta illum. Strong Text: Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam molestias magnam dolor delectus fuga, soluta ducimus. Blockquote: Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam molestias magnam dolor delectus fuga, soluta ducimus. Omnis et corporis rerum, adipisci odio deleniti esse, quibusdam quidem rem magni, dicta illum. Text Default Primary Secondary Success Danger Text Default Primary Secondary Success Danger Text Default Primary Secondary Success Danger Blog Always Be Learning (H1) Heading 2x Large (H1) Heading X Large (H1) Heading Large (H1) Heading medium (H1) Heading small (H1) Heading (H2) Heading (H3) Heading (H4) Heading (H5) Heading (H6) Heading (H1) Heading Divider (H2) Heading Divider (H3) Heading Divider (H4) Heading Divider (H5) Heading Divider (H6) Heading Divider (H1) Heading Line (H2) Heading Line (H3) Heading Line (H4) Heading Line (H5) Heading Line (H6) Heading Line (H1) Heading Bullet (H2) Heading Bullet (H3) Heading Bullet (H4) Heading Bullet (H5) Heading Bullet (H6) Heading Bullet Text Meta: Used for article date/author text Regular Paragraph: Lorem ipsum dolor sit amet LINK RESET. Ullam molestias LINK TEXT, soluta ducimus. LINK, adipisci odio deleniti esse, quibusdam quidem rem magni, dicta illum. Strong Text: Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam molestias magnam dolor delectus fuga, soluta ducimus. Blockquote: Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam molestias magnam dolor delectus fuga, soluta ducimus. Omnis et corporis rerum, adipisci odio deleniti esse, quibusdam quidem rem magni, dicta illum. Text Default Primary Secondary Success Danger Text Default Primary Secondary Success Danger Text Default Primary Secondary Success Danger Blog Always Be Learning (H1) Heading 2x Large (H1) Heading X Large (H1) Heading Large (H1) Heading medium (H1) Heading small (H1) Heading (H2) Heading (H3) Heading (H4) Heading (H5) Heading (H6) Heading (H1) Heading Divider (H2) Heading Divider (H3) Heading Divider (H4) Heading Divider (H5) Heading Divider (H6) Heading Divider (H1) Heading Line (H2) Heading Line (H3) Heading Line (H4) Heading Line (H5) Heading Line (H6) Heading Line (H1) Heading Bullet (H2) Heading Bullet (H3) Heading Bullet (H4) Heading Bullet (H5) Heading Bullet (H6) Heading Bullet Text Meta: Used for article date/author text Regular Paragraph: Lorem ipsum dolor sit amet LINK RESET. Ullam molestias LINK TEXT, soluta ducimus. LINK, adipisci odio deleniti esse, quibusdam quidem rem magni, dicta illum. Strong Text: Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam molestias magnam dolor delectus fuga, soluta ducimus. Blockquote: Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam molestias magnam dolor delectus fuga, soluta ducimus. Omnis et corporis rerum, adipisci odio deleniti esse, quibusdam quidem rem magni, dicta illum. Text Default Primary Secondary Success Danger Text Default Primary Secondary Success Danger Text Default Primary Secondary Success Danger