[codex] Apply NASDE branding

CHANGELOG.md

@@ -9,6 +9,10 @@ See [docs/RELEASING.md](docs/RELEASING.md) for the release procedure.
 
 ## [Unreleased]
 
+### Changed
+- Added the NASDE branding source assets and updated the README and
+  documentation website to use the new brand. ([#73])
+
 ## [0.5.0] — 2026-06-24
 
 ### Added
@@ -597,4 +601,5 @@ Initial release under the **nasde-toolkit** name (rebrand from
 [#69]: https://github.com/NoesisVision/nasde-toolkit/pull/69
 [#70]: https://github.com/NoesisVision/nasde-toolkit/pull/70
 [#71]: https://github.com/NoesisVision/nasde-toolkit/pull/71
+[#73]: https://github.com/NoesisVision/nasde-toolkit/pull/73
 [gh-litellm-2026-04]: https://github.com/BerriAI/litellm/security/advisories/GHSA-xqmj-j6mv-4862

README.md

@@ -1,5 +1,5 @@
 <div align="center">
-  <a href="https://noesis.vision/nasde/"><img src="nasde-toolkit-logo.png" alt="NASDE Toolkit" width="400"></a>
+  <a href="https://noesis.vision/nasde/"><img src="branding/nasde-lockup-card.svg" alt="NASDE Toolkit" width="520"></a>
 
   <h3>Noesis Agentic Software Development Evals Toolkit</h3>
 

branding/README.md

@@ -0,0 +1,25 @@
+# NASDE Branding
+
+This directory contains the source vector assets for the NASDE project brand.
+
+## Logo Assets
+
+- `nasde-mark.svg` - primary standalone mark.
+- `nasde-mark-dark.svg` - standalone mark tuned for dark backgrounds.
+- `nasde-mark-mono.svg` - single-color standalone mark.
+- `nasde-wordmark.svg` - wordmark without the mark.
+- `nasde-lockup.svg` - primary horizontal lockup with mark, wordmark, and acronym expansion.
+- `nasde-lockup-card.svg` - primary horizontal lockup on a light background for README and other mixed-theme surfaces.
+- `nasde-lockup-simple.svg` - horizontal lockup with mark and wordmark.
+- `nasde-stacked.svg` - stacked lockup for square placements.
+
+## Usage
+
+- The repository README uses `branding/nasde-lockup-card.svg`.
+- The documentation website header uses `website/src/assets/nasde-mark.png`.
+- The documentation website hero uses `website/public/nasde-toolkit-hero.svg`.
+- Favicons are generated into `website/public/favicon.svg` and `website/public/favicon.png`.
+
+Prefer the SVG files in this directory as the source of truth. Regenerate raster
+or website-specific assets from these vectors when a derived asset needs to
+change.

website/astro.config.mjs

@@ -14,8 +14,8 @@ export default defineConfig({
 		starlight({
 			title: 'Nasde Toolkit Docs',
 			logo: {
-				src: './src/assets/noesis-logo.png',
-				alt: 'Noesis Vision',
+				src: './src/assets/nasde-mark.png',
+				alt: 'Nasde Toolkit',
 			},
 			favicon: '/favicon.png',
 			customCss: ['./src/styles/custom.css'],

website/src/content/docs/index.mdx

@@ -5,7 +5,7 @@ template: splash
 hero:
   tagline: Measure how your whole AI coding setup performs — and what it costs in tokens and dollars across models and providers — so you can choose where to invest and when to switch. This is the documentation.
   image:
-    file: ../../assets/nasde-toolkit-logo.png
+    html: '<img src="/nasde-toolkit/nasde-toolkit-hero.svg" alt="Nasde logo" width="680" height="680" loading="eager" decoding="async">'
   actions:
     - text: Get Started
       link: /nasde-toolkit/getting-started/quick-start/

website/src/styles/custom.css

@@ -1,9 +1,9 @@
-/* Nasde Toolkit docs — Noesis teal brand theme.
+/* Nasde Toolkit docs — NASDE teal brand theme.
    Replaces Starlight's default purple accent with the teal/cyan from the
-   Noesis logo, keeping the docs visually consistent with noesis-docs. */
+   NASDE logo, keeping the docs visually consistent with the product mark. */
 
 :root {
-	/* Dark theme accent (teal/cyan from the logo glow) */
+	/* Dark theme accent (teal/cyan from the NASDE mark) */
 	--sl-color-accent-low: #11353a;
 	--sl-color-accent: #2b92a8;
 	--sl-color-accent-high: #a7e3ed;
@@ -49,11 +49,19 @@
    so the light-background Nasde artwork doesn't clash with dark mode. */
 .hero > img,
 .hero .hero-html img {
+	display: block;
+	inline-size: 100%;
+	block-size: auto;
 	border-radius: 1rem;
 	background: var(--sl-color-gray-7, #f4f5f7);
 	box-shadow: 0 0 3rem rgba(43, 146, 168, 0.2);
 }
 
+.hero > .hero-html {
+	align-items: center;
+	justify-content: center;
+}
+
 /* Inline `code` inside headings renders at the full heading size by default,
    which looks oversized next to the prose. Scale it down a touch. */
 .sl-markdown-content h1 code,