本稿对应的 Figma 可编辑 UI 设计稿：小猪盖被 · Anthropic 官网首页 Figma 公开稿。打开即可对照版面结构、报告区块与公告组件层级。
深色首屏大标题将安全置于前沿、顶栏机构议题与 Try Claude 入口
Anthropic 首页把人工智能研究、产品与安全责任放进同一条阅读路径。顶栏以 News、Research、Policy、Commitments、Company 铺开机构的主要议题，Try Claude 则作为明确的产品入口停在导航末端。首屏的大标题直接提出将安全置于前沿的研究与产品方向，副文紧接着解释其公共利益公司身份：既要考虑股东利益，也要照顾更广泛的公共利益，并缓释技术风险。页面开场的重心因此落在机构立场，产品试用入口虽易于找到，却不占据叙事中心。
版面以纵向区块组织信息，首屏陈述之后接入 2026 Public Benefit Report，再进入 Announcements，最后延伸至研究、安全与政策议题。各块各自承担不同的阅读任务：开场交代主张，报告提供责任层面的依据，公告呈现近期产品进展，议题区则把访问者引向更深入的材料。这样的先后顺序让首页接近一份带有目录和证据的机构报告；它选择先交代公共使命，再展开模型发布信息，取舍上更重视长期信任的建立。
字体是这种报告气质的重要线索。AnthropicSans、AnthropicSerif 与 AnthropicMono 三组自定义字体，为标题、正文和细小信息提供不同的语气：衬线字带出编辑出版物的温度，无衬线字维持导航与说明文字的清晰，等宽字则让日期、编号一类信息具有技术文档的秩序。大标题与短说明之间的尺度差，也让视线先抓住立场，再进入较细的解释。页面并不依靠密集的装饰建立层级，文字本身的大小、字形与间距就承担了相当一部分版面工作。
色彩基调偏深，主题色 #141413 给整个站点定下接近黑色的视觉底色。深色提供沉稳的边界感，文字对比和区块间距则负责维持阅读节奏；这种收敛的色彩策略与研究、政策和安全话题相互呼应。它将视觉重音更多留给标题与入口，代价是初看时的娱乐性和产品展示感较弱，但也让跨越机构介绍与模型公告的内容拥有统一的语气。
Public Benefit Report 区块以年份、报告名称、说明和 Learn more 组成一个完整的内容单元。标题先标明材料的时间与性质，说明文字解释公共利益公司的责任，链接再把概览接向报告。这个组件的重点是让一份较长的机构文件在首页有清楚的落点：访问者可以先理解其意义，再决定是否深入阅读。报告被放在产品公告之前，也把安全承诺从一句品牌宣言推进到可追踪的公开材料。
Announcements 连续列出三条模型消息：10 月 7 日的 Claude Haiku 5.5、9 月 28 日的 Claude Sonnet 5.5 和 9 月 22 日的 Claude Opus 5.5。每张卡都重复日期、标题、短说明以及 Model Details、System Card、Read announcement 等入口，让不同型号能够沿同一结构快速比较。日期把更新节奏显露出来，说明概括型号定位，细节页与系统卡则给希望继续核查的读者提供路径。这里的取舍是保留多个并列入口，卡片因此比单一宣传按钮更复杂，却能同时容纳产品信息与安全材料。
Announcements 三卡并列：Haiku、Sonnet、Opus 及 Model Details 等入口
下方 Learn more 区域将 Institute、Claude's Constitution、Responsible Scaling Policy 和 Core views on AI safety 聚在一起，分别通向社会影响、模型价值观、风险管理框架与安全研究立场。可见的 01/04 指示把四项内容组织成可逐项浏览的序列，也为切换提供方向感。页面的运动线索主要来自这种议题切换及链接交互；具体过渡速度和动画方式无法从可见结构确定，视觉判断仍以编号、内容顺序和入口关系为准。
页脚再把 Research、Policy、Commitments、Company、Products、Models 等栏目展开，并重述机构使命；Log in 下的 Claude.ai 与 Claude console 则将机构叙事接回实际产品。顶栏、报告链接、公告卡、议题序列和页脚目录共同构成页面的组件骨架。它们以重复而清晰的入口承接不同深度的阅读，使首页既能说明 Anthropic 的公共立场，也能让最新模型和长期政策材料各自被找到。