StyleGuide
Overview

    Colors

    Gray dark

    Gray Dark

    #191919

    Variable: $grayDark

    Gray Dark Dark

    #111111

    Variable: $grayDarkDark

    Gray Dark Light

    #222222

    Variable: $grayDarkDark

    Gray Dark Darker

    #000000

    Variable: $grayDarkDarker

    Gray Dark Lighter

    #555555

    Variable: $grayDarkLighter

    Gray Light

    Gray Light

    #ababab

    Variable: $grayDarkLight

    Gray Light Dark

    #8d8d8d

    Variable: $grayLightDark

    Gray Light Light

    #e7e7e7

    Variable: $grayLightLight

    Gray Light Darker

    #666666

    Variable: $grayLightDarker

    Gray Light Lighter

    #F7F7F7

    Variable: $grayLightLighter

    Accent

    Accent

    #ff6015

    Variable: $accent

    Accent Dark

    #ef5106

    Variable: $accentDark

    Accent Darker

    #ef5106

    Variable: $accentDark

    Accent Lighter

    #fc9300

    Variable: $accentLighter

    Tipography

    Headers Element

    H1

    H1

    H2

    H3

    H4

    H5
    H6
    H7

    Paragraph

    Paragraph

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras imperdiet mollis metus sed porttitor. Maecenas rhoncus magna semper faucibus convallis. Morbi gravida dolor sit amet accumsan semper. Curabitur tincidunt dolor at justo fermentum mattis.

    Paragraph Large

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras imperdiet mollis metus sed porttitor. Maecenas rhoncus magna semper faucibus convallis. Morbi gravida dolor sit amet accumsan semper. Curabitur tincidunt dolor at justo fermentum mattis.

    Paragraph Small

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras imperdiet mollis metus sed porttitor. Maecenas rhoncus magna semper faucibus convallis. Morbi gravida dolor sit amet accumsan semper. Curabitur tincidunt dolor at justo fermentum mattis.

    Iconography

    Arrow Icons

    Other Icons

    Buttons

    Primary

    Secondary

    Button Link

    CTA link
    CTA link with caret
    CTA link with underline


    Small CTA link
    Small CTA link with caret
    Small CTA link with underline

    Circle Buttons

    Forms

    Input

    checkbox

    Select

    Autocomplete

    H1

    H1

    H2

    H3

    H4

    H5
    H6
    H7
    Default Buttons
    Secondary Buttons
    Primary Buttons
    Small Buttons
    Button Links
    CTA linkCTA link with caretCTA link with underline

    Small CTA linkSmall CTA link with caretSmall CTA link with underline
    Icons