From 0f13974bef68fd925cebda3e4b225b70bbe1c3b4 Mon Sep 17 00:00:00 2001 From: Lars Wikman Date: Wed, 25 Mar 2026 08:57:34 +0100 Subject: [PATCH 01/14] Tune font weights, using more of them Lower font-weight on body text but increase size to maintain legibility. --- assets/scss/_bulma_custom.scss | 8 +++++++- assets/scss/main.scss | 5 +++++ 2 files changed, 12 insertions(+), 1 deletion(-) diff --git a/assets/scss/_bulma_custom.scss b/assets/scss/_bulma_custom.scss index 7a62a49c..171551e5 100644 --- a/assets/scss/_bulma_custom.scss +++ b/assets/scss/_bulma_custom.scss @@ -2,7 +2,7 @@ // See https://bulma.io/documentation/customize/with-node-sass/ // Import fonts -@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap'); // Set your brand colors $nerves-blue-light: #42a7c6; @@ -25,6 +25,12 @@ $family-san-serif: 'Montserrat', BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; $family-primary: $family-san-serif; +// Typography weight hierarchy +$body-size: 18px; +$body-weight: $weight-light; +$title-weight: $weight-bold; +$subtitle-weight: $weight-medium; + @import '../../node_modules/bulma/sass/base/_all'; @import '../../node_modules/bulma/sass/elements/_all'; @import '../../node_modules/bulma/sass/form/_all'; diff --git a/assets/scss/main.scss b/assets/scss/main.scss index af1c6380..2ecaba8a 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -12,3 +12,8 @@ body { main { min-height: 50vh; } + +.button, +.navbar-item { + font-weight: 500; +} From fa62ddae18f79bbb4db8af20b18221af277a5265 Mon Sep 17 00:00:00 2001 From: Lars Wikman Date: Wed, 25 Mar 2026 09:03:28 +0100 Subject: [PATCH 02/14] Mild hover on cards --- assets/scss/_bulma_custom.scss | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/assets/scss/_bulma_custom.scss b/assets/scss/_bulma_custom.scss index 171551e5..20b9a4c5 100644 --- a/assets/scss/_bulma_custom.scss +++ b/assets/scss/_bulma_custom.scss @@ -42,4 +42,11 @@ $subtitle-weight: $weight-medium; // make the cards have equal height .card { height: 100%; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); + transition: transform 0.2s ease, box-shadow 0.2s ease; + + &:hover { + transform: translateY(-3px); + box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); + } } From 2b02ca7e87f004ea94e1ef21bea2c595017d804b Mon Sep 17 00:00:00 2001 From: Lars Wikman Date: Wed, 25 Mar 2026 09:04:53 +0100 Subject: [PATCH 03/14] Shift navbar links away from logo --- layouts/partials/site-header.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/layouts/partials/site-header.html b/layouts/partials/site-header.html index be118ace..1d4f46a2 100644 --- a/layouts/partials/site-header.html +++ b/layouts/partials/site-header.html @@ -12,7 +12,7 @@