Tester Colour Swatches Default branded greyscale base base alternative semantic Muted branded greyscale base base alternative semantic Primary branded greyscale base base alternative semantic Secondary branded greyscale base base alternative semantic Default Alternative branded greyscale base base alternative semantic Muted Alternative branded greyscale base base alternative semantic Primary Alternative branded greyscale base base alternative semantic Secondary Alternative branded greyscale base base alternative semantic Gradient Primary branded greyscale base base alternative semantic Gradient Primary Alternative branded greyscale base base alternative semantic Gradient Secondary branded greyscale base base alternative semantic Gradient Secondary Alternative branded greyscale base base alternative semantic UI Elements Default Blog Always Be Learning Default Primary Primary Gradient Secondary Gradiet Default Primary General Alert: Lorem ipsum dolor sit amet consectetur adipisicing elit. Primary: 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 Primary Gradient Secondary Gradiet Default Primary General Alert: Lorem ipsum dolor sit amet consectetur adipisicing elit. Primary: 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 Primary Gradient Secondary Gradiet Default Primary General Alert: Lorem ipsum dolor sit amet consectetur adipisicing elit. Primary: 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 Primary Gradient Secondary Gradiet Default Primary General Alert: Lorem ipsum dolor sit amet consectetur adipisicing elit. Primary: 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 Alternative Blog Always Be Learning Default Primary Primary Gradient Secondary Gradiet Default Primary General Alert: Lorem ipsum dolor sit amet consectetur adipisicing elit. Primary: 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 Alternative Blog Always Be Learning Default Primary Primary Gradient Secondary Gradiet Default Primary General Alert: Lorem ipsum dolor sit amet consectetur adipisicing elit. Primary: 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 Alternative Blog Always Be Learning Default Primary Primary Gradient Secondary Gradiet Default Primary General Alert: Lorem ipsum dolor sit amet consectetur adipisicing elit. Primary: 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 Alternative Blog Always Be Learning Default Primary Primary Gradient Secondary Gradiet Default Primary General Alert: Lorem ipsum dolor sit amet consectetur adipisicing elit. Primary: 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 Gradient Primary Blog Always Be Learning Default Primary Primary Gradient Secondary Gradiet Default Primary General Alert: Lorem ipsum dolor sit amet consectetur adipisicing elit. Primary: 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 Gradient Primary Alternative Blog Always Be Learning Default Primary Primary Gradient Secondary Gradiet Default Primary General Alert: Lorem ipsum dolor sit amet consectetur adipisicing elit. Primary: 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 Gradient Secondary Blog Always Be Learning Default Primary Primary Gradient Secondary Gradiet Default Primary General Alert: Lorem ipsum dolor sit amet consectetur adipisicing elit. Primary: 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 Gradient Secondary Alternative Blog Always Be Learning Default Primary Primary Gradient Secondary Gradiet Default Primary General Alert: Lorem ipsum dolor sit amet consectetur adipisicing elit. Primary: 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 Header Column 1 Row 0 Column 2 Row 0 Column 3 Row 0 Column 4 Row 0 Column 5 Header Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4 Row 1 Column 5 Header Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4 Row 2 Column 5 Header Column 1 Row 3 Column 2 Row 3 Column 3 Row 3 Column 4 Row 3 Column 5 Header Column 1 Row 4 Column 2 Row 4 Column 3 Row 4 Column 4 Row 4 Font Styles Blog Always Be Learning (H5) Sub Heading (H1) Heading Hero (H1) Heading Primary (H2) Heading Divider (H2) Heading Line (H2) Heading Bullet (H1)This is a Header (H2)This is a Header (H3)This is a Header (H4)This is a Header (H5)This is a Header (H6)This is a Header 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 (H5) Sub Heading (H1) Heading Hero (H1) Heading Primary (H2) Heading Divider (H2) Heading Line (H2) Heading Bullet (H1)This is a Header (H2)This is a Header (H3)This is a Header (H4)This is a Header (H5)This is a Header (H6)This is a Header 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 (H5) Sub Heading (H1) Heading Hero (H1) Heading Primary (H2) Heading Divider (H2) Heading Line (H2) Heading Bullet (H1)This is a Header (H2)This is a Header (H3)This is a Header (H4)This is a Header (H5)This is a Header (H6)This is a Header 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 (H5) Sub Heading (H1) Heading Hero (H1) Heading Primary (H2) Heading Divider (H2) Heading Line (H2) Heading Bullet (H1)This is a Header (H2)This is a Header (H3)This is a Header (H4)This is a Header (H5)This is a Header (H6)This is a Header 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 (H5) Sub Heading (H1) Heading Hero (H1) Heading Primary (H2) Heading Divider (H2) Heading Line (H2) Heading Bullet (H1)This is a Header (H2)This is a Header (H3)This is a Header (H4)This is a Header (H5)This is a Header (H6)This is a Header 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 (H5) Sub Heading (H1) Heading Hero (H1) Heading Primary (H2) Heading Divider (H2) Heading Line (H2) Heading Bullet (H1)This is a Header (H2)This is a Header (H3)This is a Header (H4)This is a Header (H5)This is a Header (H6)This is a Header 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 (H5) Sub Heading (H1) Heading Hero (H1) Heading Primary (H2) Heading Divider (H2) Heading Line (H2) Heading Bullet (H1)This is a Header (H2)This is a Header (H3)This is a Header (H4)This is a Header (H5)This is a Header (H6)This is a Header 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 (H5) Sub Heading (H1) Heading Hero (H1) Heading Primary (H2) Heading Divider (H2) Heading Line (H2) Heading Bullet (H1)This is a Header (H2)This is a Header (H3)This is a Header (H4)This is a Header (H5)This is a Header (H6)This is a Header 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 (H5) Sub Heading (H1) Heading Hero (H1) Heading Primary (H2) Heading Divider (H2) Heading Line (H2) Heading Bullet (H1)This is a Header (H2)This is a Header (H3)This is a Header (H4)This is a Header (H5)This is a Header (H6)This is a Header 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 (H5) Sub Heading (H1) Heading Hero (H1) Heading Primary (H2) Heading Divider (H2) Heading Line (H2) Heading Bullet (H1)This is a Header (H2)This is a Header (H3)This is a Header (H4)This is a Header (H5)This is a Header (H6)This is a Header 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 (H5) Sub Heading (H1) Heading Hero (H1) Heading Primary (H2) Heading Divider (H2) Heading Line (H2) Heading Bullet (H1)This is a Header (H2)This is a Header (H3)This is a Header (H4)This is a Header (H5)This is a Header (H6)This is a Header 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 (H5) Sub Heading (H1) Heading Hero (H1) Heading Primary (H2) Heading Divider (H2) Heading Line (H2) Heading Bullet (H1)This is a Header (H2)This is a Header (H3)This is a Header (H4)This is a Header (H5)This is a Header (H6)This is a Header 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