Mighty Auto Parts Logo Mobile

Mighty Kitchen Sink

Color Palette
$baseColor: #37393F;
$red: #AB2328;
$darkgray: #707070;
$gray:#C2C2C2;
$lightgray:#F0F0F0;
Character Styles (section-title: 18px, bold, block underlined, 20px bottom margin)

Headline 1: font-family: "Helvetica Neue Condensed"; font-weight: bold; font-style: italic; font-size: 52px; margin-bottom:16px;

Headline 2: font-family: "Helvetica Neue Condensed"; font-weight: bold; font-style: italic; font-size: 48px; margin-bottom:16px;

Headline 3: font-family: "Helvetica Neue Condensed"; font-weight: bold; font-style: normal; font-size: 25px; margin-bottom:16px;

Headline 4: font-family: "Helvetica Neue Condensed"; font-weight: bold; font-style: normal; font-size: 32px; margin-bottom:16px;

Headline 5: font-family: "Helvetica Neue Condensed"; font-weight: bold; font-style: normal; font-size: 18px; margin-bottom:16px;

Body Copy: font-family: "Helvetica Neue Condensed"; font-weight: 500; font-size: 18px; Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. And this is a text link.

  • Unordered List
  • Unordered List
  • Unordered List
  1. Unordered List
  2. Unordered List
  3. Unordered List
Interactive Components
Lightbox Example
Carousel Example - Slide 1
Carousel Example - Slide 2
Carousel Example - Slide 3
Iconography