Style Guide

Colors

These colors are used soley for design and development and are not accessible to use throughout the website unless designated in the design/development of the website. This list is all the colors used throughout the entire project.
  • $white
    #FFFFFF
  • $gray10
    #E5E5E5
  • $gray20
    #B3B3B3
  • $gray30
    #8F8F8F
  • $gray40
    #747474
  • $gray50
    #4B4B4B
  • $gray60
    #292929
  • $gray70
    #111111
  • $gray80
    #090909
  • $black
    #000000
  • $gold
    #D2B57A
  • $error
    #d61919

Transparent Colors

These colors are used soley for design and development and are not accessible to use throughout the website unless designated in the design/development of the website. This list is all the colors used throughout the entire project.
  • $notblack
    #313131
  • $notwhite
    #EFEEE9
  • $notblack95
    rgba(49, 49, 49, 0.95)
  • $notwhite95
    rgba(239, 238, 233, 0.95)
  • $notblack90
    rgba(49, 49, 49, 0.9)
  • $notwhite90
    rgba(239, 238, 233, 0.9)
  • $notblack80
    rgba(49, 49, 49, 0.8)
  • $notwhite80
    rgba(239, 238, 233, 0.8)
  • $notblack70
    rgba(49, 49, 49, 0.7)
  • $notwhite70
    rgba(239, 238, 233, 0.7)
  • $notblack60
    rgba(49, 49, 49, 0.6)
  • $notwhite60
    rgba(239, 238, 233, 0.6)
  • $notblack50
    rgba(49, 49, 49, 0.5)
  • $notwhite50
    rgba(239, 238, 233, 0.5)
  • $notblack40
    rgba(49, 49, 49, 0.4)
  • $notwhite40
    rgba(239, 238, 233, 0.4)
  • $notblack30
    rgba(49, 49, 49, 0.3)
  • $notwhite30
    rgba(239, 238, 233, 0.3)
  • $notblack20
    rgba(49, 49, 49, 0.2)
  • $notwhite20
    rgba(239, 238, 233, 0.2)
  • $notblack10
    rgba(49, 49, 49, 0.1)
  • $notwhite10
    rgba(239, 238, 233, 0.1)
  • $notblack05
    rgba(49, 49, 49, 0.05)
  • $notwhite05
    rgba(239, 238, 233, 0.05)
  • $notblack02
    rgba(49, 49, 49, 0.02)
  • $notwhite02
    rgba(239, 238, 233, 0.02)

Buttons

These buttons are used soley for design and development and are not accessible to use throughout the website unless designated in the design/development of the website. This list is all the buttons used throughout the entire project.

Type Styles

These type styles are used soley for design and development and are not accessible to use throughout the website unless designated in the design/development of the website. This list is all the type styles used throughout the entire project.
  • Heading 1
  • Heading 2
  • Heading 3
  • Heading 4
  • Heading 5 (No break point)
  • Heading 5
  • Heading 6
  • Subheading 1
  • Subheading 2
  • Body: Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod harum ipsum illo rem praesentium eligendi velit est fuga! Delectus, maxime natus! Odit non dicta laudantium aperiam repudiandae ipsum quae amet.
  • Body Italic: Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod harum ipsum illo rem praesentium eligendi velit est fuga! Delectus, maxime natus! Odit non dicta laudantium aperiam repudiandae ipsum quae amet.
  • Body Bold: Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod harum ipsum illo rem praesentium eligendi velit est fuga! Delectus, maxime natus! Odit non dicta laudantium aperiam repudiandae ipsum quae amet.
  • Body (No break point): Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod harum ipsum illo rem praesentium eligendi velit est fuga! Delectus, maxime natus! Odit non dicta laudantium aperiam repudiandae ipsum quae amet.
  • Caption: Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod harum ipsum illo rem praesentium eligendi velit est fuga! Delectus, maxime natus! Odit non dicta laudantium aperiam repudiandae ipsum quae amet.

Default Page Style

This section can be used as a reference for default page styles. Please refer to the Sample Page on how to add styles via the WYSIWYG editor.

Heading 2

This uses the style of "Heading 3" in Type Styles section.

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Heading 3

This uses the style of "Heading 4" in Type Styles section.

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Heading 4

This uses the style of "Heading 5" in Type Styles section.

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  • Lorem ipsum dolor sit amet
  • consectetur adipiscing elit
  • Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
  • in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Heading 5

This uses the style of "Heading 6" in Type Styles section.

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Heading 6

This uses the style of "Subheading 1" in Type Styles section.

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Heading 6

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  1. Lorem ipsum dolor sit amet
  2. consectetur adipiscing elit
  3. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
  4. in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Find Mitten in Michigan

Find stores near this location
Search Filters
<< Back to Results

Request Mitten Near You

Have a favorite dispensary that doesn't carry Mitten Extracts yet? Let us know, and we'll work to make sure our premium products are available where you shop.