墨格 团队 AI 工作台官网
白底极简的团队 AI 工作台官网:超粗大标题嵌浅蓝轮换词胶囊、原创小圆石角色、自动流转的看板窗口样机、团队类型条、三格 AI 能力便当、智能体用例卡、色块团队卡、能力滚动条、暖灰行动区与格言分栏页脚。
介绍
一个完整的单文件页面,从这里起步。结构、文案位和响应式都已排好,复制提示词交给模型,它会按你的品牌改写文案、配色和图片。
适用场景
SaaS 产品官网与落地页:首屏、功能、定价、常见问题和收尾行动号召一次排好。
安装
订阅 Builder 后,用 8pt CLI 取回整页源码,或在已接入 8pt MCP 的编辑器里直接调用。
$ npm i -g @8pt-dev/cli && 8pt template team-ai-workspace
mcp › 使用 8pt MCP 调用 get_template("team-ai-workspace")
代码
单文件 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:#FFFFFF;--ink:#191918;--acc:#0075DE;--accs:#E6F3FE;--soft:#F6F5F4;--card:#F9F9F8;--line:#E6E5E3;--mut:#787774;
--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}
.mg-wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.mg-h2{font-size:clamp(30px,3.4vw,48px);font-weight:800;letter-spacing:-.03em;line-height:1.15}
…订阅 Builder 查看完整源码。查看价格