8pt

潮引 获客智能体官网

暖灰底极简的获客智能体官网:细线网络汇聚到网址输入框的首屏与轮换数据胶囊、示例任务指标卡、双行反向引言长廊、三项主张卡、按量计费滑块估算器、问答折叠、收尾行动区和链接页脚。

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

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

适用场景

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

安装

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

$ npm i -g @8pt-dev/cli && 8pt template lead-agent-landing
mcp › 使用 8pt MCP 调用 get_template("lead-agent-landing")

代码

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

<!doctype html>
<html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>潮引 · 睡觉时也在替你找客户的获客智能体</title><meta name="robots" content="noindex">
<style>
:root{--bg:#F6F5F3;--ink:#111111;--acc:#0D9467;--chip:#ECEBE9;--card:#FFFFFF;--mut:#8E8D8A;--sub:#5F5E5B;--line:#E7E5E1;--tile:#F4F4F3;
--sans:"Inter","PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Microsoft YaHei",system-ui,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:clip}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input{font:inherit;color:inherit}
.cy-wrap{max-width:1080px;margin:0 auto;padding:0 24px}
…
订阅 Builder 查看完整源码。查看价格

配套主题

配套图标 · 12 个

在图标库中查看全部

包含的组件

Network Lines Hero

Usage Slider Calculator

Soft FAQ Accordion

Three Claim Cards

Dual Row Quote Marquee

Scenario Metric Cards

Closing CTA Footer

更多模板

查看全部

燧云 全球网络平台首页

开发者工具首页

念成 AI 应用构建器首页

AI 生成平台首页

知衡 AI 研究公司首页

AI 产品首页

墨格 团队 AI 工作台官网

SaaS 落地页

棱页 设计提示词库首页

AI 产品首页

厚土 创意工作室首页

作品集

随贴 Mac 剪贴板历史官网

Mac 应用落地页

澄榜 应用市场情报首页

SaaS 落地页

砚白 独立设计师作品集

作品集

版拾 设计参考库官网

SaaS 落地页

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

开发者工具首页

燃帧 AI 视频创作首页

AI 生成平台首页

Nook Mac 应用官网

Mac 应用落地页