厚土 创意工作室首页
白底创意工作室首页：左右分列的药丸导航、一排漂移浮动的渲染球体首屏、大字自我介绍、两大三小的悬停作品网格、悬停切图的服务索引、标签文章卡片、分栏需求表单、药丸链接页脚和镜面描边巨字收尾。
介绍
一个完整的单文件页面，从这里起步。结构、文案位和响应式都已排好，复制提示词交给模型，它会按你的品牌改写文案、配色和图片。
适用场景
设计工作室、自由职业者和个人作品集网站。
安装
订阅 Builder 后，用 8pt CLI 取回整页源码，或在已接入 8pt MCP 的编辑器里直接调用。
$ npm i -g @8pt-dev/cli && 8pt template houtu-studio-home
mcp › 使用 8pt MCP 调用 get_template("houtu-studio-home")
代码
单文件 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>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fragment+Mono&family=Inter+Tight:wght@500;600;700&family=Noto+Sans+SC:wght@400;500;700;900&family=Noto+Serif+SC:wght@400;600&family=ZCOOL+QingKe+HuangYou&display=swap" rel="stylesheet">
<style>
:root{--bg:#FFFFFF;--fg:#000000;--card:#F2F2EF;--line:#E5E5E5;--accent:#EBFF00;--muted:#9A9A9A;--dim:#D6D5D3;--field:#F7F7F7;--r:6px;--pad:14px;
--sans:"Inter Tight","Noto Sans SC",system-ui,sans-serif;--mono:"Fragment Mono","Noto Sans SC",ui-monospace,monospace;--serif:"Noto Serif SC",Georgia,serif}
…订阅 Builder 查看完整源码。查看价格