Skip to main content
Enterprise Build custom AI integrations using the Standards API to feed brand guidelines into any system. The Standards API gives you full programmatic access to your published brand content. Use it to build custom integrations with internal tools, AI pipelines, or any platform that can make HTTP requests.

​
Common use cases

​
Feed an AI agent or chatbot

Retrieve page content from the API and include it as context when prompting an LLM. This lets you build internal tools — like a brand-aware Slack bot or a design review assistant — that reference your latest published guidelines. 
// Example: Retrieve brand color guidelines for use as LLM context
const pageContent = await fetch(
  `https://api.standards.site/beta/workspace/${workspaceId}/project/${projectId}/page/color`,
  { headers: { Authorization: `Bearer ${accessToken}` } }
);

const { content } = await pageContent.json();

// Pass content as context to your LLM of choice
const prompt = `Using these brand color guidelines:\n\n${content}\n\nSuggest a color palette for a new landing page.`;

​
Index in a vector database

Retrieve all pages and embed them in a vector database (like Pinecone, Weaviate, or ChromaDB) for semantic search and retrieval-augmented generation (RAG). 
// Example: Retrieve all pages for indexing
const pagesResponse = await fetch(
  `https://api.standards.site/beta/workspace/${workspaceId}/project/${projectId}/pages`,
  { headers: { Authorization: `Bearer ${accessToken}` } }
);

const { pages } = await pagesResponse.json();

for (const page of pages) {
  const pageResponse = await fetch(
    `https://api.standards.site/beta/workspace/${workspaceId}/project/${projectId}/page/${page.id}`,
    { headers: { Authorization: `Bearer ${accessToken}` } }
  );
  const { content } = await pageResponse.json();

  // Embed and store in your vector database
  await vectorDb.upsert({
    id: page.id,
    text: content,
    metadata: { name: page.name, source: 'standards' }
  });
}

​
Sync with a design system

Pull style definitions from the API to keep design tokens in sync with your published brand guidelines. 
// Example: Retrieve styles for design token generation
const stylesResponse = await fetch(
  `https://api.standards.site/beta/workspace/${workspaceId}/project/${projectId}/styles`,
  { headers: { Authorization: `Bearer ${accessToken}` } }
);

const { colors, types } = await stylesResponse.json();

// Generate design tokens from brand styles
const tokens = {
  colors: Object.fromEntries(colors.map(c => [c.id, c.hex])),
  typography: Object.fromEntries(types.map(t => [t.id, {
    family: t.family,
    size: t.size,
    weight: t.leading
  }]))
};

​
Getting started

  1. Create an API key with the scopes you need
  2. Authenticate and make requests using OAuth 2.0
  3. Use the API reference to explore all available endpoints