8pt

墨格 团队 AI 工作台官网

白底极简的团队 AI 工作台官网:超粗大标题嵌浅蓝轮换词胶囊、原创小圆石角色、自动流转的看板窗口样机、团队类型条、三格 AI 能力便当、智能体用例卡、色块团队卡、能力滚动条、暖灰行动区与格言分栏页脚。

模板 · SaaS 落地页•10 个区块
整页预览
介绍

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

适用场景

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 查看完整源码。查看价格

配套主题

配套图标 · 16 个

在图标库中查看全部

包含的组件

Agent Use Cards

AI Feature Bento

Tinted Team Cards

Motto Column Footer

Kanban Window Mock

Ticker CTA Band

Pill Word Hero

更多模板

查看全部

燧云 全球网络平台首页

开发者工具首页

念成 AI 应用构建器首页

AI 生成平台首页

知衡 AI 研究公司首页

AI 产品首页

棱页 设计提示词库首页

AI 产品首页

潮引 获客智能体官网

AI 产品首页

厚土 创意工作室首页

作品集

随贴 Mac 剪贴板历史官网

Mac 应用落地页

澄榜 应用市场情报首页

SaaS 落地页

砚白 独立设计师作品集

作品集

版拾 设计参考库官网

SaaS 落地页

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

开发者工具首页

燃帧 AI 视频创作首页

AI 生成平台首页

Nook Mac 应用官网

Mac 应用落地页