Foundation

Typography

    Body (M) 16pt Rob Reg, consectetur accordian adipiscing elit. Ut pretium pretium tempor. Ut eget imperdiet neque. In volutpat ante semper diam molestie, et aliquam erat laoreet. Sed sit amet arcu aliquet, molestie justo at, auctor nunc. Phasellus ligula ipsum, volutpa, viverra eget nibh.

    Roboto & Roboto Condensed

    Body (M) 16pt Rob Reg, consectetur accordian adipiscing elit. Ut pretium pretium tempor. Ut eget imperdiet neque. In volutpat ante semper diam molestie, et aliquam erat laoreet. Sed sit amet arcu aliquet, molestie justo at, auctor nunc. Phasellus ligula ipsum, volutpa, viverra eget nibh.

    ExampleSpecs

    H1

    		Roboto Condensed

    font-size: 26px / 2.6rem

    font-weight: Bold / 700

    case: Uppercase

    line-height: 2.8rem

    .prism-h1-condensed

    H2

    		Roboto

    font-size: 22px / 2.2rem

    font-weight: Light / 300

    case: Uppercase

    line-height: 2.6rem

    .prism-h2

    H3

    		Roboto

    font-size: 20px / 2rem

    font-weight: Bold / 700

    case: Uppercase

    line-height: 2.4rem

    .prism-h3

    H4

    		Roboto

    font-size: 18px / 1.8rem

    font-weight: Light / 300

    case: Uppercase

    line-height: 2.2rem

    .prism-h4
    H5
    		Roboto

    font-size: 14px / 1.4rem

    font-weight: Bold / 700

    case: Uppercase

    line-height: 1.8rem

    .prism-h5

    P (Large)

    		Roboto

    font-size: 16px / 1.6rem

    font-weight: Regular / 400

    case: Uppercase

    line-height: 2.4rem

    .prism-p-large

    P (Medium)

    		Roboto

    font-size: 14px / 1.4rem

    font-weight: Regular / 400

    case: Uppercase

    line-height: 1.8rem

    .prism-p-med

    P (Small)

    		Roboto

    font-size: 12px / 1.2rem

    font-weight: Regular / 400

    case: Uppercase

    line-height: 1.5rem

    .prism-p-sm

    P (X-Small)

    		Roboto

    font-size: 10px / 1rem

    font-weight: Regular / 400

    case: Uppercase

    line-height: 1.2rem

    .prism-p-sm
    ModifiersSpecs
    H5
    		Roboto Condensed

    font-size: 26px / 2.6rem

    font-weight: Regular / 700

    case: Uppercase

    line-height: 2.6rem

    .prism-h1-condensed

    P(Large) + Bold

    		Roboto

    font-size: 16px / 1.6rem

    font-weight: Bold / 700

    case: Uppercase

    line-height: 1.8rem

    .prism-p-large font-weight-bold

    P(Medium) + Bold

    		Roboto

    font-size: 14px / 1.6rem

    font-weight: Bold / 700

    case: Uppercase

    line-height: 2.4rem

    .font-size-med font-weight-bold

    P (Small)

    		Roboto

    font-size: 12px / 1.2rem

    font-weight: Regular / 700

    case: Uppercase

    line-height: 1.8rem

    .font-size-small .font-weight-bold

    P (X-Small)

    		Roboto

    font-size:

    font-weight: Bold / 700

    case: Uppercase

    line-height: 1.2rem

    .font-size-xs font-weight-bold