# CSS Design Calc – Golden Ratio Splitter

> CSS Design Calc – Golden Ratio Splitter is a paid API for AI agents from css-design-calc.x402tookit.com, paid per call via x402, $0.02/call, status unknown (last checked 2026-10-29).

Splits a total length into major and minor parts using the golden ratio (or silver, root-2, root-3, root-5, thirds, or a custom ratio), returning both values, percentages, and matching CSS grid columns.

## Facts

- Endpoint: GET https://css-design-calc.x402tookit.com/golden-ratio?utm_source=zero.xyz
- Price: $0.02/call
- Payment: x402
- Status: unknown
- Last checked: 2026-10-29
- Activations on Zero: 0
- Tags: x402
- Canonical page: https://www.zero.xyz/c/css-design-calc-golden-ratio-splitter-fc14849c
- Structured record (JSON): https://api.zero.xyz/v1/capabilities/cap_WgI1fVN1zT4QJEmHDo2aD

Status and success rate cover calls made through Zero and Zero's own probes. Third-party monitors may report differently.

## How to call it through Zero

Zero handles the 402 payment challenge and records the run. With the Zero CLI installed (`npm i -g @zeroxyz/cli`):

```sh
zero fetch --capability css-design-calc-golden-ratio-splitter-fc14849c
```

Example prompt: Split 1200px by the golden ratio and give me the major and minor parts along with the CSS grid column suggestion.

## When to prefer this

Use this endpoint when you need to apply classic proportional design systems (golden, silver, root-2, etc.) to a known measurement — such as a container width, font size, or spacing unit — and want all derived values (major/minor split, percentages, CSS grid columns, rectangle sizes) in one call. Prefer over manual calculation or general math APIs when you specifically want named design ratios and CSS-ready output.

## Known failure modes

- Missing required 'total' query parameter returns an error
- A ratio value of 1 or below is invalid (must be above 1)
- An unrecognized ratio string that isn't a valid named ratio or number above 1 may return an error
- Non-numeric 'total' values will fail validation
- Very large or very small totals may produce impractical output

## How this service works

Split a length into major and minor parts by the golden ratio (or silver, root-2, custom) with matching rectangle sizes.

## Output

Returns the major and minor parts of the split, the ratio value used, the ratio name, each part as a percentage of the total, recommended CSS grid column template, rectangle height and matching width for the major part, and the next larger and smaller values in the same ratio sequence.

## Request schema (JSON Schema)

```json
{
 "type": "object",
 "$schema": "https://json-schema.org/draft/2020-12/schema",
 "required": [
  "input"
 ],
 "properties": {
  "input": {
   "type": "object",
   "required": [
    "type",
    "method"
   ],
   "properties": {
    "type": {
     "type": "string",
     "const": "http"
    },
    "method": {
     "enum": [
      "GET"
     ],
     "type": "string"
    },
    "queryParams": {
     "type": "object",
     "required": [
      "total"
     ],
     "properties": {
      "ratio": {
       "type": "string",
       "description": "golden (default 1.618), silver (2.414), root-2, root-3, root-5, thirds, or a number above 1"
      },
      "total": {
       "type": "number",
       "description": "The length to split, in any unit"
      }
     }
    }
   },
   "additionalProperties": false
  },
  "output": {
   "type": "object",
   "required": [
    "type"
   ],
   "properties": {
    "type": {
     "type": "string"
    },
    "example": {
     "type": "object",
     "properties": {
      "asOf": {
       "type": [
        "null",
        "string"
       ]
      },
      "major": {
       "type": [
        "null",
        "number"
       ]
      },
      "minor": {
       "type": [
        "null",
        "number"
       ]
      },
      "ratio": {
       "type": [
        "null",
        "number"
       ]
      },
      "total": {
       "type": [
        "null",
        "number"
       ]
      },
      "source": {
       "type": [
        "null",
        "string"
       ]
      },
      "reasons": {
       "type": [
        "array",
        "null"
       ],
       "items": {
        "type": "string"
       }
      },
      "summary": {
       "type": [
        "null",
        "string"
       ]
      },
      "verdict": {
       "type": [
        "null",
        "string"
       ]
      },
      "degraded": {
       "type": [
        "boolean",
        "null"
       ]
      },
      "ratioName": {
       "type": [
        "null",
        "string"
       ]
      },
      "disclaimer": {
       "type": [
        "null",
        "string"
       ]
      },
      "nextLarger": {
       "type": [
        "null",
        "number"
       ]
      },
      "notChecked": {
       "type": [
        "array",
        "null"
       ],
       "items": {
        "type": "string"
       }
      },
      "nextSmaller": {
       "type": [
        "null",
        "number"
       ]
      },
      "majorPercent": {
       "type": [
        "null",
        "number"
       ]
 
… (truncated)
```

## More

- Live health (JSON, refreshed every minute): https://www.zero.xyz/c/css-design-calc-golden-ratio-splitter-fc14849c/health.json
- [Zero catalog index](https://www.zero.xyz/llms.txt)
- [Other services from css-design-calc.x402tookit.com](https://www.zero.xyz/host/css-design-calc.x402tookit.com/llms.txt)