--- /* * Open Design — OG image (1200×630). * * Stand-alone Astro route at `/og/` used purely as a screenshotable * surface to produce the canonical og:image. Render with a real * browser at viewport 1200×630, capture a full-page screenshot, then * upload the resulting PNG to R2 and reference it from `index.astro`'s * og:image meta. * * Visual reference: the dark "Manifesto / 2026 Edition" cover plate * (chocolate background, big serif headline, four-up stats footer, * device collage on the right). Self-contained — does not import * globals.css so the marketing page styles never leak in. */ import { heroImage } from '../image-assets'; const title = 'Open Design — Design with the agent already on your laptop.'; ---
Open Design is the open-source alternative to Claude Design. Your existing coding agent — Claude · Codex · Cursor · Gemini · OpenCode · Qwen — becomes the design engine, driven by 31 composable skills and 72 brand-grade design systems.