Zhiheng AI Research Company Home
A warm white home page for an AI research company: pill dropdown header with collapsing wordmark, a bold-plus-serif manifesto hero, a three-scene crossfading image stage, model announcement cards, vintage collage feature cards, a filterable latest research list, commitments, newsletter signup, a dark collapsible footer revealed on scroll and a site search overlay.
A complete single-file page to start from. Structure, copy slots and responsive layout are all in place; copy the prompt to your model and it rewrites the copy, colors and images for your brand.
Where to use it
AI Product, Agent和Model服务的官网Home.
Install
With Builder, fetch the full page source with the 8pt CLI or call it directly from an editor connected to 8pt MCP.
Code
Single-file HTML + CSS, no build step.
<!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&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&display=swap">
<style>*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
…