8pt

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.

Templates · AI product home•10 sections
Overview

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.

$ npm i -g @8pt-dev/cli && 8pt template zhiheng-ai-lab
mcp › Use 8pt MCP to call get_template("zhiheng-ai-lab")

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&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%}
…
Subscribe to Builder to see the full source.See pricing

Matching theme

Matching icons · 14

View all in the icon library

Included components

Pill Dropdown Header

Dark Accordion Footer

Search Suggest Panel

Crossfade Media Stage

Collage Topic Cards

Serif Statement Hero

Release Spec Cards

More templates

View all

Suiyun Global Network Platform Home

Developer tools home

Niancheng AI App Builder Home

AI generation platform home

Moge Team AI Workspace Website

SaaS landing page

Lingye Design Prompt Library Home

AI product home

Chaoyin Lead-Gen Agent Website

AI product home

Houtu Creative Studio Home

Portfolio

Suitie Mac Clipboard History Website

Mac app landing page

Chengbang App Market Intelligence Home

SaaS landing page

Yanbai Independent Designer Portfolio

Portfolio

Banshi Design Reference Library Website

SaaS landing page

Qishu Agent Tool Platform Home

Developer tools home

Ranzhen AI Video Studio Home

AI generation platform home

Nook Mac App Website

Mac app landing page