Skip to content

design: Wide Platform v2 + /tools surface with Plinth Sketch#3

Merged
hushamsaeed merged 2 commits into
mainfrom
wide-platform-v2
May 2, 2026
Merged

design: Wide Platform v2 + /tools surface with Plinth Sketch#3
hushamsaeed merged 2 commits into
mainfrom
wide-platform-v2

Conversation

@hushamsaeed
Copy link
Copy Markdown
Contributor

Summary

  • Replaces the Manuscript theme with Wide Platform v2 — IBM Plex Sans + JetBrains Mono, off-white #FBFBF9 + sober navy #1B3A5C, italic-em-navy as the signature. No RFC chrome / §-numbering / spec notations in finished surfaces.
  • Adds /tools as a lead-gen surface: utilities for the adjacent stacks Plinth integrates (Cerbos, OpenTelemetry, CloudEvents, Helm, RFC 7807). Free, no signup, source on GitHub.
  • Embeds Plinth Sketch as the first live tool — a DSL for typeset SVG architecture diagrams, served in-browser via @plinth-dev/sketch from esm.sh and also available as a CLI + GitHub Action.

Key files

  • `src/assets/theme.css` — full theme replacement
  • `src/components/Hero.astro` — v2 hero with status pill + filled-navy primary CTA
  • `src/components/IFrameTool.astro` — full-bleed iframe wrapper for tool embeds
  • `src/content/docs/index.md` — primary CTA rewired to "Open Plinth Sketch"
  • `src/content/docs/tools/index.md` — tools catalog (Sketch live, others "coming soon")
  • `src/content/docs/tools/sketch.mdx` — tool page with embedded iframe + DSL docs
  • `public/tools/sketch-app.html` — standalone interactive Sketch tool
  • `astro.config.mjs` — IBM Plex font URL + Tools sidebar group
  • `@astrojs/mdx` added for inline component imports in the tool page

Test plan

  • `pnpm build` clean — 26 pages built
  • /tools/ catalog renders with category headings
  • /tools/sketch/ renders with full-bleed iframe and DSL docs below
  • Sketch tool: parse → layout → render produces SVG with all 4 substrate layers visible
  • Live verify after deploy: plinth.run/, plinth.run/tools/, plinth.run/tools/sketch/

🤖 Generated with Claude Code

hushamsaeed and others added 2 commits May 2, 2026 03:19
Replaces the Manuscript theme (Spectral + warm-paper + ochre + RFC chrome)
with Wide Platform v2 (IBM Plex Sans + JetBrains Mono + off-white + sober
navy + italic-em-navy as the signature gesture). No design notations in
finished surfaces.

Adds a /tools section as a lead-gen surface — utilities for the stacks
Plinth integrates (Cerbos, OpenTelemetry, CloudEvents, Helm, RFC 7807).
Plinth Sketch is the first live tool: a DSL for typeset SVG architecture
diagrams, available in-browser via @plinth-dev/sketch from esm.sh, and as
a CLI + GitHub Action for build-time rendering in any README.

- theme.css, Hero.astro: Wide Platform v2 tokens + new hero
- index.md: rewired primary CTA to "Open Plinth Sketch"
- tools/index.md, tools/sketch.mdx: catalog + tool page (template: splash)
- IFrameTool.astro: full-bleed iframe component for embedding tools
- public/tools/sketch-app.html: standalone interactive Sketch tool
- @astrojs/mdx: needed for inline component imports in tool page
- astro.config.mjs: IBM Plex font URL + Tools sidebar group with badge

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@hushamsaeed hushamsaeed merged commit da1e75d into main May 2, 2026
1 check passed
@hushamsaeed hushamsaeed deleted the wide-platform-v2 branch May 2, 2026 04:19
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant