403725b970
Brings the docs site in visual parity with moleculesai.app so docs, marketing, and the canvas read as one product. Five focused changes inside the existing fumadocs shell — no MDX or content touched, no runtime/build dep changes: - global.css: override fumadocs @theme tokens with the warm-paper palette (#fafaf7 bg, #15181c ink, #3b5bdb governance blue, #efece4 muted, #e6e2d8 border). Dark mode keeps fumadocs' neutral defaults so dark-pref readers still get a readable docs site. - layout.tsx: swap Inter → Geist (sans) + JetBrains Mono (code), matching the landing's font stack. Wired through @theme so Tailwind's font-sans / font-mono utilities pick them up. - layout.config.tsx: brand the topbar — inline Molecule logo SVG + "Molecule AI · DOCS" lockup, plus three external links to the rest of the surface (Platform → app, Marketplace → market, Landing → www) and the org GitHub. Mirrors the landing's collapsed nav. - (home)/page.tsx: replace the stock fumadocs landing with a hero-style page matching the landing — statusbar strip, "Phase 35 Marketplace public beta" eyebrow, the same shimmering h1 copy, three quick-start lane cards (Build a workspace / Run an organisation / Publish to the Marketplace) pointing into the docs tree. Build is clean (106 static pages still generate). Existing /docs/* pages inherit the new tokens via fumadocs' DocsLayout, so the entire site shifts to the warm-paper aesthetic without touching MDX. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
51 lines
1.6 KiB
TypeScript
51 lines
1.6 KiB
TypeScript
import type { BaseLayoutProps } from 'fumadocs-ui/layouts/shared';
|
|
|
|
// Molecule logo — the same triangle-of-nodes mark used on moleculesai.app.
|
|
// Inlined as a JSX element so fumadocs renders it in the topbar without a
|
|
// separate asset request.
|
|
const MoleculeLogo = (
|
|
<svg
|
|
width="22"
|
|
height="22"
|
|
viewBox="0 0 28 28"
|
|
fill="none"
|
|
aria-hidden="true"
|
|
>
|
|
<circle cx="14" cy="6" r="2.5" fill="currentColor" />
|
|
<circle cx="6" cy="20" r="2.5" fill="currentColor" />
|
|
<circle cx="22" cy="20" r="2.5" fill="currentColor" />
|
|
<circle
|
|
cx="14"
|
|
cy="14"
|
|
r="1.6"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
strokeWidth="1.2"
|
|
/>
|
|
<line x1="14" y1="8.5" x2="14" y2="12.6" stroke="currentColor" strokeWidth="1.2" />
|
|
<line x1="8" y1="18.5" x2="12.7" y2="14.8" stroke="currentColor" strokeWidth="1.2" />
|
|
<line x1="20" y1="18.5" x2="15.3" y2="14.8" stroke="currentColor" strokeWidth="1.2" />
|
|
</svg>
|
|
);
|
|
|
|
export const baseOptions: BaseLayoutProps = {
|
|
nav: {
|
|
title: (
|
|
<span className="flex items-center gap-2 font-semibold tracking-tight">
|
|
{MoleculeLogo}
|
|
<span>Molecule AI</span>
|
|
<span className="text-xs uppercase tracking-[0.08em] text-fd-muted-foreground font-mono">
|
|
Docs
|
|
</span>
|
|
</span>
|
|
),
|
|
url: 'https://doc.moleculesai.app',
|
|
},
|
|
links: [
|
|
{ text: 'Platform', url: 'https://app.moleculesai.app', external: true },
|
|
{ text: 'Marketplace', url: 'https://market.moleculesai.app', external: true },
|
|
{ text: 'Landing', url: 'https://www.moleculesai.app', external: true },
|
|
],
|
|
githubUrl: 'https://github.com/Molecule-AI',
|
|
};
|