diff --git a/assets/css/create-account.css b/assets/css/create-account.css index 57ea568..a09e19a 100644 --- a/assets/css/create-account.css +++ b/assets/css/create-account.css @@ -1,5 +1,10 @@ /* Import fonts */ @import url('../fonts/Means/fonts.css'); +@import url('../fonts/graphik/fonts.css'); + +#mailchimp-sf-create-account { + font-family: 'Graphik Mailchimp Web', ui-sans-serif, system-ui, sans-serif; +} #mailchimp-sf-create-account .flex { display:flex; @@ -58,6 +63,10 @@ display: block; } +#mailchimp-sf-create-account .mailchimp-sf-create-account__body a { + color: #007C89; +} + @keyframes spin { from { transform: rotate(0deg); @@ -239,7 +248,7 @@ .mailchimp-sf-form-wrapper label { display: block; - font-family: ui-sans-serif, system-ui, sans-serif, proxima-nova, Arial, Helvetica, sans-serif; + font-family: 'Graphik Mailchimp Web', ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-weight: 400; line-height: 30px; @@ -304,8 +313,7 @@ border-radius: 4px; padding: 0.6em 1.5em; width: 100%; - /* font-family: "Proxima Nova Alt Light", Arial, Helvetica, sans-serif */ - + font-family: 'Graphik Mailchimp Web', ui-sans-serif, system-ui, sans-serif; } .mailchimp-sf-form-wrapper .mailchimp-select-wrapper .form-row { @@ -314,7 +322,7 @@ .mailchimp-sf-form-wrapper .mailchimp-select-wrapper select { font-size: 14px; - /* font-family: "Proxima Nova Alt Light", Arial, Helvetica, sans-serif; */ + font-family: 'Graphik Mailchimp Web', ui-sans-serif, system-ui, sans-serif; -webkit-appearance: none; box-shadow: none; outline: none; diff --git a/assets/fonts/graphik/GraphikMailchimp-Black-Web.woff b/assets/fonts/graphik/GraphikMailchimp-Black-Web.woff new file mode 100644 index 0000000..63e0e3a Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-Black-Web.woff differ diff --git a/assets/fonts/graphik/GraphikMailchimp-Black-Web.woff2 b/assets/fonts/graphik/GraphikMailchimp-Black-Web.woff2 new file mode 100644 index 0000000..105e798 Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-Black-Web.woff2 differ diff --git a/assets/fonts/graphik/GraphikMailchimp-BlackItalic-Web.woff b/assets/fonts/graphik/GraphikMailchimp-BlackItalic-Web.woff new file mode 100644 index 0000000..d9ec814 Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-BlackItalic-Web.woff differ diff --git a/assets/fonts/graphik/GraphikMailchimp-BlackItalic-Web.woff2 b/assets/fonts/graphik/GraphikMailchimp-BlackItalic-Web.woff2 new file mode 100644 index 0000000..eebf6ad Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-BlackItalic-Web.woff2 differ diff --git a/assets/fonts/graphik/GraphikMailchimp-Bold-Web.woff b/assets/fonts/graphik/GraphikMailchimp-Bold-Web.woff new file mode 100644 index 0000000..0e533df Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-Bold-Web.woff differ diff --git a/assets/fonts/graphik/GraphikMailchimp-Bold-Web.woff2 b/assets/fonts/graphik/GraphikMailchimp-Bold-Web.woff2 new file mode 100644 index 0000000..cf7f3d6 Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-Bold-Web.woff2 differ diff --git a/assets/fonts/graphik/GraphikMailchimp-BoldItalic-Web.woff b/assets/fonts/graphik/GraphikMailchimp-BoldItalic-Web.woff new file mode 100644 index 0000000..8e83d85 Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-BoldItalic-Web.woff differ diff --git a/assets/fonts/graphik/GraphikMailchimp-BoldItalic-Web.woff2 b/assets/fonts/graphik/GraphikMailchimp-BoldItalic-Web.woff2 new file mode 100644 index 0000000..6638fbb Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-BoldItalic-Web.woff2 differ diff --git a/assets/fonts/graphik/GraphikMailchimp-Extralight-Web.woff b/assets/fonts/graphik/GraphikMailchimp-Extralight-Web.woff new file mode 100644 index 0000000..2afd56b Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-Extralight-Web.woff differ diff --git a/assets/fonts/graphik/GraphikMailchimp-Extralight-Web.woff2 b/assets/fonts/graphik/GraphikMailchimp-Extralight-Web.woff2 new file mode 100644 index 0000000..0e40a65 Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-Extralight-Web.woff2 differ diff --git a/assets/fonts/graphik/GraphikMailchimp-ExtralightItalic-Web.woff b/assets/fonts/graphik/GraphikMailchimp-ExtralightItalic-Web.woff new file mode 100644 index 0000000..25a3035 Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-ExtralightItalic-Web.woff differ diff --git a/assets/fonts/graphik/GraphikMailchimp-ExtralightItalic-Web.woff2 b/assets/fonts/graphik/GraphikMailchimp-ExtralightItalic-Web.woff2 new file mode 100644 index 0000000..246811a Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-ExtralightItalic-Web.woff2 differ diff --git a/assets/fonts/graphik/GraphikMailchimp-Light-Web.woff b/assets/fonts/graphik/GraphikMailchimp-Light-Web.woff new file mode 100644 index 0000000..e84dba0 Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-Light-Web.woff differ diff --git a/assets/fonts/graphik/GraphikMailchimp-Light-Web.woff2 b/assets/fonts/graphik/GraphikMailchimp-Light-Web.woff2 new file mode 100644 index 0000000..81da217 Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-Light-Web.woff2 differ diff --git a/assets/fonts/graphik/GraphikMailchimp-LightItalic-Web.woff b/assets/fonts/graphik/GraphikMailchimp-LightItalic-Web.woff new file mode 100644 index 0000000..bfbdc38 Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-LightItalic-Web.woff differ diff --git a/assets/fonts/graphik/GraphikMailchimp-LightItalic-Web.woff2 b/assets/fonts/graphik/GraphikMailchimp-LightItalic-Web.woff2 new file mode 100644 index 0000000..3dc64c4 Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-LightItalic-Web.woff2 differ diff --git a/assets/fonts/graphik/GraphikMailchimp-Medium-Web.woff b/assets/fonts/graphik/GraphikMailchimp-Medium-Web.woff new file mode 100644 index 0000000..9363ba5 Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-Medium-Web.woff differ diff --git a/assets/fonts/graphik/GraphikMailchimp-Medium-Web.woff2 b/assets/fonts/graphik/GraphikMailchimp-Medium-Web.woff2 new file mode 100644 index 0000000..b5ca200 Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-Medium-Web.woff2 differ diff --git a/assets/fonts/graphik/GraphikMailchimp-MediumItalic-Web.woff b/assets/fonts/graphik/GraphikMailchimp-MediumItalic-Web.woff new file mode 100644 index 0000000..1a4462e Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-MediumItalic-Web.woff differ diff --git a/assets/fonts/graphik/GraphikMailchimp-MediumItalic-Web.woff2 b/assets/fonts/graphik/GraphikMailchimp-MediumItalic-Web.woff2 new file mode 100644 index 0000000..6658900 Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-MediumItalic-Web.woff2 differ diff --git a/assets/fonts/graphik/GraphikMailchimp-Regular-Web.woff b/assets/fonts/graphik/GraphikMailchimp-Regular-Web.woff new file mode 100644 index 0000000..267a260 Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-Regular-Web.woff differ diff --git a/assets/fonts/graphik/GraphikMailchimp-Regular-Web.woff2 b/assets/fonts/graphik/GraphikMailchimp-Regular-Web.woff2 new file mode 100644 index 0000000..6d43b11 Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-Regular-Web.woff2 differ diff --git a/assets/fonts/graphik/GraphikMailchimp-RegularItalic-Web.woff b/assets/fonts/graphik/GraphikMailchimp-RegularItalic-Web.woff new file mode 100644 index 0000000..f117e28 Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-RegularItalic-Web.woff differ diff --git a/assets/fonts/graphik/GraphikMailchimp-RegularItalic-Web.woff2 b/assets/fonts/graphik/GraphikMailchimp-RegularItalic-Web.woff2 new file mode 100644 index 0000000..1fdcc90 Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-RegularItalic-Web.woff2 differ diff --git a/assets/fonts/graphik/GraphikMailchimp-Semibold-Web.woff b/assets/fonts/graphik/GraphikMailchimp-Semibold-Web.woff new file mode 100644 index 0000000..7956bfa Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-Semibold-Web.woff differ diff --git a/assets/fonts/graphik/GraphikMailchimp-Semibold-Web.woff2 b/assets/fonts/graphik/GraphikMailchimp-Semibold-Web.woff2 new file mode 100644 index 0000000..7b5fa1a Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-Semibold-Web.woff2 differ diff --git a/assets/fonts/graphik/GraphikMailchimp-SemiboldItalic-Web.woff b/assets/fonts/graphik/GraphikMailchimp-SemiboldItalic-Web.woff new file mode 100644 index 0000000..8867ee4 Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-SemiboldItalic-Web.woff differ diff --git a/assets/fonts/graphik/GraphikMailchimp-SemiboldItalic-Web.woff2 b/assets/fonts/graphik/GraphikMailchimp-SemiboldItalic-Web.woff2 new file mode 100644 index 0000000..24dc12a Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-SemiboldItalic-Web.woff2 differ diff --git a/assets/fonts/graphik/GraphikMailchimp-Super-Web.woff b/assets/fonts/graphik/GraphikMailchimp-Super-Web.woff new file mode 100644 index 0000000..6e4f942 Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-Super-Web.woff differ diff --git a/assets/fonts/graphik/GraphikMailchimp-Super-Web.woff2 b/assets/fonts/graphik/GraphikMailchimp-Super-Web.woff2 new file mode 100644 index 0000000..287f296 Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-Super-Web.woff2 differ diff --git a/assets/fonts/graphik/GraphikMailchimp-SuperItalic-Web.woff b/assets/fonts/graphik/GraphikMailchimp-SuperItalic-Web.woff new file mode 100644 index 0000000..10c69a3 Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-SuperItalic-Web.woff differ diff --git a/assets/fonts/graphik/GraphikMailchimp-SuperItalic-Web.woff2 b/assets/fonts/graphik/GraphikMailchimp-SuperItalic-Web.woff2 new file mode 100644 index 0000000..2745287 Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-SuperItalic-Web.woff2 differ diff --git a/assets/fonts/graphik/GraphikMailchimp-Thin-Web.woff b/assets/fonts/graphik/GraphikMailchimp-Thin-Web.woff new file mode 100644 index 0000000..640e38b Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-Thin-Web.woff differ diff --git a/assets/fonts/graphik/GraphikMailchimp-Thin-Web.woff2 b/assets/fonts/graphik/GraphikMailchimp-Thin-Web.woff2 new file mode 100644 index 0000000..95e34dd Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-Thin-Web.woff2 differ diff --git a/assets/fonts/graphik/GraphikMailchimp-ThinItalic-Web.woff b/assets/fonts/graphik/GraphikMailchimp-ThinItalic-Web.woff new file mode 100644 index 0000000..b233822 Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-ThinItalic-Web.woff differ diff --git a/assets/fonts/graphik/GraphikMailchimp-ThinItalic-Web.woff2 b/assets/fonts/graphik/GraphikMailchimp-ThinItalic-Web.woff2 new file mode 100644 index 0000000..260441d Binary files /dev/null and b/assets/fonts/graphik/GraphikMailchimp-ThinItalic-Web.woff2 differ diff --git a/assets/fonts/graphik/fonts.css b/assets/fonts/graphik/fonts.css new file mode 100644 index 0000000..26cf332 --- /dev/null +++ b/assets/fonts/graphik/fonts.css @@ -0,0 +1,263 @@ +/* + This font software is the property of Commercial Type. + + You may not modify the font software, use it on another website, or install it on a computer. + + License information is available at http://commercialtype.com/eula + For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com + + Copyright (C) 2016 Schwartzco Inc. + +*/ + +.GraphikMailchimp-Thin-Web { + font-family: 'Graphik Mailchimp Web'; + font-weight: 100; + font-style: normal; +} + +.GraphikMailchimp-ThinItalic-Web { + font-family: 'Graphik Mailchimp Web'; + font-weight: 100; + font-style: italic; +} + +.GraphikMailchimp-Extralight-Web { + font-family: 'Graphik Mailchimp Web'; + font-weight: 200; + font-style: normal; +} + +.GraphikMailchimp-ExtralightItalic-Web { + font-family: 'Graphik Mailchimp Web'; + font-weight: 200; + font-style: italic; +} + +.GraphikMailchimp-Light-Web { + font-family: 'Graphik Mailchimp Web'; + font-weight: 300; + font-style: normal; +} + +.GraphikMailchimp-LightItalic-Web { + font-family: 'Graphik Mailchimp Web'; + font-weight: 300; + font-style: italic; +} + +.GraphikMailchimp-Regular-Web { + font-family: 'Graphik Mailchimp Web'; + font-weight: 400; + font-style: normal; +} + +.GraphikMailchimp-RegularItalic-Web { + font-family: 'Graphik Mailchimp Web'; + font-weight: 400; + font-style: italic; +} + +.GraphikMailchimp-Medium-Web { + font-family: 'Graphik Mailchimp Web'; + font-weight: 500; + font-style: normal; +} + +.GraphikMailchimp-MediumItalic-Web { + font-family: 'Graphik Mailchimp Web'; + font-weight: 500; + font-style: italic; +} + +.GraphikMailchimp-Semibold-Web { + font-family: 'Graphik Mailchimp Web'; + font-weight: 600; + font-style: normal; +} + +.GraphikMailchimp-SemiboldItalic-Web { + font-family: 'Graphik Mailchimp Web'; + font-weight: 600; + font-style: italic; +} + +.GraphikMailchimp-Bold-Web { + font-family: 'Graphik Mailchimp Web'; + font-weight: 700; + font-style: normal; +} + +.GraphikMailchimp-BoldItalic-Web { + font-family: 'Graphik Mailchimp Web'; + font-weight: 700; + font-style: italic; +} + +.GraphikMailchimp-Black-Web { + font-family: 'Graphik Mailchimp Web'; + font-weight: 800; + font-style: normal; +} + +.GraphikMailchimp-BlackItalic-Web { + font-family: 'Graphik Mailchimp Web'; + font-weight: 800; + font-style: italic; +} + +.GraphikMailchimp-Super-Web { + font-family: 'Graphik Mailchimp Web'; + font-weight: 900; + font-style: normal; +} + +.GraphikMailchimp-SuperItalic-Web { + font-family: 'Graphik Mailchimp Web'; + font-weight: 900; + font-style: italic; +} + +@font-face { + font-family: 'Graphik Mailchimp Web'; + src: url('GraphikMailchimp-Thin-Web.woff2') format('woff2'), + url('GraphikMailchimp-Thin-Web.woff') format('woff'); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: 'Graphik Mailchimp Web'; + src: url('GraphikMailchimp-ThinItalic-Web.woff2') format('woff2'), + url('GraphikMailchimp-ThinItalic-Web.woff') format('woff'); + font-weight: 100; + font-style: italic; +} + +@font-face { + font-family: 'Graphik Mailchimp Web'; + src: url('GraphikMailchimp-Extralight-Web.woff2') format('woff2'), + url('GraphikMailchimp-Extralight-Web.woff') format('woff'); + font-weight: 200; + font-style: normal; +} + +@font-face { + font-family: 'Graphik Mailchimp Web'; + src: url('GraphikMailchimp-ExtralightItalic-Web.woff2') format('woff2'), + url('GraphikMailchimp-ExtralightItalic-Web.woff') format('woff'); + font-weight: 200; + font-style: italic; +} + +@font-face { + font-family: 'Graphik Mailchimp Web'; + src: url('GraphikMailchimp-Light-Web.woff2') format('woff2'), + url('GraphikMailchimp-Light-Web.woff') format('woff'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Graphik Mailchimp Web'; + src: url('GraphikMailchimp-LightItalic-Web.woff2') format('woff2'), + url('GraphikMailchimp-LightItalic-Web.woff') format('woff'); + font-weight: 300; + font-style: italic; +} + +@font-face { + font-family: 'Graphik Mailchimp Web'; + src: url('GraphikMailchimp-Regular-Web.woff2') format('woff2'), + url('GraphikMailchimp-Regular-Web.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Graphik Mailchimp Web'; + src: url('GraphikMailchimp-RegularItalic-Web.woff2') format('woff2'), + url('GraphikMailchimp-RegularItalic-Web.woff') format('woff'); + font-weight: 400; + font-style: italic; +} + +@font-face { + font-family: 'Graphik Mailchimp Web'; + src: url('GraphikMailchimp-Medium-Web.woff2') format('woff2'), + url('GraphikMailchimp-Medium-Web.woff') format('woff'); + font-weight: 500; + font-style: normal; +} + +@font-face { + font-family: 'Graphik Mailchimp Web'; + src: url('GraphikMailchimp-MediumItalic-Web.woff2') format('woff2'), + url('GraphikMailchimp-MediumItalic-Web.woff') format('woff'); + font-weight: 500; + font-style: italic; +} + +@font-face { + font-family: 'Graphik Mailchimp Web'; + src: url('GraphikMailchimp-Semibold-Web.woff2') format('woff2'), + url('GraphikMailchimp-Semibold-Web.woff') format('woff'); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'Graphik Mailchimp Web'; + src: url('GraphikMailchimp-SemiboldItalic-Web.woff2') format('woff2'), + url('GraphikMailchimp-SemiboldItalic-Web.woff') format('woff'); + font-weight: 600; + font-style: italic; +} + +@font-face { + font-family: 'Graphik Mailchimp Web'; + src: url('GraphikMailchimp-Bold-Web.woff2') format('woff2'), + url('GraphikMailchimp-Bold-Web.woff') format('woff'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Graphik Mailchimp Web'; + src: url('GraphikMailchimp-BoldItalic-Web.woff2') format('woff2'), + url('GraphikMailchimp-BoldItalic-Web.woff') format('woff'); + font-weight: 700; + font-style: italic; +} + +@font-face { + font-family: 'Graphik Mailchimp Web'; + src: url('GraphikMailchimp-Black-Web.woff2') format('woff2'), + url('GraphikMailchimp-Black-Web.woff') format('woff'); + font-weight: 800; + font-style: normal; +} + +@font-face { + font-family: 'Graphik Mailchimp Web'; + src: url('GraphikMailchimp-BlackItalic-Web.woff2') format('woff2'), + url('GraphikMailchimp-BlackItalic-Web.woff') format('woff'); + font-weight: 800; + font-style: italic; +} + +@font-face { + font-family: 'Graphik Mailchimp Web'; + src: url('GraphikMailchimp-Super-Web.woff2') format('woff2'), + url('GraphikMailchimp-Super-Web.woff') format('woff'); + font-weight: 900; + font-style: normal; +} + +@font-face { + font-family: 'Graphik Mailchimp Web'; + src: url('GraphikMailchimp-SuperItalic-Web.woff2') format('woff2'), + url('GraphikMailchimp-SuperItalic-Web.woff') format('woff'); + font-weight: 900; + font-style: italic; +}