From 206ad97eabfbaa572a045882dbcbfd6cafad00f9 Mon Sep 17 00:00:00 2001 From: Marco Walz Date: Tue, 28 Apr 2026 12:38:06 +0200 Subject: [PATCH 01/11] infra(landing): redesign landing page hero and structure - Add custom Hero component override (src/components/Hero.astro): two-line identity heading ("docs" in heading color, ".internetcomputer.org" in muted gray) with the ICP Skills box embedded inside the hero area - Remove hero tagline, hero actions, and the frontier cloud CardGrid - Remove Start building section; replace with three landing action cards (Playground, Quick start, Explore Guides) rendered as white boxes - Keep Documentation and External resources sections unchanged - Add landing-actions grid and landing-action-card styles to custom.css --- astro.config.mjs | 1 + docs/index.mdx | 69 +++------------------------ src/components/Hero.astro | 98 +++++++++++++++++++++++++++++++++++++++ src/styles/custom.css | 39 ++++++++++++++-- 4 files changed, 140 insertions(+), 67 deletions(-) create mode 100644 src/components/Hero.astro diff --git a/astro.config.mjs b/astro.config.mjs index 0d47e8ea..d82b6f2e 100644 --- a/astro.config.mjs +++ b/astro.config.mjs @@ -26,6 +26,7 @@ export default defineConfig({ components: { EditLink: "./src/components/EditLink.astro", Footer: "./src/components/Footer.astro", + Hero: "./src/components/Hero.astro", ThemeProvider: "./src/components/ThemeProvider.astro", }, head: [ diff --git a/docs/index.mdx b/docs/index.mdx index ec681edc..3a791725 100644 --- a/docs/index.mdx +++ b/docs/index.mdx @@ -2,74 +2,17 @@ title: Build on the Internet Computer description: "Build tamperproof fullstack applications on the Internet Computer: no cloud vendor, no server patching, no security team required" template: splash -hero: - title: "The Network is The Cloud.
Agents Build." - tagline: "Build fullstack apps on a public network where security is enforced by the protocol. No cloud vendor, no server patching, no security team. Tamperproof. Sovereign." - actions: - - text: Get started - link: /getting-started/quickstart/ - icon: right-arrow - variant: primary - - text: Explore guides - link: /guides/ - variant: secondary - - text: Try in browser - link: https://icp.ninja/projects/hello-world - icon: external - variant: minimal +hero: {} --- -import { Card, CardGrid, LinkCard } from '@astrojs/starlight/components'; +import { CardGrid, LinkCard } from '@astrojs/starlight/components'; -## Start building - - - - - - -
- -## ICP skills for agents that write code - -Teach your AI agent canister patterns, API integrations, CLI commands, and deployment workflows so it ships working code instead of guessing. - -
- -Learn more +
+ Playground for craft coders + Quick start for craft coders + Explore Guides
-
- -## The frontier cloud for your apps - - - - Security is enforced by the protocol across every node. No security team, no server patching, no compliance dashboard required. - [Learn more](concepts/canisters.md) - - - Frontend, backend, and data all run on the network. No cloud vendor, no CDN, no separate database. - [Learn more](concepts/app-architecture.md) - - - Apps run across independent nodes and are portable across hardware providers. No vendor lock-in. - [Learn more](concepts/network-overview.md) - - - Canister memory persists automatically across executions and upgrades. No serialization, no migration scripts. - [Learn more](concepts/orthogonal-persistence.md) - - - Canisters schedule their own execution with timers. No external cron jobs, background workers, or separate infrastructure to maintain. - [Learn more](concepts/timers.md) - - - Pre-load a canister with cycles and it pays for its own compute, storage, and bandwidth. No usage-based billing to pass on, no per-user pricing logic to build. - [Learn more](concepts/cycles.md) - - - ## Documentation diff --git a/src/components/Hero.astro b/src/components/Hero.astro new file mode 100644 index 00000000..bdafd231 --- /dev/null +++ b/src/components/Hero.astro @@ -0,0 +1,98 @@ +--- +/** + * Custom Hero override for the landing page. + * + * Renders the two-line site identity ("docs" / ".internetcomputer.org") + * and embeds the ICP Skills box inside the hero area. + * + * The three action cards and remaining content live in the page body (index.mdx). + */ +--- + +
+
+
+

+ docs + .internetcomputer.org +

+
+ +
+

ICP skills for agents that write code

+

Teach your AI agent canister patterns, API integrations, CLI commands, and deployment workflows so it ships working code instead of guessing.

+
+ + + Learn more + + + + +
+
+
+
+ + diff --git a/src/styles/custom.css b/src/styles/custom.css index 7b8f3ccc..c0cc98f1 100644 --- a/src/styles/custom.css +++ b/src/styles/custom.css @@ -150,8 +150,39 @@ h1, h2, h3, h4, h5, h6 { padding-block: clamp(2rem, 6vmin, 4rem) !important; } -.hero h1 { - font-size: clamp(var(--sl-text-3xl), calc(0.25rem + 4vw), var(--sl-text-5xl)) !important; +/* ── Landing action cards (three boxes under hero) ────────── */ + +.landing-actions { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 1rem; + margin-block: 0 2.5rem; +} + +@media (max-width: 50rem) { + .landing-actions { + grid-template-columns: 1fr; + } +} + +.landing-action-card { + display: block; + background: var(--icp-bg-elev); + border: 1px solid var(--icp-rule); + border-radius: 8px; + padding: 1.25rem 1.5rem; + text-align: center; + font-weight: 500; + font-size: var(--sl-text-base); + color: var(--icp-fg); + text-decoration: none; + transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease; +} + +.landing-action-card:hover { + border-color: var(--icp-accent); + background: var(--icp-accent-dim); + color: var(--icp-fg); } /* ── Skills banner ─────────────────────────────────────────── */ @@ -160,9 +191,9 @@ h1, h2, h3, h4, h5, h6 { background: var(--icp-bg-elev); border: 1px solid var(--icp-rule); border-radius: 0.5rem; - padding: clamp(2rem, 4vw, 3rem) clamp(1.5rem, 4vw, 3rem); + padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1.5rem, 4vw, 3rem); text-align: center; - margin-block: 0 2rem; + margin-block: 0; } .skills-banner h2 { From c4994f81dcc9a8ae8508aa2b5530f6e4c2a2d581 Mon Sep 17 00:00:00 2001 From: Marco Walz Date: Tue, 28 Apr 2026 12:44:12 +0200 Subject: [PATCH 02/11] infra(landing): integrate skills into hero, add two-line site title - Add SiteTitle component override: replaces "ICP Developer Docs" navbar text with two-line display ("docs" in serif heading color, ".internetcomputer.org" in muted gray) - Rework Hero component: restores "The Network is The Cloud. Agents Build." heading from frontmatter; ICP Skills description and action buttons are now integrated directly into the hero as tagline + actions (no box) - Restore hero.title in index.mdx frontmatter - Clean up custom.css: remove .skills-banner box styles; make .skills-primary and .skills-cta standalone (no parent selector required) --- astro.config.mjs | 1 + docs/index.mdx | 3 +- src/components/Hero.astro | 84 +++++++++++++++++----------------- src/components/SiteTitle.astro | 74 ++++++++++++++++++++++++++++++ src/styles/custom.css | 48 +++---------------- 5 files changed, 127 insertions(+), 83 deletions(-) create mode 100644 src/components/SiteTitle.astro diff --git a/astro.config.mjs b/astro.config.mjs index d82b6f2e..234832ac 100644 --- a/astro.config.mjs +++ b/astro.config.mjs @@ -27,6 +27,7 @@ export default defineConfig({ EditLink: "./src/components/EditLink.astro", Footer: "./src/components/Footer.astro", Hero: "./src/components/Hero.astro", + SiteTitle: "./src/components/SiteTitle.astro", ThemeProvider: "./src/components/ThemeProvider.astro", }, head: [ diff --git a/docs/index.mdx b/docs/index.mdx index 3a791725..bfaacce7 100644 --- a/docs/index.mdx +++ b/docs/index.mdx @@ -2,7 +2,8 @@ title: Build on the Internet Computer description: "Build tamperproof fullstack applications on the Internet Computer: no cloud vendor, no server patching, no security team required" template: splash -hero: {} +hero: + title: "The Network is The Cloud.
Agents Build." --- import { CardGrid, LinkCard } from '@astrojs/starlight/components'; diff --git a/src/components/Hero.astro b/src/components/Hero.astro index bdafd231..2caf92cb 100644 --- a/src/components/Hero.astro +++ b/src/components/Hero.astro @@ -2,41 +2,37 @@ /** * Custom Hero override for the landing page. * - * Renders the two-line site identity ("docs" / ".internetcomputer.org") - * and embeds the ICP Skills box inside the hero area. - * - * The three action cards and remaining content live in the page body (index.mdx). + * Renders the hero title from frontmatter, then integrates the ICP Skills + * content (description text + action buttons) directly into the hero area + * as a natural continuation of the heading — no separate box below. */ +const { data } = Astro.locals.starlightRoute.entry; +const { title = data.title } = data.hero || {}; ---
-

- docs - .internetcomputer.org -

-
- -
-

ICP skills for agents that write code

-

Teach your AI agent canister patterns, API integrations, CLI commands, and deployment workflows so it ships working code instead of guessing.

-
- - - Learn more - - - - +

+
+ Teach your AI agent canister patterns, API integrations, CLI commands, and deployment workflows so it ships working code instead of guessing.

+
+ + + Learn more + + + + +
@@ -44,7 +40,7 @@ @layer starlight.core { .hero { display: grid; - align-items: start; + align-items: center; gap: 1rem; padding-bottom: 1rem; } @@ -61,24 +57,26 @@ align-items: center; } - .hero-title-docs { - display: block; - font-family: 'Newsreader', 'Source Serif 4', 'EB Garamond', ui-serif, Georgia, serif; + .copy > * { + max-width: 50ch; + } + + h1 { font-size: clamp(var(--sl-text-3xl), calc(0.25rem + 5vw), var(--sl-text-6xl)); - font-weight: 500; line-height: var(--sl-line-height-headings); + font-weight: 600; color: var(--sl-color-white); - letter-spacing: -0.015em; } - .hero-title-domain { - display: block; - font-family: 'Newsreader', 'Source Serif 4', 'EB Garamond', ui-serif, Georgia, serif; - font-size: clamp(var(--sl-text-xl), calc(0.25rem + 2.5vw), var(--sl-text-3xl)); - font-weight: 400; - line-height: 1.3; - color: var(--sl-color-gray-3); - letter-spacing: -0.01em; + .tagline { + font-size: clamp(var(--sl-text-base), calc(0.0625rem + 2vw), var(--sl-text-xl)); + color: var(--sl-color-gray-2); + } + + .actions { + gap: 1rem 2rem; + flex-wrap: wrap; + justify-content: center; } @media (min-width: 50rem) { @@ -93,6 +91,10 @@ .copy { align-items: flex-start; } + + .actions { + justify-content: flex-start; + } } } diff --git a/src/components/SiteTitle.astro b/src/components/SiteTitle.astro new file mode 100644 index 00000000..7476b4e3 --- /dev/null +++ b/src/components/SiteTitle.astro @@ -0,0 +1,74 @@ +--- +import { logos } from 'virtual:starlight/user-images'; +import config from 'virtual:starlight/user-config'; +const { siteTitleHref } = Astro.locals.starlightRoute; +--- + + + { + config.logo && logos.dark && ( + <> + {config.logo.alt} + {!('src' in config.logo) && ( + {config.logo.alt} + )} + + ) + } + + docs + .internetcomputer.org + + + + diff --git a/src/styles/custom.css b/src/styles/custom.css index c0cc98f1..4b38fcec 100644 --- a/src/styles/custom.css +++ b/src/styles/custom.css @@ -185,43 +185,9 @@ h1, h2, h3, h4, h5, h6 { color: var(--icp-fg); } -/* ── Skills banner ─────────────────────────────────────────── */ +/* ── ICP Skills actions (used in the Hero component) ──────── */ -.skills-banner { - background: var(--icp-bg-elev); - border: 1px solid var(--icp-rule); - border-radius: 0.5rem; - padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1.5rem, 4vw, 3rem); - text-align: center; - margin-block: 0; -} - -.skills-banner h2 { - font-size: clamp(1.25rem, 2.5vw, 1.75rem); - font-weight: 500; - color: var(--icp-fg); - margin: 0 0 0.5rem; - border: none; - font-family: 'Newsreader', 'Source Serif 4', 'EB Garamond', ui-serif, Georgia, serif; -} - -.skills-banner p { - color: var(--icp-muted); - font-size: clamp(0.85rem, 1.2vw, 1rem); - max-width: 42rem; - margin: 0 auto 1.25rem; - line-height: 1.6; -} - -.skills-banner .skills-actions { - display: flex; - align-items: center; - justify-content: center; - gap: 1rem; - flex-wrap: wrap; -} - -.skills-banner .skills-primary { +.skills-primary { display: inline-flex; align-items: center; gap: 0.625rem; @@ -237,18 +203,18 @@ h1, h2, h3, h4, h5, h6 { transition: filter 0.15s ease; } -.skills-banner .skills-primary:hover { +.skills-primary:hover { filter: brightness(1.1); } -.skills-banner .skills-primary svg { +.skills-primary svg { width: 1rem; height: 1rem; flex-shrink: 0; opacity: 0.7; } -.skills-banner .skills-cta { +.skills-cta { display: inline-flex; align-items: center; gap: 0.5rem; @@ -263,12 +229,12 @@ h1, h2, h3, h4, h5, h6 { transition: background 0.15s ease, border-color 0.15s ease; } -.skills-banner .skills-cta:hover { +.skills-cta:hover { background: var(--icp-accent-dim); border-color: var(--icp-accent); } -.skills-banner .skills-cta .arrow-icon { +.skills-cta .arrow-icon { width: 0.85rem; height: 0.85rem; } From 66ced760a632dce02356de8d38a01c2afdf63533 Mon Sep 17 00:00:00 2001 From: Marco Walz Date: Tue, 28 Apr 2026 12:53:27 +0200 Subject: [PATCH 03/11] fix(landing): replace jargon in hero skills tagline --- src/components/Hero.astro | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Hero.astro b/src/components/Hero.astro index 2caf92cb..c1ac447f 100644 --- a/src/components/Hero.astro +++ b/src/components/Hero.astro @@ -15,7 +15,7 @@ const { title = data.title } = data.hero || {};

- Teach your AI agent canister patterns, API integrations, CLI commands, and deployment workflows so it ships working code instead of guessing. + Give your coding agent the patterns, APIs, and CLI knowledge it needs to build on ICP from the first prompt.

From 29d53f38e26062662c90d5b23d4ce75b9e7b7928 Mon Sep 17 00:00:00 2001 From: Marco Walz Date: Tue, 28 Apr 2026 13:03:57 +0200 Subject: [PATCH 04/11] fix(landing): revert skills section below hero, heading-only hero --- docs/index.mdx | 13 ++++++++++++ src/components/Hero.astro | 43 ++------------------------------------- src/styles/custom.css | 38 +++++++++++++++++++++++++++++++++- 3 files changed, 52 insertions(+), 42 deletions(-) diff --git a/docs/index.mdx b/docs/index.mdx index bfaacce7..7d170e7c 100644 --- a/docs/index.mdx +++ b/docs/index.mdx @@ -8,6 +8,19 @@ hero: import { CardGrid, LinkCard } from '@astrojs/starlight/components'; +
+ +## ICP skills for agents that write code + +Coding agents don't know ICP by default. A skill file covers the CLI commands, API signatures, and code patterns they need to build correctly. + +
+ +Learn more +
+ +
+
Playground for craft coders Quick start for craft coders diff --git a/src/components/Hero.astro b/src/components/Hero.astro index c1ac447f..734ae8b4 100644 --- a/src/components/Hero.astro +++ b/src/components/Hero.astro @@ -1,10 +1,8 @@ --- /** * Custom Hero override for the landing page. - * - * Renders the hero title from frontmatter, then integrates the ICP Skills - * content (description text + action buttons) directly into the hero area - * as a natural continuation of the heading — no separate box below. + * Renders only the heading from frontmatter — the ICP Skills section + * and action cards live in the page body (index.mdx). */ const { data } = Astro.locals.starlightRoute.entry; const { title = data.title } = data.hero || {}; @@ -14,24 +12,6 @@ const { title = data.title } = data.hero || {};

-
- Give your coding agent the patterns, APIs, and CLI knowledge it needs to build on ICP from the first prompt. -
-

-
- - - Learn more - - - -
@@ -57,10 +37,6 @@ const { title = data.title } = data.hero || {}; align-items: center; } - .copy > * { - max-width: 50ch; - } - h1 { font-size: clamp(var(--sl-text-3xl), calc(0.25rem + 5vw), var(--sl-text-6xl)); line-height: var(--sl-line-height-headings); @@ -68,17 +44,6 @@ const { title = data.title } = data.hero || {}; color: var(--sl-color-white); } - .tagline { - font-size: clamp(var(--sl-text-base), calc(0.0625rem + 2vw), var(--sl-text-xl)); - color: var(--sl-color-gray-2); - } - - .actions { - gap: 1rem 2rem; - flex-wrap: wrap; - justify-content: center; - } - @media (min-width: 50rem) { .hero { padding-block: clamp(2.5rem, calc(1rem + 10vmin), 10rem); @@ -91,10 +56,6 @@ const { title = data.title } = data.hero || {}; .copy { align-items: flex-start; } - - .actions { - justify-content: flex-start; - } } } diff --git a/src/styles/custom.css b/src/styles/custom.css index 4b38fcec..9e5041c0 100644 --- a/src/styles/custom.css +++ b/src/styles/custom.css @@ -185,7 +185,43 @@ h1, h2, h3, h4, h5, h6 { color: var(--icp-fg); } -/* ── ICP Skills actions (used in the Hero component) ──────── */ +/* ── ICP Skills banner ─────────────────────────────────────── */ + +.skills-banner { + background: var(--icp-bg-elev); + border: 1px solid var(--icp-rule); + border-radius: 0.5rem; + padding: clamp(2rem, 4vw, 3rem) clamp(1.5rem, 4vw, 3rem); + text-align: center; + margin-block: 0 2rem; +} + +.skills-banner h2 { + font-size: clamp(1.25rem, 2.5vw, 1.75rem); + font-weight: 500; + color: var(--icp-fg); + margin: 0 0 0.5rem; + border: none; + font-family: 'Newsreader', 'Source Serif 4', 'EB Garamond', ui-serif, Georgia, serif; +} + +.skills-banner p { + color: var(--icp-muted); + font-size: clamp(0.85rem, 1.2vw, 1rem); + max-width: 42rem; + margin: 0 auto 1.25rem; + line-height: 1.6; +} + +.skills-actions { + display: flex; + align-items: center; + justify-content: center; + gap: 1rem; + flex-wrap: wrap; +} + +/* ── ICP Skills action buttons ─────────────────────────────── */ .skills-primary { display: inline-flex; From 4751d125e3f4f3de4b4245a0cc8a175f72cd0a74 Mon Sep 17 00:00:00 2001 From: Marco Walz Date: Tue, 28 Apr 2026 13:06:31 +0200 Subject: [PATCH 05/11] fix(landing): revert ICP skills description to original text --- docs/index.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/index.mdx b/docs/index.mdx index 7d170e7c..6fb6daea 100644 --- a/docs/index.mdx +++ b/docs/index.mdx @@ -12,7 +12,7 @@ import { CardGrid, LinkCard } from '@astrojs/starlight/components'; ## ICP skills for agents that write code -Coding agents don't know ICP by default. A skill file covers the CLI commands, API signatures, and code patterns they need to build correctly. +Teach your AI agent canister patterns, API integrations, CLI commands, and deployment workflows so it ships working code instead of guessing.
From 5e2f9e3ffe7905e577ecf04648239cc267956bc2 Mon Sep 17 00:00:00 2001 From: Marco Walz Date: Tue, 28 Apr 2026 13:08:22 +0200 Subject: [PATCH 06/11] fix(landing): tighten hero bottom padding for heading-only hero --- src/styles/custom.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/styles/custom.css b/src/styles/custom.css index 9e5041c0..faddbf2a 100644 --- a/src/styles/custom.css +++ b/src/styles/custom.css @@ -147,7 +147,8 @@ h1, h2, h3, h4, h5, h6 { /* ── Landing page hero ───────────────────────────────────── */ .hero { - padding-block: clamp(2rem, 6vmin, 4rem) !important; + padding-block-start: clamp(2rem, 6vmin, 4rem) !important; + padding-block-end: 1.5rem !important; } /* ── Landing action cards (three boxes under hero) ────────── */ From 3de0816c1c29c7134c7e3c95fee7c918fe18cbdb Mon Sep 17 00:00:00 2001 From: Marco Walz Date: Tue, 28 Apr 2026 13:11:02 +0200 Subject: [PATCH 07/11] fix(landing): reorder action cards and add directional arrows --- docs/index.mdx | 2 +- src/styles/custom.css | 9 +++++++++ 2 files changed, 10 insertions(+), 1 deletion(-) diff --git a/docs/index.mdx b/docs/index.mdx index 6fb6daea..e462117e 100644 --- a/docs/index.mdx +++ b/docs/index.mdx @@ -22,8 +22,8 @@ Teach your AI agent canister patterns, API integrations, CLI commands, and deplo
- Playground for craft coders Quick start for craft coders + Playground for craft coders Explore Guides
diff --git a/src/styles/custom.css b/src/styles/custom.css index faddbf2a..79b8efe9 100644 --- a/src/styles/custom.css +++ b/src/styles/custom.css @@ -186,6 +186,15 @@ h1, h2, h3, h4, h5, h6 { color: var(--icp-fg); } +.landing-action-card::after { + content: ' →'; + opacity: 0.5; +} + +.landing-action-card[href^="http"]::after { + content: ' ↗'; +} + /* ── ICP Skills banner ─────────────────────────────────────── */ .skills-banner { From 1b21d5f83a621bdc45da3eac976a7191e11e98ec Mon Sep 17 00:00:00 2001 From: Marco Walz Date: Tue, 28 Apr 2026 13:14:28 +0200 Subject: [PATCH 08/11] fix(landing): quickstart casing, flex arrow spacing on action cards --- docs/index.mdx | 2 +- src/styles/custom.css | 12 ++++++++---- 2 files changed, 9 insertions(+), 5 deletions(-) diff --git a/docs/index.mdx b/docs/index.mdx index e462117e..3fccab85 100644 --- a/docs/index.mdx +++ b/docs/index.mdx @@ -22,7 +22,7 @@ Teach your AI agent canister patterns, API integrations, CLI commands, and deplo
- Quick start for craft coders + Quickstart for craft coders Playground for craft coders Explore Guides
diff --git a/src/styles/custom.css b/src/styles/custom.css index 79b8efe9..f00a160f 100644 --- a/src/styles/custom.css +++ b/src/styles/custom.css @@ -167,12 +167,14 @@ h1, h2, h3, h4, h5, h6 { } .landing-action-card { - display: block; + display: flex; + align-items: center; + justify-content: center; + gap: 0.375rem; background: var(--icp-bg-elev); border: 1px solid var(--icp-rule); border-radius: 8px; padding: 1.25rem 1.5rem; - text-align: center; font-weight: 500; font-size: var(--sl-text-base); color: var(--icp-fg); @@ -187,12 +189,14 @@ h1, h2, h3, h4, h5, h6 { } .landing-action-card::after { - content: ' →'; + content: '→'; opacity: 0.5; + flex-shrink: 0; } .landing-action-card[href^="http"]::after { - content: ' ↗'; + content: '↗'; + opacity: 1; } /* ── ICP Skills banner ─────────────────────────────────────── */ From 51db01f4a46cf9286ceb3260f5ecac8ff26c81d6 Mon Sep 17 00:00:00 2001 From: Marco Walz Date: Tue, 28 Apr 2026 13:16:40 +0200 Subject: [PATCH 09/11] fix(landing): display docs.internetcomputer.org on one line --- src/components/SiteTitle.astro | 15 +++++---------- 1 file changed, 5 insertions(+), 10 deletions(-) diff --git a/src/components/SiteTitle.astro b/src/components/SiteTitle.astro index 7476b4e3..09a8a972 100644 --- a/src/components/SiteTitle.astro +++ b/src/components/SiteTitle.astro @@ -43,23 +43,18 @@ const { siteTitleHref } = Astro.locals.starlightRoute; } .title-group { - display: flex; - flex-direction: column; - gap: 0; - line-height: 1.15; - } - - .title-docs { font-family: 'Newsreader', 'Source Serif 4', 'EB Garamond', ui-serif, Georgia, serif; font-size: var(--sl-text-h4); font-weight: 500; - color: var(--sl-color-white); letter-spacing: -0.01em; + white-space: nowrap; + } + + .title-docs { + color: var(--sl-color-white); } .title-domain { - font-size: var(--sl-text-xs); - font-weight: 400; color: var(--sl-color-gray-3); } From 4fbeda60c17a7e6d7c34bff1277385aa014b2b32 Mon Sep 17 00:00:00 2001 From: Marco Walz Date: Tue, 28 Apr 2026 13:19:20 +0200 Subject: [PATCH 10/11] fix(landing): site title font-size to text-lg (18px) --- src/components/SiteTitle.astro | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/SiteTitle.astro b/src/components/SiteTitle.astro index 09a8a972..39e76ad9 100644 --- a/src/components/SiteTitle.astro +++ b/src/components/SiteTitle.astro @@ -44,9 +44,9 @@ const { siteTitleHref } = Astro.locals.starlightRoute; .title-group { font-family: 'Newsreader', 'Source Serif 4', 'EB Garamond', ui-serif, Georgia, serif; - font-size: var(--sl-text-h4); + font-size: var(--sl-text-lg); font-weight: 500; - letter-spacing: -0.01em; + letter-spacing: -0.005em; white-space: nowrap; } From 3e882f2c16bd66e30a0c481c1a490df18ffd85b9 Mon Sep 17 00:00:00 2001 From: Marco Walz Date: Tue, 28 Apr 2026 13:21:37 +0200 Subject: [PATCH 11/11] fix(landing): site title font-size to text-xl (20px) --- src/components/SiteTitle.astro | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/SiteTitle.astro b/src/components/SiteTitle.astro index 39e76ad9..cd4789bd 100644 --- a/src/components/SiteTitle.astro +++ b/src/components/SiteTitle.astro @@ -44,7 +44,7 @@ const { siteTitleHref } = Astro.locals.starlightRoute; .title-group { font-family: 'Newsreader', 'Source Serif 4', 'EB Garamond', ui-serif, Georgia, serif; - font-size: var(--sl-text-lg); + font-size: var(--sl-text-xl); font-weight: 500; letter-spacing: -0.005em; white-space: nowrap;