Merge pull request #1818 from Safelite/CSR-2045-update-funnel-with-new-logo-and-typog
CSR-2045 update funnel with new logo, colors, and typography.
This commit is contained in:
bmauger
GitHub
commit
6c00cd88b1
6 changed files with 81 additions and 11 deletions
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
|
@ -11,7 +11,7 @@
|
|||
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
|
||||
<title><%= htmlWebpackPlugin.options.title %></title>
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -1,8 +1,6 @@
|
|||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 231.2 71" xml:space="preserve">
|
||||
<svg version="1.1" id="SafeliteLogo" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 451.2 73.6" style="enable-background:new 0 0 451.2 73.6" xml:space="preserve">
|
||||
<style>
|
||||
.st0{fill:#d92d27}
|
||||
.st0{fill:#db0020}
|
||||
</style>
|
||||
<path class="st0" d="M159.7 0c-20 .5-42.5 11.7-53.1 20 0 0 13.8-2.6 33.2 1.9 0 0 .3-6.2 5-13.1 3.5-5 14.9-8.8 14.9-8.8"/>
|
||||
<path d="M94.2 20.8s21-14.3 49.4-20.3c0 0-19.6.5-39.8 7.9-26.7 9.8-33.2 17.2-33.2 17.2 17.2-5.1 23.6-4.8 23.6-4.8" fill="#020202"/>
|
||||
<path class="st0" d="M219.5 65.1c0-3.2 2.6-5.8 5.9-5.8 3.2 0 5.8 2.6 5.8 5.8 0 3.3-2.6 5.9-5.8 5.9-3.3 0-5.9-2.7-5.9-5.9m10.7 0c0-2.6-2.1-4.8-4.8-4.8-2.7 0-4.8 2.2-4.8 4.8 0 2.7 2.2 4.8 4.8 4.8 2.6 0 4.8-2.1 4.8-4.8m-6.1.4v3H223v-6.9h2.2c1.3 0 2.6.3 2.6 1.9 0 .8-.5 1.4-1.4 1.6.9.2 1.1.6 1.2 1.4.1.7.2 1.4.4 2h-1.4c-.1-.4-.2-.8-.2-1.2-.1-.6-.1-1.1-.4-1.5-.3-.3-.6-.2-1-.3h-.9zm1.1-1.1c1 0 1.2-.5 1.2-1s-.2-.8-1.1-.8H224v1.8h1.2zM25.8 44.3l.3-1.4c.4-2-.5-3.6-3.2-3.6-3 0-4.8 2.1-5.1 3.6-1.4 6.7 21.9 3.4 19.3 15.8-1.5 7.2-8.8 10.4-21 10.4C4.6 69-1.3 66.5.2 59.5l.3-1.2h13.4l-.3 1.4c-.6 2.9 1 3.9 3.7 3.9 2.8 0 4.9-2.1 5.3-3.9C24 53 1.6 56.3 4.1 44.4c1.4-6.8 8-10.6 19.7-10.6 12.1 0 16.5 3.2 15 10.4h-13zM60.9 50.4c.3-1.5-.5-2.2-2.7-2.2-2.4 0-3.8 1.3-4.4 3.8H43c1.5-6.9 10.4-8.1 16.1-8.1 8.8 0 14.6 1.5 13.3 7.7l-2.5 11.7c-.5 2.2-.7 3.9.1 5.2H57.9c-.2-.8-.2-1.7-.2-2.7h-.1c-1.8 2.1-5.4 3.3-9.2 3.3-7.5 0-9.8-2.9-8.9-7 .9-4.4 3.8-6.5 12.1-7.7l5.1-.8c2.4-.3 3.1-.4 3.8-.5l.4-2.7zm-6 7.7c-1.9.5-2.9 1.5-3.2 3.1-.3 1.6.5 3.2 2.4 3.2 2.8 0 4.2-1.3 4.7-3.9l.7-3.2s-2.6.3-4.6.8M78.9 49.9h-4.3l1.1-5.4H80l.8-3.7c1-4.8 4.3-6.6 13-6.6 1.8 0 4 .1 5.9.3l-.9 4.4c-.6-.1-1.2-.1-2.1-.1-1.5 0-3.1.5-3.4 1.7l-.9 4.1h5.1L96.4 50h-5.1l-4 18.6H75l3.9-18.7zM107.9 57.9l-.8 3.8c-.5 2.6 1 3.2 2.7 3.2 2.2 0 3.9-1.5 4.6-4.8h11.3c-1.4 5.8-6.3 9-16.7 9-12.1 0-15.3-3.5-13.3-12.6 1.9-9.2 7.4-12.6 18.7-12.6 10 0 14.5 2.8 12.7 11.5l-.5 2.4h-18.7zm8.2-6c.5-2.5-.1-3.7-2.7-3.7s-3.7 1.1-4.2 3.7l-.4 1.7h6.9l.4-1.7zM136.2 33.2h12.6l-7.5 35.3h-12.6zM151.8 44.6h12.5l-5.1 23.9h-12.5l5.1-23.9zm2.4-11.4h12.5l-1.5 7.2h-12.5l1.5-7.2zM167.1 44.6h4.2l.6-3.1 14.6-10-2.7 13.1h4.9l-1.1 5.4h-4.9l-2.6 12c-.3 1.4.6 1.9 2.6 1.9h1.9l-1 4.7c-2.3.2-4.8.3-6.9.3-7.7 0-10.5-.8-9.4-6.1l2.7-12.7h-4l1.1-5.5zM200 57.9l-.8 3.8c-.5 2.6 1 3.2 2.7 3.2 2.2 0 3.9-1.5 4.6-4.8h11.3c-1.4 5.8-6.3 9-16.7 9-12.1 0-15.3-3.5-13.3-12.6 1.9-9.2 7.4-12.6 18.7-12.6 10 0 14.5 2.8 12.7 11.5l-.5 2.4H200zm8.2-6c.5-2.5-.1-3.7-2.7-3.7s-3.7 1.1-4.2 3.7l-.4 1.7h6.9l.4-1.7z"/>
|
||||
</svg>
|
||||
<path class="st0" d="M439.8 67.9c0-3.1 2.6-5.7 5.7-5.7 3.2 0 5.7 2.6 5.7 5.7 0 3.2-2.5 5.7-5.7 5.7-3.1 0-5.7-2.5-5.7-5.7m10.5 0c0-2.6-2.1-4.7-4.7-4.7s-4.7 2.1-4.7 4.7 2.1 4.7 4.7 4.7c2.5 0 4.7-2.1 4.7-4.7m-6 .4v2.9h-1v-6.7h2.2c1.2 0 2.5.3 2.5 1.9 0 .8-.5 1.4-1.4 1.6.9.2 1 .6 1.1 1.3.1.6.2 1.3.4 1.9h-1.3c-.1-.4-.2-.8-.2-1.2-.1-.6-.1-1.1-.4-1.4-.3-.3-.6-.2-1-.3h-.9zm1.1-1.1c1 0 1.2-.4 1.2-1 0-.5-.2-.8-1.1-.8h-1.3v1.7h1.2zM47.2 22.8c-.8 0-1.4-.6-1.4-1.4v-1.5c0-4.1-2.6-7.5-8.1-7.5-6.1 0-8.8 4.3-8.8 7.4 0 13.7 46.4 7 46.4 32.3 0 14.7-13.6 21.3-38.6 21.3C13.1 73.4 0 68.2 0 53.9v-1c0-.8.6-1.4 1.4-1.4H26c.8 0 1.4.6 1.4 1.4v1.5c0 5.9 3.8 8 9.3 8 5.8 0 9.2-4.2 9.2-8 0-13.7-44.5-6.9-44.5-31.4C1.4 9 13.1 1.4 37.1 1.4c23.8 0 34.5 6 35.2 19.8 0 .8-.6 1.5-1.4 1.5l-23.7.1zM153.6 15.7c0-9.8 6-13.4 23.8-13.4 3.3 0 7.3.1 11 .4.7.1 1.3.7 1.3 1.4v6c0 .8-.7 1.5-1.6 1.4-.8-.1-1.6-.1-2.7-.1-3.1 0-6.1 1-6.1 3.4v6.9c0 .8.6 1.4 1.4 1.4h7.6c.8 0 1.4.6 1.4 1.4v8.1c0 .8-.6 1.4-1.4 1.4h-7.6c-.8 0-1.4.6-1.4 1.4v35.2c0 .8-.6 1.4-1.4 1.4h-22.8c-.8 0-1.4-.6-1.4-1.4l-.1-54.9zM218 50.6c-.8 0-1.4.6-1.4 1.4v6.3c0 5.3 3.4 6.6 7 6.6 4.3 0 6.9-2.7 7.2-8.5 0-.7.7-1.3 1.4-1.3h20.2c.9 0 1.5.7 1.4 1.6-1 10.9-9.9 16.9-30.2 16.9-24.8 0-32.8-7.1-32.8-25.8 0-18.8 9.7-25.9 32.8-25.9 20.5 0 31 5.8 31 23.6v3.6c0 .8-.6 1.4-1.4 1.4l-35.2.1zm12.6-12.4c0-5.2-1.7-7.5-7.1-7.5-5.3 0-7 2.4-7 7.5v2.1c0 .8.6 1.4 1.4 1.4h11.3c.8 0 1.4-.6 1.4-1.4v-2.1zM265.2 0H288c.8 0 1.4.6 1.4 1.4v69.5c0 .8-.6 1.4-1.4 1.4h-22.8c-.8 0-1.4-.6-1.4-1.4V1.4c-.1-.8.6-1.4 1.4-1.4zM302 23.2h22.8c.8 0 1.4.6 1.4 1.4v46.3c0 .8-.6 1.4-1.4 1.4H302c-.8 0-1.4-.6-1.4-1.4V24.6c-.1-.8.6-1.4 1.4-1.4zM302 0h22.8c.8 0 1.4.6 1.4 1.4v12.1c0 .8-.6 1.4-1.4 1.4L302 15c-.8 0-1.4-.6-1.4-1.4V1.5c-.1-.9.6-1.5 1.4-1.5zM403.2 50.6c-.8 0-1.4.6-1.4 1.4v6.3c0 5.3 3.4 6.6 7 6.6 4.2 0 6.9-2.7 7.2-8.5 0-.7.7-1.3 1.4-1.3h20.2c.9 0 1.5.7 1.4 1.6-1 10.9-9.9 16.9-30.1 16.9-24.8 0-32.8-7.1-32.8-25.8 0-18.8 9.7-25.9 32.8-25.9 20.5 0 31 5.8 31 23.6v3.6c0 .8-.6 1.4-1.4 1.4l-35.3.1zm12.7-12.4c0-5.2-1.7-7.5-7.1-7.5-5.3 0-7 2.4-7 7.5v2.1c0 .8.6 1.4 1.4 1.4h11.3c.8 0 1.4-.6 1.4-1.4v-2.1zM144.4 37.7C144.3 25 131.8 22 113.9 22c-11.2 0-28.2 2.3-29.5 14.9-.1.8.6 1.6 1.4 1.6h19.4c.7 0 1.3-.6 1.4-1.3.5-4.3 2.8-6.5 7.2-6.5s6.5 1.5 6.5 4.5v4.4c0 .7-.5 1.3-1.2 1.4-1.2.2-2.9.4-6.3.9l-10.1 1.5c-16.4 2.4-21.4 6.7-21.4 15.8 0 8.4 6 14.4 21.4 14.4 7.3 0 13.9-2.2 17-6.2.2-.2.6-.2.6.1.3 1 .9 2.9 1.2 3.9.2.6.7.9 1.3.9h20c.8 0 1.4-.6 1.4-1.4l.2-33.2zm-32 26.3c-3.9 0-6.3-3.4-6.3-6.7 0-3.3 1.5-5.3 5.3-6.3 2.4-.7 5.5-1.1 7.4-1.4.9-.1 1.6.5 1.6 1.4v4.9c0 5.3-2.2 8.1-8 8.1zM364.2 34.3h7.3c.8 0 1.4-.6 1.4-1.4v-8.1c0-.8-.6-1.4-1.4-1.4h-7.3c-.8 0-1.4-.6-1.4-1.4l-.1-20.4v-.4c0-.6-.5-1.1-1.1-1.1-.2 0-.3 0-.4.1h-.1l-22.6 13.4c-1 .6-1.4.7-1.4 1.4v45.4c0 10.9 6.1 12.5 21.8 12.5 3.9 0 8.3-.2 12.7-.4.7-.1 1.3-.7 1.3-1.4v-6.8c0-.8-.6-1.4-1.4-1.4h-2.6c-4.1 0-6.1-1-6.1-3.8V35.8c0-.9.6-1.5 1.4-1.5z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 3 KiB |
|
|
@ -94,6 +94,7 @@ export default {
|
|||
}
|
||||
|
||||
.logo-image {
|
||||
max-width: 78px;
|
||||
max-width: 114px;
|
||||
height: auto;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -13,26 +13,31 @@ h1,
|
|||
line-height: 1.325;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
h2,
|
||||
.h2 {
|
||||
line-height: 1.325;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
h3,
|
||||
.h3 {
|
||||
line-height: 1.375;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
h4,
|
||||
.h4 {
|
||||
line-height: 1.6;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
h5,
|
||||
.h5 {
|
||||
line-height: 1.325;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
h6,
|
||||
.h6 {
|
||||
line-height: 1.7;
|
||||
|
|
@ -70,3 +75,69 @@ caption,
|
|||
line-height: 1.4;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
// Poppins styles from Google Fonts
|
||||
|
||||
// Regular styles
|
||||
|
||||
.poppins-light {
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.poppins-regular {
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.poppins-medium {
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.poppins-semibold {
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.poppins-bold {
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
// Italic styles
|
||||
|
||||
.poppins-light-italic {
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.poppins-regular-italic {
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.poppins-medium-italic {
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 500;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.poppins-semibold-italic {
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 600;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.poppins-bold-italic {
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 700;
|
||||
font-style: italic;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@ $blue-200: #c1dfee;
|
|||
$blue-300: #9fcee6;
|
||||
$blue-400: #69adcf; // Used in theme
|
||||
$blue-500: #3b8fb8;
|
||||
$blue: #1574a1; // Default Blue
|
||||
$blue: #0070D1; // Default Blue
|
||||
$blue-700: #06577c;
|
||||
$blue-800: #003d58;
|
||||
$blue-900: #002433; // Used in theme
|
||||
|
|
@ -20,7 +20,7 @@ $red-100: #ffe6e4;
|
|||
$red-200: #fcbfbb;
|
||||
$red-300: #f89892;
|
||||
$red-400: #e65c53;
|
||||
$red: #d4281c; // Default Red
|
||||
$red: #DB0020; // Default Red
|
||||
$red-600: #ac160b;
|
||||
$red-700: #840900;
|
||||
$red-800: #5b0600;
|
||||
|
|
@ -115,7 +115,7 @@ $theme-colors: (
|
|||
$body-color: $gray-600;
|
||||
|
||||
//Fonts
|
||||
$font-family-sans-serif: Roboto, Arial, Helvetica, sans-serif;
|
||||
$font-family-sans-serif: Poppins, Arial, Helvetica, sans-serif;
|
||||
$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
|
||||
monospace;
|
||||
// stylelint-enable value-keyword-case
|
||||
|
|
|
|||
Loading…
Reference in a new issue