> ## Documentation Index
> Fetch the complete documentation index at: https://docs.artbucket.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Export the brand as design tokens

> Colors, numbers, fonts and the type scale as code. `css`: custom properties on :root, with @font-face for every font file. `scss`, `less`: the same as Sass or Less variables. `tailwind`: a Tailwind 4 @theme; `tailwind3`: theme.extend for tailwind.config.js. `ts`: one typed object. `shadcn`: shadcn/ui's variables; `mui`: a Material UI createTheme; `chakra`: a Chakra UI 3 system. `json`: W3C Design Tokens (DTCG 2025.10), grouped by key, for Style Dictionary, Tokens Studio or a Figma importer; font files are under `$extensions`. A rule set in one of the brand's fonts aliases it. Sentences and do/don't lists are guidance, not tokens, and are left out.

Scope: `read`.



## OpenAPI

````yaml /openapi.json get /api/v1/brand/tokens
openapi: 3.1.0
info:
  title: artbucket
  version: '1'
  description: >-
    Agent-first asset management. The web UI is built on this API and nothing
    else, beside signing in at /api/auth. Send `Authorization: Bearer <key>`: a
    key works in one workspace with one scope, and scopes are a ladder: read <
    propose < write < admin. People signed in to the app carry a session cookie
    instead, and their scope is what their grants add up to: on the
    organization, the workspace, or single collections and assets. A scope shown
    as needed on the workspace is also enough on the one collection or asset a
    route acts on. Agents (MCP at POST /api/v1/mcp) usually get `propose`: what
    they add waits for a human.
servers:
  - url: http://localhost:3000
security:
  - bearer: []
  - session: []
  - {}
paths:
  /api/v1/brand/tokens:
    get:
      summary: Export the brand as design tokens
      description: >-
        Colors, numbers, fonts and the type scale as code. `css`: custom
        properties on :root, with @font-face for every font file. `scss`,
        `less`: the same as Sass or Less variables. `tailwind`: a Tailwind 4
        @theme; `tailwind3`: theme.extend for tailwind.config.js. `ts`: one
        typed object. `shadcn`: shadcn/ui's variables; `mui`: a Material UI
        createTheme; `chakra`: a Chakra UI 3 system. `json`: W3C Design Tokens
        (DTCG 2025.10), grouped by key, for Style Dictionary, Tokens Studio or a
        Figma importer; font files are under `$extensions`. A rule set in one of
        the brand's fonts aliases it. Sentences and do/don't lists are guidance,
        not tokens, and are left out.


        Scope: `read`.
      parameters:
        - name: format
          in: query
          schema:
            type: string
            enum:
              - css
              - scss
              - less
              - tailwind
              - tailwind3
              - ts
              - shadcn
              - mui
              - chakra
              - json
            default: css
          description: The output
        - name: brand
          in: query
          schema:
            type: string
          description: A brand's slug; the default brand without it
        - name: context
          in: query
          schema:
            type: string
          description: Resolve for this context, e.g. dark-background
      responses:
        '200':
          description: 'The tokens, as text: CSS, Sass, Less, JS, TypeScript or JSON'
        default:
          description: An error
          content:
            application/json:
              schema:
                type: object
                properties:
                  error:
                    type: object
                    properties:
                      code:
                        type: string
                      message:
                        type: string
                      detail: {}
                    required:
                      - code
                      - message
                    additionalProperties: false
                required:
                  - error
                additionalProperties: false
components:
  securitySchemes:
    bearer:
      type: http
      scheme: bearer
      description: 'An API key: ab_...'
    session:
      type: apiKey
      in: cookie
      name: better-auth.session_token
      description: Signed in, at /api/auth

````