{"schemaVersion":"1.0","kind":"composio-brand-page","generatedAt":"2026-06-15T20:36:04.801Z","page":{"path":"/typography","url":"https://brand.composio.dev/typography","agentJsonPath":"/typography/agent.json","agentJsonUrl":"https://brand.composio.dev/typography/agent.json","title":"Typography","description":"Composio uses ABC Diatype by Dinamo as its primary typeface and JetBrains Mono for code and labels, consistent across the FOR YOU (light) and DEV (dark) surfaces.","category":"base"},"agent":{"crawlHint":"This endpoint is intentionally machine-readable. Use data for tokens/specs and assets/endpoints for downloadable resources.","notes":[]},"data":{"primaryTypeface":"ABC Diatype","codeTypeface":"JetBrains Mono","principles":"Sans never goes bold — 400/500 only; emphasis via size. display/h1 normal, h2 the only medium heading. Mono may be any weight.","typeScale":[{"name":"display","mobile":"36px","desktop":"64px","fontWeight":"400","lineHeight":"1","tracking":"-0.025em","use":"Hero h1"},{"name":"h1","mobile":"24px","desktop":"44px","fontWeight":"400","lineHeight":"1.1","tracking":"-0.025em","use":"Section heading"},{"name":"h2","mobile":"20px","desktop":"24px","fontWeight":"500","lineHeight":"1.1","tracking":"-0.025em","use":"Sub / card heading — the ONLY medium-weight heading"},{"name":"h3","mobile":"18px","desktop":"18px","fontWeight":"400","lineHeight":"1.2","tracking":"—","use":"Inline / smallest heading"},{"name":"body-lg","mobile":"18px","desktop":"18px","fontWeight":"400","lineHeight":"1.5","tracking":"-0.011em","use":"Large body"},{"name":"body","mobile":"16px","desktop":"16px","fontWeight":"400","lineHeight":"1.5","tracking":"-0.011em","use":"Body"},{"name":"body-sm","mobile":"14px","desktop":"14px","fontWeight":"400","lineHeight":"1.5","tracking":"-0.011em","use":"Default body"},{"name":"caption","mobile":"12px","desktop":"12px","fontWeight":"400","lineHeight":"1.5","tracking":"-0.011em","use":"Caption"},{"name":"mono-md","mobile":"13px","desktop":"13px","fontWeight":"any","lineHeight":"1.625","tracking":"—","use":"Code blocks"},{"name":"mono-sm","mobile":"11px","desktop":"11px","fontWeight":"any","lineHeight":"1.2","tracking":"—","use":"Eyebrow labels (uppercase, tracking-wider)"},{"name":"mono-xs","mobile":"10px","desktop":"10px","fontWeight":"any","lineHeight":"1.2","tracking":"—","use":"Badges, chips, version"},{"name":"mono-2xs","mobile":"9px","desktop":"9px","fontWeight":"any","lineHeight":"1.2","tracking":"—","use":"Dense UI chrome"}]},"assets":[{"name":"ABC Diatype font family","type":"font-archive","path":"/fonts/ABCDiatype.zip","format":"zip","url":"https://brand.composio.dev/fonts/ABCDiatype.zip"},{"name":"ABC Diatype Regular","type":"font","path":"/fonts/ABCDiatype-Regular.woff2","format":"woff2","url":"https://brand.composio.dev/fonts/ABCDiatype-Regular.woff2"},{"name":"ABC Diatype Medium","type":"font","path":"/fonts/ABCDiatype-Medium.woff2","format":"woff2","url":"https://brand.composio.dev/fonts/ABCDiatype-Medium.woff2"},{"name":"ABC Diatype Bold","type":"font","path":"/fonts/ABCDiatype-Bold.woff2","format":"woff2","url":"https://brand.composio.dev/fonts/ABCDiatype-Bold.woff2"}],"endpoints":[],"index":{"rootAgentJsonPath":"/agent.json","rootAgentJsonUrl":"https://brand.composio.dev/agent.json","llmsTxtPath":"/llms.txt","llmsTxtUrl":"https://brand.composio.dev/llms.txt"}}