用途：在没有既有品牌系统的情况下进行页面或功能设计，推动形成有承诺感、可辨识的美学方向，通用默认样式被视为失败状态。
输出位置：所有输出文件写入 ./opendesign/mockups/<task-slug>/，slug 由页面或功能名推导，例如 landing-page、pricing-redesign。
构建前思考：动 HTML 之前先回答三个问题——目的（一句话说明这个页面做什么）、调性（用一个人格化形容词描述感受，如冷静、温暖、严厉、俏皮、庄重、张扬）、差异化（什么能让观者记住它，而不是一个通用 SaaS 落地页）。
方向：选择一个极端方向并精确执行，如 brutalist、maximalist、editorial、retro-futuristic、organic、industrial、anti-design、swiss-modernist、zine-punk。犹豫不决的中间态会读起来像现成模板。
字体：搭配有辨识度的展示字体与精致的正文字体，避免 Inter、Roboto、Arial 及通用系统字体栈。候选包括编辑类衬线（Fraunces、GT Sectra、Tiempos）、几何展示体（Space Grotesk、PP Neue Montreal、Söhne Breit）、等宽点缀（JetBrains Mono、IBM Plex Mono），以及方向支持时的怪趣单格与可变字体。建立有意图比例的真实字阶，不依赖浏览器默认字号。
颜色：坚持一套连贯调色板，主色加一两个锐利强调色优于平均分配。强调色使用 oklch，使色度与明度在不同色相间保持一致；中性色色度限制在 ≤ 0.02。
动效：一两个高冲击力动效时刻胜过十几个零散微交互。优先纯 CSS 动画：transforms、transitions、@keyframes，以及受支持时的 scroll-timeline；仅在动效依赖状态时使用 JS。
空间构成：刻意打破网格——不对称、重叠、斜向基线、超大字号配紧窄栏、大量留白，或在美学需要时使用受控的高密度信息面。任一方向都优于均匀留白的三栏网格。
背景：默认营造氛围——渐变网格、胶片颗粒、噪点、分层透明、戏剧性阴影、着色半调、细微纸张纹理。纯白配纯黑是一种选择而非默认，仅在方向需要时使用。
跨次生成的变化：不同项目或变体运行之间不要收敛到相同选择，轮换美学方向、主色系、字体语域、动效理念与构图策略；除非用户要求延续，连续两个设计不应像同族。
复杂度匹配方向：极繁方向配精细实现（分层纹理、密集字体、丰富动效、复杂细节）；极简方向配克制实现（更少元素、更紧字阶、更长过渡、更多留白）。不要半途而废：以极繁意图执行的克制布局会显得未完成，以极简意图执行的极繁布局会显得混乱。
限制：资料未提供具体收费、平台支持范围或效果保证等信息。