{"schemaVersion":1,"version":"0.1.0","released":"2026-09-25","components":[{"id":"cta-band","type":"cta","name":"Call-to-action band","summary":"Full-width band with one sentence, one line of support, and one action. Accent or quiet surface tone.","export":"CtaBand","tags":["conversion","band","footer"],"accessibility":["On the accent tone the action swaps colors: accent-ink background with accent text. Check that pair's contrast for your style.","The action is a link with a visible focus outline."],"states":[{"name":"hover","description":"The action drops to 90% opacity."},{"name":"focus-visible","description":"A 2px outline in the focus color."},{"name":"surface tone","description":"Surface background with ruled edges instead of the accent fill."}],"examples":[{"name":"Accent","props":{}},{"name":"Surface","props":{"tone":"surface"}}],"provenance":{"author":"Neat Labs","origin":"original","license":"MIT","evidence":"Written for this repository on 2026-09-25. No third-party source, copy, or assets.","permittedUses":["copy","modify","redistribute","commercial use"]},"revision":"48a6cab1e6ab","source":"export interface CtaBandProps {\n title?: string;\n body?: string;\n action?: { label: string; href: string };\n /** accent fills the band with the accent color; surface keeps it quiet. */\n tone?: \"accent\" | \"surface\";\n}\n\nconst focusRing =\n \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--nl-focus)]\";\n\n/**\n * A full-width band with one sentence and one action. Use the accent tone once\n * per page at most.\n */\nexport function CtaBand({\n title = \"Your next release note is already half written.\",\n body = \"Connect a repository and see the first draft in a few minutes.\",\n action = { label: \"Start a trial\", href: \"#start\" },\n tone = \"accent\",\n}: CtaBandProps) {\n const accent = tone === \"accent\";\n return (\n \n
\n
\n

{title}

\n

{body}

\n
\n \n {action.label}\n \n
\n \n );\n}\n","tokens":["accent","accent-ink","focus","font-display","font-sans","ink","line","muted","radius","section-y","surface"],"requires":{"react":">=18","tailwindcss":">=4"}},{"id":"faq-disclosure","type":"faq","name":"FAQ disclosure","summary":"Questions in native
elements with a plus that turns into a cross when open.","export":"FaqDisclosure","tags":["faq","accordion","no javascript"],"accessibility":["Each question is a native , so Enter and Space toggle it and screen readers announce expanded or collapsed.","The plus sign is aria-hidden; its rotation only runs when the user hasn't asked for reduced motion.","Questions open independently. Opening one doesn't close another."],"states":[{"name":"open","description":"The answer shows under the question and the plus rotates 45 degrees."},{"name":"focus-visible","description":"A 2px outline in the focus color around the question row."}],"examples":[{"name":"All closed","props":{}},{"name":"First open","props":{"openIndex":0}}],"provenance":{"author":"Neat Labs","origin":"original","license":"MIT","evidence":"Written for this repository on 2026-09-25. No third-party source, copy, or assets.","permittedUses":["copy","modify","redistribute","commercial use"]},"revision":"00e6e8d41633","source":"export interface Question {\n question: string;\n answer: string;\n}\n\nexport interface FaqDisclosureProps {\n heading?: string;\n questions?: Question[];\n /** Index of the question that starts open. Omit to start with all closed. */\n openIndex?: number;\n}\n\nconst focusRing =\n \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--nl-focus)]\";\n\n/**\n * Questions as native disclosure widgets. Keyboard and screen reader support\n * come from
and , and it needs no client JavaScript.\n */\nexport function FaqDisclosure({\n heading = \"Questions\",\n questions = [\n { question: \"Does anything publish without approval?\", answer: \"No. Every draft waits for someone on your team to approve it.\" },\n { question: \"Which repositories can I connect?\", answer: \"Any GitHub repository you can install an app on, public or private.\" },\n { question: \"Can I export my notes?\", answer: \"Yes. Download every note as Markdown from the settings page.\" },\n { question: \"What happens when my trial ends?\", answer: \"Your drafts stay. Publishing pauses until you choose a plan.\" },\n ],\n openIndex,\n}: FaqDisclosureProps) {\n return (\n
\n
\n

{heading}

\n
\n {questions.map((item, index) => (\n
\n \n {item.question}\n \n +\n \n
\n

{item.answer}

\n
\n ))}\n \n \n \n );\n}\n","tokens":["canvas","focus","font-display","font-mono","font-sans","ink","line","muted","radius","section-y"],"requires":{"react":">=18","tailwindcss":">=4"}},{"id":"features-grid","type":"features","name":"Feature grid","summary":"Heading and intro above a ruled grid of numbered feature notes. Three, two, or one column by width.","export":"FeaturesGrid","tags":["features","grid","content"],"accessibility":["Features are a list, so screen readers announce the count.","Headings step from h2 to h3. Put the grid under a page that already has an h1."],"states":[],"examples":[{"name":"Six features","props":{}},{"name":"Three features","props":{"heading":"Three things it does well","intro":"No more, no less.","features":[{"title":"Imports","body":"Bring in CSV or connect a spreadsheet."},{"title":"Checks","body":"Flags rows that don't match the schema."},{"title":"Sync","body":"Pushes clean rows back on a schedule."}]}}],"provenance":{"author":"Neat Labs","origin":"original","license":"MIT","evidence":"Written for this repository on 2026-09-25. No third-party source, copy, or assets.","permittedUses":["copy","modify","redistribute","commercial use"]},"revision":"f2896265613a","source":"export interface Feature {\n title: string;\n body: string;\n}\n\nexport interface FeaturesGridProps {\n heading?: string;\n intro?: string;\n features?: Feature[];\n}\n\n/**\n * Heading and intro above a three-column grid of short feature notes, each\n * numbered in the mono face. Drops to two columns on tablets and one on phones.\n */\nexport function FeaturesGrid({\n heading = \"Built for the week after launch\",\n intro = \"The parts of release work that usually slip, done the same way every time.\",\n features = [\n { title: \"Drafts from real changes\", body: \"Each note starts from the merged pull request, so nothing is invented.\" },\n { title: \"Review before it ships\", body: \"Drafts wait for a person to approve them. Nothing publishes on its own.\" },\n { title: \"Your words, kept\", body: \"Edits you make to one draft carry into the style of the next.\" },\n { title: \"One changelog\", body: \"Web, email, and in-app notes come from the same approved text.\" },\n { title: \"Quiet by default\", body: \"Minor fixes are grouped into a weekly digest instead of separate posts.\" },\n { title: \"Plain exports\", body: \"Download everything as Markdown whenever you like.\" },\n ],\n}: FeaturesGridProps) {\n return (\n
\n
\n
\n

{heading}

\n

{intro}

\n
\n
    \n {features.map((feature, index) => (\n
  • \n

    \n {String(index + 1).padStart(2, \"0\")}\n

    \n

    {feature.title}

    \n

    {feature.body}

    \n
    • \n ))}\n
\n
\n
\n );\n}\n","tokens":["canvas","font-display","font-mono","font-sans","ink","line","muted","radius","section-y","surface"],"requires":{"react":">=18","tailwindcss":">=4"}},{"id":"hero-split","type":"hero","name":"Split hero","summary":"Headline, supporting copy, and two actions beside a numbered checklist panel. Stacks on phones.","export":"HeroSplit","tags":["landing","above the fold","two column"],"accessibility":["Uses a single

. Place it once per page.","The checklist is an ordered list; the number badges are aria-hidden so screen readers don't read each number twice.","Both actions are links with visible focus outlines."],"states":[{"name":"hover","description":"The primary action drops to 90% opacity; the secondary action fills with the surface color."},{"name":"focus-visible","description":"A 2px outline in the focus color on both actions."}],"examples":[{"name":"Default","props":{}},{"name":"Short checklist","props":{"eyebrow":"For small teams","title":"One inbox for every customer question.","body":"Email, chat, and forms land in the same queue, with the history attached.","checklist":["Connect your inbox","Invite the team"]}}],"provenance":{"author":"Neat Labs","origin":"original","license":"MIT","evidence":"Written for this repository on 2026-09-25. No third-party source, copy, or assets.","permittedUses":["copy","modify","redistribute","commercial use"]},"revision":"7a37deb08c96","source":"export interface HeroSplitProps {\n eyebrow?: string;\n title?: string;\n body?: string;\n primary?: { label: string; href: string };\n secondary?: { label: string; href: string };\n checklist?: string[];\n}\n\nconst focusRing =\n \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--nl-focus)]\";\n\n/**\n * Two-column hero: the promise and actions on the left, a checklist panel on\n * the right that shows what the product does. Stacks on phones.\n */\nexport function HeroSplit({\n eyebrow = \"Release notes, handled\",\n title = \"Ship the update. We'll write it up.\",\n body = \"Example Studio turns merged pull requests into release notes your customers will read. Review the draft, edit anything, and publish.\",\n primary = { label: \"Start a trial\", href: \"#start\" },\n secondary = { label: \"See a sample\", href: \"#sample\" },\n checklist = [\"Drafts from merged pull requests\", \"Edits stay in your voice\", \"Publishes to your changelog\"],\n}: HeroSplitProps) {\n return (\n
\n
\n
\n

{eyebrow}

\n

\n {title}\n

\n

{body}

\n
\n \n {primary.label}\n \n \n {secondary.label}\n \n
\n
\n
\n

What happens after you merge

\n
    \n {checklist.map((item, index) => (\n
  1. \n \n {index + 1}\n \n {item}\n
    2. \n ))}\n
\n
\n
\n
\n );\n}\n","tokens":["accent","accent-ink","canvas","focus","font-display","font-mono","font-sans","ink","line","muted","radius","section-y","surface"],"requires":{"react":">=18","tailwindcss":">=4"}},{"id":"nav-simple","type":"nav","name":"Simple navigation","summary":"Brand, three to five links, and one action. Links collapse into a native disclosure menu on phones.","export":"NavSimple","tags":["header","navigation","responsive"],"accessibility":["The