CSS Design Calc
Modular type scale: sizes in px and rem for steps below and above a base size, by named ratio (major third, golden) or number.
The wallet the 402 directs payment to. Its whole payment record — every payer, every chain — is on the merchant page.
Asset 0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913
The payTo wallet does not resolve to a registered ERC-8004 agent. That is not a verdict on the service — most of the catalog is unregistered.
Live 402 challenge
Captured by the enrichment pass, not read just now. Prices can change — always read the 402 the endpoint answers with.
{
"error": "Payment required",
"accepts": [
{
"asset": "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913",
"extra": {
"name": "USD Coin",
"version": "2"
},
"payTo": "0xb531320805C5BED1D46AEaDcF4F008FDF172DBDa",
"scheme": "exact",
"network": "base",
"mimeType": "application/json",
"resource": "https://css-design-calc.x402tookit.com/type-scale",
"description": "Modular type scale: sizes in px and rem for steps below and above a base size, by named ratio (major third, golden) or number.",
"outputSchema": {
"input": {
"type": "http",
"method": "GET",
"queryParams": {
"up": 5,
"base": 16,
"down": 2,
"ratio": "major-third"
}
},
"output": {
"asOf": "2026-10-11T14:32:45.228Z",
"base": 16,
"ratio": 1.25,
"steps": [
{
"px": 48.8281,
"css": "3.0518rem",
"rem": 3.05176,
"step": 5
},
{
"px": 39.0625,
"css": "2.4414rem",
"rem": 2.44141,
"step": 4
}
],
"rootPx": 16,
"source": "Modular scale: size(n) = base x ratio^n (Tim Brown); ratios are the musical-interval values used by common scale tools, computed locally",
"reasons": [
"Each step multiplies by 1.25; step 0 is the base 16px.",
"Steps are exact; round for production if needed."
],
"summary": "8 steps from 10.24px to 48.8281px at ratio 1.25 (major-third) from a 16px base.",
"verdict": "COMPUTED",
"degraded": false,
"ratioName": "major-third",
"disclaimer": "Screening signal computed from the named public source. Not financial, legal or investment advice; provided as is. Verify at the source before acting.",
"notChecked": [
"rounding to whole pixels (sizes are exact; browsers may round text rendering)",
"whether a step is legible on screens or readable at your line length",
"…1 more"
],
"stepsAbove": 5,
"stepsBelow": 2,
"customProperties": "--step-5: 3.0518rem; --step-4: 2.4414rem; --step-3: 1.9531rem; --step-2: 1.5625rem; --step-1: 1.25rem; --step-0: 1rem; --step-n1: 0.8rem; --step-n2: 0.64rem;"
}
},
"maxAmountRequired": "20000",
"maxTimeoutSeconds": 300
},
{
"asset": "EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v",
"extra": {
"feePayer": "BFK9TLC3edb13K6v4YyH3DwPb5DSUpkWvb7XnqCL9b4F"
},
"payTo": "DUPiupXtuox38dcGoXUKer5mAydCzmaHjrbQ66qeEm8s",
"scheme": "exact",
"network": "solana",
"mimeType": "application/json",
"resource": "https://css-design-calc.x402tookit.com/type-scale",
"description": "Modular type scale: sizes in px and rem for steps below and above a base size, by named ratio (major third, golden) or number.",
"outputSchema": {
"input": {
"type": "http",
"method": "GET",
"queryParams": {
"up": 5,
"base": 16,
"down": 2,
"ratio": "major-third"
}
},
"output": {
"asOf": "2026-10-11T14:32:45.228Z",
"base": 16,
"ratio": 1.25,
"steps": [
{
"px": 48.8281,
"css": "3.0518rem",
"rem": 3.05176,
"step": 5
},
{
"px": 39.0625,
"css": "2.4414rem",
"rem": 2.44141,
"step": 4
}
],
"rootPx": 16,
"source": "Modular scale: size(n) = base x ratio^n (Tim Brown); ratios are the musical-interval values used by common scale tools, computed locally",
"reasons": [
"Each step multiplies by 1.25; step 0 is the base 16px.",
"Steps are exact; round for production if needed."
],
"summary": "8 steps from 10.24px to 48.8281px at ratio 1.25 (major-third) from a 16px base.",
"verdict": "COMPUTED",
"degraded": false,
"ratioName": "major-third",
"disclaimer": "Screening signal computed from the named public source. Not financial, legal or investment advice; provided as is. Verify at the source before acting.",
"notChecked": [
"rounding to whole pixels (sizes are exact; browsers may round text rendering)",
"whether a step is legible on screens or readable at your line length",
"…1 more"
],
"stepsAbove": 5,
"stepsBelow": 2,
"customProperties": "--step-5: 3.0518rem; --step-4: 2.4414rem; --step-3: 1.9531rem; --step-2: 1.5625rem; --step-1: 1.25rem; --step-0: 1rem; --step-n1: 0.8rem; --step-n2: 0.64rem;"
}
},
"maxAmountRequired": "20000",
"maxTimeoutSeconds": 300
},
{
"asset": "0x3c499c542cEF5E3811e1192ce70d8cC03d5c3359",
"extra": {
"name": "USD Coin",
"version": "2"
},
"payTo": "0xb531320805C5BED1D46AEaDcF4F008FDF172DBDa",
"scheme": "exact",
"network": "polygon",
"mimeType": "application/json",
"resource": "https://css-design-calc.x402tookit.com/type-scale",
"description": "Modular type scale: sizes in px and rem for steps below and above a base size, by named ratio (major third, golden) or number.",
"outputSchema": {
"input": {
"type": "http",
"method": "GET",
"queryParams": {
"up": 5,
"base": 16,
"down": 2,
"ratio": "major-third"
}
},
"output": {
"asOf": "2026-10-11T14:32:45.228Z",
"base": 16,
"ratio": 1.25,
"steps": [
{
"px": 48.8281,
"css": "3.0518rem",
"rem": 3.05176,
"step": 5
},
{
"px": 39.0625,
"css": "2.4414rem",
"rem": 2.44141,
"step": 4
}
],
"rootPx": 16,
"source": "Modular scale: size(n) = base x ratio^n (Tim Brown); ratios are the musical-interval values used by common scale tools, computed locally",
"reasons": [
"Each step multiplies by 1.25; step 0 is the base 16px.",
"Steps are exact; round for production if needed."
],
"summary": "8 steps from 10.24px to 48.8281px at ratio 1.25 (major-third) from a 16px base.",
"verdict": "COMPUTED",
"degraded": false,
"ratioName": "major-third",
"disclaimer": "Screening signal computed from the named public source. Not financial, legal or investment advice; provided as is. Verify at the source before acting.",
"notChecked": [
"rounding to whole pixels (sizes are exact; browsers may round text rendering)",
"whether a step is legible on screens or readable at your line length",
"…1 more"
],
"stepsAbove": 5,
"stepsBelow": 2,
"customProperties": "--step-5: 3.0518rem; --step-4: 2.4414rem; --step-3: 1.9531rem; --step-2: 1.5625rem; --step-1: 1.25rem; --step-0: 1rem; --step-n1: 0.8rem; --step-n2: 0.64rem;"
}
},
"maxAmountRequired": "20000",
"maxTimeoutSeconds": 300
}
],
"x402Version": 1,
"alsoAvailable": {
"llms": "https://css-design-calc.x402tookit.com/llms.txt",
"catalog": "https://css-design-calc.x402tookit.com/catalog",
"message": "CSS Design Calc has 12 pay-per-call endpoints (CSS and layout maths for agents: unit conversion, fluid clamp(), type scales, aspect ratios, grids, specificity and readability.), from $0.02 a call. See the full menu and send your agents our way.",
"openapi": "https://css-design-calc.x402tookit.com/openapi.json",
"related": [
{
"url": "https://css-design-calc.x402tookit.com/vertical-rhythm",
"path": "/vertical-rhythm",
"what": "Snap line-heights for font sizes to a baseline grid: baseline unit, lines per element, un…",
"price": "$0.02"
},
{
"url": "https://css-design-calc.x402tookit.com/line-length",
"path": "/line-length",
"what": "Estimate characters per line from column width and font size and rate it for readability…",
"price": "$0.02"
},
{
"url": "https://css-design-calc.x402tookit.com/aspect-ratio",
"path": "/aspect-ratio",
"what": "Aspect ratio of a width and height (simplified, nearest common ratio) or the missing side…",
"price": "$0.02"
}
]
}
}Accepts
The payment requirements as published to the catalog. Read the live 402 before paying — a price here is a claim, not a quote.
Pay 0.02 USDC on Base to 0xb531…2DBDa. The signed payment is good for 5 minutes.
- Paid to
- 0xb531…2DBDa
- USD Coin contract
- 0x8335…02913
- Payment window
- 5 minutes
- As published
- 20000 smallest units
That figure is in the token’s smallest units. Roundhouse does not hold this contract’s decimals, so it is shown as published rather than converted.
- Paid to
- DUPiup…eEm8s
- Token contract
- EPjFWd…TDt1v
- Payment window
- 5 minutes
That figure is in the token’s smallest units. Roundhouse does not hold this contract’s decimals, so it is shown as published rather than converted.
- Paid to
- 0xb531…2DBDa
- Token contract
- 0x3c49…c3359
- Payment window
- 5 minutes
That figure is in the token’s smallest units. Roundhouse does not hold this contract’s decimals, so it is shown as published rather than converted.
- Paid to
- 0xb531…2DBDa
- Token contract
- 0xaf88…e5831
- Payment window
- 5 minutes
The catalog’s raw entry
[
{
"asset": "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913",
"extra": {
"name": "USD Coin",
"version": "2"
},
"payTo": "0xb531320805C5BED1D46AEaDcF4F008FDF172DBDa",
"amount": "20000",
"scheme": "exact",
"network": "eip155:8453",
"maxTimeoutSeconds": 300
},
{
"asset": "EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v",
"extra": {
"feePayer": "D6ZhtNQ5nT9ZnTHUbqXZsTx5MH2rPFiBBggX4hY1WePM"
},
"payTo": "DUPiupXtuox38dcGoXUKer5mAydCzmaHjrbQ66qeEm8s",
"amount": "20000",
"scheme": "exact",
"network": "solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp",
"maxTimeoutSeconds": 300
},
{
"asset": "0x3c499c542cEF5E3811e1192ce70d8cC03d5c3359",
"extra": {
"name": "USD Coin",
"version": "2"
},
"payTo": "0xb531320805C5BED1D46AEaDcF4F008FDF172DBDa",
"amount": "20000",
"scheme": "exact",
"network": "eip155:137",
"maxTimeoutSeconds": 300
},
{
"asset": "0xaf88d065e77c8cC2239327C5EDb3A432268e5831",
"extra": {
"name": "USD Coin",
"version": "2"
},
"payTo": "0xb531320805C5BED1D46AEaDcF4F008FDF172DBDa",
"amount": "20000",
"scheme": "exact",
"network": "eip155:42161",
"maxTimeoutSeconds": 300
}
]Extensions
{
"bazaar": {
"info": {
"input": {
"type": "http",
"method": "GET",
"queryParams": {
"up": 5,
"base": 16,
"down": 2,
"ratio": "major-third"
}
},
"output": {
"type": "json",
"example": {
"asOf": "2026-10-11T14:32:45.228Z",
"base": 16,
"ratio": 1.25,
"steps": [
{
"px": 48.8281,
"css": "3.0518rem",
"rem": 3.05176,
"step": 5
},
{
"px": 39.0625,
"css": "2.4414rem",
"rem": 2.44141,
"step": 4
}
],
"rootPx": 16,
"source": "Modular scale: size(n) = base x ratio^n (Tim Brown); ratios are the musical-interval values used by common scale tools, computed locally",
"reasons": [
"Each step multiplies by 1.25; step 0 is the base 16px.",
"Steps are exact; round for production if needed."
],
"summary": "8 steps from 10.24px to 48.8281px at ratio 1.25 (major-third) from a 16px base.",
"verdict": "COMPUTED",
"degraded": false,
"ratioName": "major-third",
"disclaimer": "Screening signal computed from the named public source. Not financial, legal or investment advice; provided as is. Verify at the source before acting.",
"notChecked": [
"rounding to whole pixels (sizes are exact; browsers may round text rendering)",
"whether a step is legible on screens or readable at your line length",
"…1 more"
],
"stepsAbove": 5,
"stepsBelow": 2,
"customProperties": "--step-5: 3.0518rem; --step-4: 2.4414rem; --step-3: 1.9531rem; --step-2: 1.5625rem; --step-1: 1.25rem; --step-0: 1rem; --step-n1: 0.8rem; --step-n2: 0.64rem;"
}
}
},
"schema": {
"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": [
"base"
],
"properties": {
"up": {
"type": "integer",
"description": "Steps above the base, 0 to 12 (default 6)"
},
"base": {
"type": "number",
"description": "Base font size in px (step 0), for example 16"
},
"down": {
"type": "integer",
"description": "Steps below the base, 0 to 6 (default 2)"
},
"ratio": {
"type": "string",
"description": "Ratio name (minor-second, major-second, minor-third, major-third, perfect-fourth, augmented-fourth, perfect-fifth, minor-sixth, golden, major-sixth, minor-seventh, major-seventh, octave) or a number above 1 (default major-third = 1.25)"
},
"rootPx": {
"type": "number",
"description": "Root font size in px for rem output (default 16)"
}
}
}
},
"additionalProperties": false
},
"output": {
"type": "object",
"required": [
"type"
],
"properties": {
"type": {
"type": "string"
},
"example": {
"type": "object",
"properties": {
"asOf": {
"type": [
"null",
"string"
]
},
"base": {
"type": [
"null",
"number"
]
},
"ratio": {
"type": [
"null",
"number"
]
},
"steps": {
"type": [
"array",
"null"
],
"items": {
"type": "object",
"properties": {
"px": {
"type": [
"null",
"number"
]
},
"css": {
"type": [
"null",
"string"
]
},
"rem": {
"type": [
"null",
"number"
]
},
"step": {
"type": [
"null",
"number"
]
}
}
}
},
"rootPx": {
"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"
]
},
"notChecked": {
"type": [
"array",
"null"
],
"items": {
"type": "string"
}
},
"stepsAbove": {
"type": [
"null",
"number"
]
},
"stepsBelow": {
"type": [
"null",
"number"
]
},
"customProperties": {
"type": [
"null",
"string"
]
}
}
}
}
}
}
}
}
}Provenance
- Seen in the source catalog
- 2026-10-20 20:59Z
- Last indexed by Roundhouse
- 2026-10-22 12:40Z
- Last enriched (probe, favicon, geo)
- 2026-10-20 22:15Z
- x402 version
- 2
- Max timeout
- 300s
- Liveness probe
- HTTP 402
Hand this page to an agent
Copy the prompt and paste it into Claude, an MCP client or your own agent — it will vet this service and call it over the free read API. No key, no account.
GET api.roundhouseai.io/v0/endpoints
This endpoint's own trailing-30-day call count, as published by the upstream catalog and snapshotted daily. 4 snapshots so far. Verified volume counts only settlements with an on-chain EIP-3009 marker.
Show the promptHide the prompt
Using Roundhouse, look up the x402 service CSS Design Calc and tell me whether it is worth paying: what a call costs, whether the endpoint answered when last probed, and what its payment record actually shows. curl -s 'https://api.roundhouseai.io/v0/endpoints?q=CSS%20Design%20Calc' curl -s 'https://api.roundhouseai.io/v0/merchants/<the payTo wallet returned above>' Then call it: read the price from the live 402 at https://css-design-calc.x402tookit.com/type-scale, never from a cached figure, and pay with an x402 client. The /v0 API needs an API key (`authorization: Bearer rh_live_…`) on everything except /v0/unified* and /v0/endpoints. Either pay over x402 (mint a personal key for $0.01 at GET https://api.roundhouseai.io/v0/test/x402), or ask me for an organization key, which I create at https://roundhouseai.io/dashboard/connections. If you have neither, ask before going further. If you do not have Roundhouse tools or skills installed, read https://roundhouseai.io/skill.md first — it is the whole procedure.