Moge Team AI Workspace Website
A minimal white website for a team AI workspace: an extra-bold headline with a light blue pill of rotating words, original pebble characters, a kanban window mockup that flows on its own, a team-type strip, a three-tile AI bento, agent use-case cards, color-block team cards, a capability ticker, a warm gray CTA and a footer with a motto.
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
SaaS Product官网与Landing Page: Heroes, Feature, Pricing, FAQ和收尾行动号召一次排好.
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>墨格 · 人和智能体一起干活的团队工作台</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}
…