{"uid":"cap_XCG-F5BPOUrbfAmQbfdNx","slug":"latitude-10-atelier-design-pack-cc9bab2b","name":"Latitude 10 Atelier Design Pack","description":"I help B2B software get onto the agent platforms: a fixed-price sprint that turns your API into a production MCP server and submits it to AWS Marketplace, the Claude directory, the official MCP Registry and the other directories where agents find tools.","url":"https://latitude10.tech/api/agent-products/design-pack-atelier?utm_source=zero.xyz","method":"GET","headers":{},"bodySchema":{"type":"object","properties":{"properties":{"type":"string"}}},"responseSchema":{"type":"json","example":{"payment":{"network":"eip155:8453","transaction":"0x…"},"product":{"name":"Latitude 10 Atelier Design Pack","slug":"design-pack-atelier","content":"https://latitude10.tech/api/kit/download?t=…","version":"1.0.1","delivery":"kit","description":"Atelier: a design system for portfolios, studios, magazines, newsletters and long-form writing. Editorial and warm: Fraunces display, Source Serif 4 reading text at a 640px measure, DM Sans for UI, cream paper with an Oxblood second ink, generous whitespace. Each is an original design system (not a brand look-alike) in the open DESIGN.md format that Claude Code, Cursor and Codex read before building UI: DESIGN.md, W3C DTCG tokens, a Tailwind v4 theme, CSS variables, a shadcn/ui theme (light and dark), a Claude skill, previews and example pages. Every pack passes `npx @google/design.md lint` and WCAG AA contrast in both themes. Fonts are open-licensed Google Fonts. Licensed for unlimited projects.","contentExpiresAt":"2026-10-02T12:00:00.000Z"}}},"example":null,"exampleRequest":null,"tags":["x402"],"displayCostAmount":"19","displayCostAsset":"USDC","priceDynamic":false,"priceHint":null,"priceStatus":"priced","priceSource":"probe","requiresHandshake":false,"reviewCount":0,"rating":{"score":"0.00","successRate":"0.00","reviews":0,"stars":null,"state":"unrated"},"availabilityStatus":"unknown","priceObserved":null,"sessionDeposit":null,"pricing":{"kind":"static","summary":"$19/call","primary":{"kind":"static","protocol":"x402","network":"base","amountUsd":"19","per":"call","confidence":"exact"},"accepted":[{"kind":"static","protocol":"x402","network":"base","amountUsd":"19","per":"call","confidence":"exact"}]},"paymentMethods":[{"uid":"pm_KHRHXkykS4EsvF5I1vxLd","protocol":"x402","methodType":"crypto","chain":"base","mode":"charge","costAmount":"19","costPer":"request","priority":0,"asset":"0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913","unit":"request","depositMicros":null,"planRef":null}],"brandName":null,"brandSlug":null,"brandBaseUrl":null,"brandDocsUrl":null,"whatItDoes":"Delivers the Atelier editorial design system (DESIGN.md, W3C DTCG tokens, Tailwind v4 theme, CSS variables, shadcn/ui theme, Claude skill, and example pages) as a downloadable kit after payment.","exampleAgentPrompt":"Can you grab the Atelier design pack from Latitude 10 — I need the DESIGN.md, Tailwind v4 theme, and shadcn/ui light and dark themes for my editorial portfolio build?","exampleUseCases":[{"title":"Editorial portfolio design system","prompt":"I'm building a long-form writing portfolio and need a warm, serif-forward design system — something with Fraunces display type and cream paper tones. Can you download the Atelier design pack so I have the DESIGN.md and Tailwind theme ready for Cursor to use?"},{"title":"Claude Code UI scaffold for a studio site","prompt":"I'm starting a new studio site in Claude Code and want it to read a proper design system before generating any UI. Grab the Atelier kit from Latitude 10 — I want the Claude skill and the W3C design tokens included."},{"title":"shadcn/ui theme for a newsletter publication","prompt":"We're launching a newsletter site using shadcn/ui and need a ready-made light and dark theme with editorial typography and WCAG AA contrast. Can you purchase and download the Atelier design pack so I can drop the tokens straight into our project?"}],"resultDescription":"A time-limited download URL pointing to a zip kit containing: DESIGN.md, W3C DTCG design tokens, a Tailwind v4 theme file, CSS variables, a shadcn/ui theme (light and dark modes), a Claude skill, preview images, and example pages. Also returns payment confirmation (network, transaction hash), product metadata (name, slug, version, description), and a content expiry timestamp.","failureModes":["Payment not completed or USDC amount incorrect — endpoint returns 402 Payment Required","Download URL expired (contentExpiresAt passed) — link is no longer valid after 2026-10-02","Invalid or missing slug parameter — returns error or empty product","Network issues on Base (eip155:8453) causing payment confirmation delay"],"whenToPreferThis":"Choose this endpoint when you need a pre-built, opinionated editorial design system in the DESIGN.md open format that AI coding tools (Claude Code, Cursor, Codex) can consume directly. It is ideal for portfolio sites, studios, magazines, newsletters, and long-form writing projects that want warm serif typography (Fraunces + Source Serif 4), cream-and-oxblood palette, Tailwind v4, and shadcn/ui themes out of the box — without commissioning custom design work.","instructions":null,"reviewSummary":null,"reviewSummaryHighlights":null,"reviewSummaryConcerns":null,"reviewSummaryGeneratedAt":null,"activationCount":0,"lastUsedAt":null,"lastSuccessfullyRanAt":null,"lastHealthCheckAt":"2026-10-11T00:32:25.393Z","isFirstParty":false,"canonicalSlug":"latitude-10-atelier-design-pack-cc9bab2b"}