• Proxima Nova - Primary Font
  AaBb

  A​B​C​D​E​F​G​H​I​J​K​L​M​N​O​P​Q​R​S​T​U​V​W​X​Y​Z​a​b​c​d​e​f​g​h​i​j​k​l​m​n​o​p​q​r​s​t​u​v​w​x​y​z​1​2​3​4​5​6​7​8​9​0​&​.​,​?​!​@​(​)​#​$​%​*​+​-​=​:​;

  Default Font
• Proxima Nova Light
  AaBb

  A​B​C​D​E​F​G​H​I​J​K​L​M​N​O​P​Q​R​S​T​U​V​W​X​Y​Z​a​b​c​d​e​f​g​h​i​j​k​l​m​n​o​p​q​r​s​t​u​v​w​x​y​z​1​2​3​4​5​6​7​8​9​0​&​.​,​?​!​@​(​)​#​$​%​*​+​-​=​:​;

  .font-weight-light
• Proxima Nova Semibold
  AaBb

  A​B​C​D​E​F​G​H​I​J​K​L​M​N​O​P​Q​R​S​T​U​V​W​X​Y​Z​a​b​c​d​e​f​g​h​i​j​k​l​m​n​o​p​q​r​s​t​u​v​w​x​y​z​1​2​3​4​5​6​7​8​9​0​&​.​,​?​!​@​(​)​#​$​%​*​+​-​=​:​;

  .font-weight-semibold
• Recoleta Semi Bold
  AaBb

  A​B​C​D​E​F​G​H​I​J​K​L​M​N​O​P​Q​R​S​T​U​V​W​X​Y​Z​a​b​c​d​e​f​g​h​i​j​k​l​m​n​o​p​q​r​s​t​u​v​w​x​y​z​1​2​3​4​5​6​7​8​9​0​&​.​,​?​!​@​(​)​#​$​%​*​+​-​=​:​;

  Default Font

Typography

• Header XL
  Face
  .header-xl //or for SASS @include header-xl
• Header Large
  Face
  .header-large //or for SASS @include header-large
• Header Medium
  Bronzers
  .header-medium //or for SASS @include header-medium
• Header Small
  NEW
  .header-small //or for SASS @include header-small
• Title XXL
  Don't Miss Out
  .title-xxl //or for SASS @include title-xxl
• Title XL
  Don't Miss Out
  .title-xl //or for SASS @include title-xl
• Title Large
  Don't Miss Out
  .title-large //or for SASS @include title-large
• Title Medium
  Best Sellers
  .title-medium //or for SASS @include title-medium
• Title Small
  Best Sellers
  .title-small //or for SASS @include title-small
• Body Large
  Tutti Frutti Collection
  .body-large //or for SASS @include body-large
• Body Medium
  Juicy Lips
  .body-medium //or for SASS @include body-medium
• Body Small
  Shop Now
  .body-small //or for SASS @include body-small
• Body X-Small
  Face > Foundation > Born This Way
  .body-x-small //or for SASS @include body-x-small
• Fine Print
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  .fine-print //or for SASS @include fine-print

• Standard Button
  Button
  .button //or for SASS @include button
• Black Button
  Disabled
  .button--black //or for SASS @include button--black
• Pink Accent Button
  Button
  .button--pink-accent //or for SASS @include button--pink-accent
• Pink Button
  Button
  .button--pink //or for SASS @include button--pink
• Disabled Button
  Button
  .button--disabled //or for SASS @include button--disabled

• Link
  I am a link
  
  I am a link with caret space
  
  I am a button as a link
  .link //or for SASS @include link
• Secondary Link
  I am a secondary link
  
  I am a secondary link with caret space
  
  I am a button as a secondary link
  .link--secondary //or for SASS @include link--secondary
• Tertiary Link
  I am a tertiary link
  
  I am a tertiary link with caret space
  
  I am a button as a tertiary link
  .link--tertiary //or for SASS @include link--tertiary
• Inline Tout Link
  I am an inline tout link
  
  I am a button as an inline tout link
  .link--inline-tout //or for SASS @include link--inline-tout

Form Elements

• Input
  input
• Input - Error
  .error
• Input - Success
  .success
• Textarea
  textarea
• Textarea - Error
  .error
• Textarea - Success
  .success
• Dropdown - Native select CHOOSE ONEOption 1Option 2Option 3
  select > option
• Radio

  Radio 1

  Radio 2

  Radio 1 - disabled

  Radio 2 - disabled
  input type="radio"
• Checkbox

  Unchecked

  Checked

  Unchecked - Disabled

  Checked - Disabled
  input type="checkbox"

• selectBox
  CHOOSE SIZE1oz / $1702oz / $3103.4oz / $4658.4oz / $108016.5oz / $2060

            <select class="selectBox" name="select-name">
              <option value="value"></option>
            </select>
          

• selectBox
  Slide One

  Slide Two

  Slide Three

  Slide Four
• selectBox - Small
  Slide One

  Slide Two

  Slide Three

  Slide Four