diff --git a/src/components/atoms/SiteTitle.svelte b/src/components/atoms/SiteTitle.svelte
index 443a801..a0b969c 100644
--- a/src/components/atoms/SiteTitle.svelte
+++ b/src/components/atoms/SiteTitle.svelte
@@ -1,6 +1,5 @@
diff --git a/src/style/_base.scss b/src/style/_base.scss
index 32d09a9..9529854 100644
--- a/src/style/_base.scss
+++ b/src/style/_base.scss
@@ -1,5 +1,6 @@
html {
font: #{$base-font-size}/1.2 $font-sans;
+ font-weight: 300;
color: #fff;
min-width: 320px;
word-break: normal;
@@ -17,7 +18,7 @@ body {
-moz-osx-font-smoothing: grayscale;
}
strong {
- font-weight: 700;
+ font-weight: 600;
}
em {
font-style: normal;
diff --git a/src/style/_fonts.scss b/src/style/_fonts.scss
index f5b4f8a..2eb9758 100644
--- a/src/style/_fonts.scss
+++ b/src/style/_fonts.scss
@@ -1,7 +1,8 @@
/* Fonts list
========================================================================== */
-@include font-face("Garnett", "G-Light", 300);
-@include font-face("Garnett", "G-Regular", 400);
+@include font-face("Garnett", "G-Light", 200);
+@include font-face("Garnett", "G-Regular", 300);
+@include font-face("Garnett", "G-Medium", 400);
@include font-face("Garnett", "G-Semibold", 500);
@include font-face("Magnolia", "M-Extralight", 200);
@include font-face("Magnolia", "M-Light", 300);
\ No newline at end of file
diff --git a/src/style/_typography.scss b/src/style/_typography.scss
index 4dd4f1b..3621e37 100644
--- a/src/style/_typography.scss
+++ b/src/style/_typography.scss
@@ -67,7 +67,7 @@
.text-medium {
font-size: rem(20px);
font-family: $font-sans;
- font-weight: 300;
+ font-weight: 200;
line-height: 1.4;
@include bp (sm) {
@@ -102,5 +102,5 @@
line-height: 1.4;
text-transform: uppercase;
letter-spacing: 1px;
- font-weight: 500;
+ font-weight: 400;
}
\ No newline at end of file
diff --git a/src/style/atoms/_box-cta.scss b/src/style/atoms/_box-cta.scss
index b164aa0..888aaff 100644
--- a/src/style/atoms/_box-cta.scss
+++ b/src/style/atoms/_box-cta.scss
@@ -39,9 +39,10 @@
}
span {
display: block;
+ margin-left: 24px;
color: $color-secondary-light;
text-align: left;
- margin-left: 24px;
+ font-weight: 300;
@include bp (sm) {
margin-left: 0;
diff --git a/src/style/atoms/_discover.scss b/src/style/atoms/_discover.scss
index 5f1f9cb..352ab0b 100644
--- a/src/style/atoms/_discover.scss
+++ b/src/style/atoms/_discover.scss
@@ -1,17 +1,17 @@
.discover {
+ padding: 0 20px;
font-family: $font-sans;
font-size: rem(28px);
- color: $color-tertiary;
- font-weight: 300;
+ font-weight: 200;
line-height: 1.5;
- padding: 0 20px;
+ color: $color-tertiary;
@include bp (sm) {
font-size: rem(32px);
}
strong {
- font-weight: 300;
color: $color-secondary;
+ font-weight: 200;
}
}
\ No newline at end of file
diff --git a/src/style/organisms/_footer.scss b/src/style/organisms/_footer.scss
index 0ba7291..648e209 100644
--- a/src/style/organisms/_footer.scss
+++ b/src/style/organisms/_footer.scss
@@ -62,6 +62,7 @@
text-decoration: none;
font-size: rem(16px);
line-height: 1.3;
+ font-weight: 300;
}
svg {
margin-right: 16px;
diff --git a/src/style/organisms/_newsletter.scss b/src/style/organisms/_newsletter.scss
index 2f53827..cc86de1 100644
--- a/src/style/organisms/_newsletter.scss
+++ b/src/style/organisms/_newsletter.scss
@@ -24,9 +24,10 @@
}
}
p {
+ max-width: 480px;
margin-bottom: 32px;
color: $color-text;
- font-weight: 300;
+ font-weight: 200;
@include bp (sm) {
margin-bottom: 40px;
@@ -50,9 +51,9 @@
input {
display: block;
width: 100%;
- font-family: $font-sans;
- font-weight: 400;
font-size: rem(18px);
+ font-family: $font-sans;
+ font-weight: 300;
color: #333;
background: none;
border: none;
@@ -113,6 +114,8 @@
@include bp (sm) {
margin-left: 12px;
+ padding-bottom: 0;
+ font-size: rem(16px);
}
}
p {
diff --git a/src/style/organisms/_shop.scss b/src/style/organisms/_shop.scss
index 0d906c9..55023c9 100644
--- a/src/style/organisms/_shop.scss
+++ b/src/style/organisms/_shop.scss
@@ -61,7 +61,7 @@
}
p {
- font-weight: 300;
+ font-weight: 200;
margin-bottom: 20px;
@include bp (sm) {
diff --git a/src/style/pages/_credits.scss b/src/style/pages/_credits.scss
index 91009fe..7d4ff8e 100644
--- a/src/style/pages/_credits.scss
+++ b/src/style/pages/_credits.scss
@@ -17,7 +17,7 @@
p {
max-width: 320px;
margin: 50px auto 0;
- font-weight: 300;
+ font-weight: 200;
@include bp (sm) {
margin: 72px auto 0;
diff --git a/src/style/pages/_location.scss b/src/style/pages/_location.scss
index 7a10142..9e00b64 100644
--- a/src/style/pages/_location.scss
+++ b/src/style/pages/_location.scss
@@ -160,7 +160,7 @@
position: relative;
display: inline-block;
font-size: rem(160px);
- color: rgba($color-text, 0.15);
+ color: rgba($color-text, 0.2);
font-family: $font-serif;
font-weight: 200;
line-height: 1;
@@ -191,7 +191,7 @@
color: $color-gray;
text-transform: uppercase;
letter-spacing: 0.1em;
- font-weight: 300;
+ font-weight: 400;
font-size: rem(14px);
}
}
diff --git a/static/fonts/G-Medium.woff b/static/fonts/G-Medium.woff
new file mode 100644
index 0000000..dc27670
Binary files /dev/null and b/static/fonts/G-Medium.woff differ
diff --git a/static/fonts/G-Medium.woff2 b/static/fonts/G-Medium.woff2
new file mode 100644
index 0000000..00a9615
Binary files /dev/null and b/static/fonts/G-Medium.woff2 differ