8pt

知衡 AI 研究公司首页

暖白基调的 AI 研究公司首页:胶囊下拉页头与收拢字标,粗体加衬线的宣言式首屏,三幕交叉淡入的影像舞台,模型发布公告卡组,复古拼贴专题卡片,可筛选的最新研究列表,承诺说明、简报订阅,以及滚动揭开的深色折叠页脚和站内搜索浮层。

模板 · AI 产品首页•10 个区块
整页预览
介绍

一个完整的单文件页面,从这里起步。结构、文案位和响应式都已排好,复制提示词交给模型,它会按你的品牌改写文案、配色和图片。

适用场景

AI 产品、智能体和模型服务的官网首页。

安装

订阅 Builder 后,用 8pt CLI 取回整页源码,或在已接入 8pt MCP 的编辑器里直接调用。

$ npm i -g @8pt-dev/cli && 8pt template zhiheng-ai-lab
mcp › 使用 8pt MCP 调用 get_template("zhiheng-ai-lab")

代码

单文件 HTML + CSS,无构建步骤。

<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>知衡 · 把安全放在最前沿的 AI 研究与产品</title>
<meta name="description" content="知衡是一家以公共利益为宗旨的 AI 研究公司:研究、模型、政策与承诺。">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500&amp;text=%E3%80%81%E3%80%82%E4%B8%80%E4%B8%8A%E4%B8%8B%E4%B8%8D%E4%B8%8E%E4%B8%96%E4%B8%9A%E4%B8%A4%E4%B8%A5%E4%B8%AA%E4%B8%AD%E4%B8%BA%E4%B8%BB%E4%B9%88%E4%B9%8B%E4%BA%86%E4%BA%8B%E4%BA%8E%E4%BA%91%E4%BA%A7%E4%BA%AB%E4%BA%BA%E4%BB%80%E4%BB%8A%E4%BB%8E%E4%BB%A5%E4%BB%AC%E4%BB%B7%E4%BB%BB%E4%BB%BD%E4%BC%81%E4%BC%97%E4%BC%9A%E4%BC%B0%E4%BD%8E%E4%BD%93%E4%BD%95%E4%BD%9C%E4%BD%A0%E4%BD%BF%E4%BF%9D%E4%BF%AE%E5%80%BC%E5%81%9A%E5%81%A5%E5%81%B6%E5%85%88%E5%85%A5%E5%85%A8%E5%85%AC%E5%85%B1%E5%85%B3%E5%86%85%E5%86%99%E5%86%B3%E5%87%86%E5%87%A0%E5%87%BA%E5%88%92%E5%88%99%E5%88%A9%E5%88%B0%E5%88%B6%E5%88%BB%E5%89%8D%E5%8A%9B%E5%8A%A0%E5%8A%A1%E5%8A%A9%E5%8D%95%E5%8D%97%E5%8F%8A%E5%8F%8D%E5%8F%91%E5%8F%97%E5%8F%98%E5%8F%A5%E5%8F%AF%E5%8F%B0%E5%8F%B8%E5%90%88%E5%90%8C%E5%90%91%E5%91%8A%E5%91%A8%E5%91%BD%E5%92%8C%E5%93%81%E5%93%8D%E5%9B%9E%E5%9B%A2%E5%9C%A8%E5%9E%8B%E5%A4%84%E5%A4%8D%E5%A4%96%E5%A4%9A%E5%A4%A7%E5%A6%82%E5%AD%A6%E5%AE%83%E5%AE%88%E5%AE%89%E5%AE%8C%E5%AE%97%E5%AE%9A%E5%AE%9E%E5%AE%A1%E5%AE%A2%E5%AE%B6%E5%AE%B9%E5%AF%84%E5%AF%9F%E5%AF%B9%E5%B0%86%E5%B0%94%E5%B0%B1%E5%B0%BD%E5%B1%95%E5%B2%9A%E5%B2%AB%E5%B7%9D%E5%B7%A5%E5%B8%83%E5%B8%8C%E5%B8%A6%E5%B8%AE%E5%B8%B8%E5%B9%B3%E5%BA%93%E5%BA%94%E5%BA%A6%E5%BB%BA%E5%BC%80%E5%BC%8F%E5%BC%BA%E5%BD%93%E5%BD%95%E5%BD%B1%E5%BE%81%E5%BF%83%E5%BF%AB%E5%BF%B5%E6%80%81%E6%80%8E%E6%80%A7%E6%83%85%E6%83%B3%E6%84%BF%E6%85%8E%E6%88%91%E6%88%98%E6%88%B7%E6%89%8B%E6%89%A9%E6%89%B9%E6%89%BE%E6%89%BF%E6%8A%80%E6%8A%8A%E6%8A%A4%E6%8A%A5%E6%8B%A5%E6%8C%81%E6%8C%87%E6%8C%91%E6%8D%A2%E6%8E%A5%E6%8E%A7%E6%8E%A8%E6%8E%AA%E6%94%B9%E6%94%BE%E6%94%BF%E6%95%99%E6%95%B4%E6%96%87%E6%96%B0%E6%96%B9%E6%96%BD%E6%97%A5%E6%97%A8%E6%97%B6%E6%98%8E%E6%98%AF%E6%99%B4%E6%99%BA%E6%9B%B4%E6%9C%80%E6%9C%88%E6%9C%89%E6%9C%8D%E6%9C%9B%E6%9C%9F%E6%9C%AC%E6%9C%AF%E6%9D%82%E6%9D%A1%E6%9D%A5%E6%9E%9C%E6%9E%B6%E6%9F%A5%E6%A0%87%E6%A0%91%E6%A0%96%E6%A0%A1%E6%A0%B7%E6%A0%B8%E6%A1%86%E6%A1%88%E6%A1%8C%E6%A3%80%E6%A6%82%E6%A8%A1%E6%AC%A1%E6%AC%BE%E6%AD%A3%E6%AD%A5%E6%AF%8F%E6%B1%82%E6%B2%A1%E6%B2%BF%E6%B3%95%E6%B7%B1%E7%82%B9%E7%89%88%E7%89%B9%E7%8A%B6%E7%90%86%E7%94%A8%E7%95%8C%E7%99%BB%E7%9A%84%E7%9B%8A%E7%9B%B8%E7%9C%81%E7%9C%8B%E7%9C%9F%E7%9D%80%E7%9F%A5%E7%A0%94%E7%A4%BE%E7%A6%8F%E7%A7%81%E7%A7%91%E7%A8%8B%E7%A8%B3%E7%A9%B6%E7%AB%8B%E7%AB%AF%E7%AC%94%E7%AD%96%E7%AE%80%E7%AE%A1%E7%B1%BB%E7%B3%BB%E7%BB%86%E7%BB%93%E7%BB%99%E7%BB%9F%E7%BB%A7%E7%BB%AD%E7%BB%B4%E7%BC%96%E7%BD%91%E7%BD%B2%E8%80%85%E8%80%8C%E8%81%94%E8%82%B2%E8%83%BD%E8%87%AA%E8%87%B3%E8%87%B4%E8%89%B0%E8%9E%8D%E8%A1%8C%E8%A1%A1%E8%A2%AB%E8%A6%81%E8%A7%82%E8%A7%84%E8%A7%88%E8%A7%A3%E8%AE%A1%E8%AE%A2%E8%AE%A4%E8%AE%A8%E8%AE%A9%E8%AE%AE%E8%AE%B0%E8%AE%BA%E8%AE%BE%E8%AF%84%E8%AF%86%E8%AF%8D%E8%AF%95%E8%AF%9A%E8%AF%9D%E8%AF%A6%E8%AF%B4%E8%AF%BA%E8%AF%BB%E8%B0%A8%E8%B4%9F%E8%B4%A3%E8%B5%B7%E8%B6%8A%E8%B7%AF%E8%B7%B3%E8%B8%AA%E8%BE%BE%E8%BF%84%E8%BF%90%E8%BF%99%E8%BF%9B%E8%BF%9C%E8%BF%BD%E9%80%82%E9%80%89%E9%80%8F%E9%80%A0%E9%81%B5%E9%83%A8%E9%87%8A%E9%87%8C%E9%87%8D%E9%87%91%E9%93%BE%E9%94%AE%E9%95%BF%E9%97%A8%E9%97%B4%E9%97%BB%E9%98%85%E9%98%9F%E9%99%8D%E9%99%A2%E9%99%A9%E9%9A%90%E9%9C%80%E9%9D%92%E9%9D%A2%E9%A1%B5%E9%A3%8E%E9%AA%8C%E9%BD%90%EF%BC%8C%EF%BC%9A%EF%BC%9B&amp;display=swap">
<style>*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
…
订阅 Builder 查看完整源码。查看价格

配套主题

配套图标 · 14 个

在图标库中查看全部

包含的组件

Pill Dropdown Header

Dark Accordion Footer

Search Suggest Panel

Crossfade Media Stage

Collage Topic Cards

Serif Statement Hero

Release Spec Cards

更多模板

查看全部

燧云 全球网络平台首页

开发者工具首页

念成 AI 应用构建器首页

AI 生成平台首页

墨格 团队 AI 工作台官网

SaaS 落地页

棱页 设计提示词库首页

AI 产品首页

潮引 获客智能体官网

AI 产品首页

厚土 创意工作室首页

作品集

随贴 Mac 剪贴板历史官网

Mac 应用落地页

澄榜 应用市场情报首页

SaaS 落地页

砚白 独立设计师作品集

作品集

版拾 设计参考库官网

SaaS 落地页

器枢 智能体工具接入平台首页

开发者工具首页

燃帧 AI 视频创作首页

AI 生成平台首页

Nook Mac 应用官网

Mac 应用落地页