{"name":"claude-homepage-analysis","version":"1.0.0","description":"External, reproducible analysis of the public Claude homepage; not an official Claude design system.","source":"https://claude.com/","observedAt":"2026-08-02","colors":{"canvas":"#F7F5F0","surface":"#EDEAE3","surfaceRaised":"#FFFFFF","ink":"#171716","muted":"#686761","brand":"#D97757","accent":"#285C4D","border":"#D8D4CB","success":"#397A54","error":"#B43D36"},"typography":{"fontFamily":"system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif","codeFamily":"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace","hero":{"fontSize":"56px","fontWeight":500,"lineHeight":1.05},"plan":{"fontSize":"32px","fontWeight":500,"lineHeight":1.15},"card":{"fontSize":"20px","fontWeight":600,"lineHeight":1.3},"body":{"fontSize":"17px","fontWeight":400,"lineHeight":1.55},"label":{"fontSize":"14px","fontWeight":600,"lineHeight":1.4}},"rounded":{"control":"4px","card":"12px","pill":"999px"},"spacing":{"xxs":"4px","xs":"8px","sm":"12px","md":"16px","lg":"24px","xl":"32px","section":"48px","hero":"64px","contentMax":"1280px"},"breakpoints":{"mobile":"320px","small":"544px","medium":"768px","large":"1012px","xlarge":"1280px"},"components":{"product-navigation":{"states":["default","hover","focus-visible","menu-open","compact"]},"hero-auth-entry":{"states":["empty","focus","loading","error","success","disabled"]},"plan-switcher":{"states":["selected","hover","focus-visible","loading"]},"plan-card":{"states":["default","recommended","selected","disabled","error"]},"faq-disclosure":{"states":["collapsed","expanded","focus-visible","loading"]},"footer-ecosystem":{"states":["default","hover","focus-visible","stacked-mobile"]}},"provenance":{"type":"external-analysis","official":false,"references":["https://claude.com/"],"notes":"Dynamic product and pricing snapshot; replace brand assets and typography with licensed alternatives."}}