5 个设计动作：把克隆来的页面变成你的品牌

clone 给你结构。这五个动作给它品牌——而且不像抄的。

「模板」和「品牌」之间的视觉差距，大多归结为少数几个决策。下面是我们每次都会做的五个，用 我们自己改版的 before / after 当例子。

1. 一个强调色，而不是一整盘颜色

选一个强调色，只给它一个职责：标题高亮、链接、主按钮、聚焦态。其余一切保持中性。

我们的旧页面用了一个绿色，既当强调色又当背景氛围。新页面只用一个靛蓝 #4f66d8，没有别的颜色 来跟它抢。克制的强调色读起来「是故意的」；把什么都染色的页面，读起来像下载来的主题。

你的动作：把页面上每一个颜色列出来，砍到一个强调色加一套中性灰阶。

一个强调色，展开成一整套以 #4f66d8 为锚的色阶——没有别的颜色来抢注意力。

2. 给工具一点衬线的嗓音

衬线标题搭配无衬线正文，你的产品会突然听起来像个编辑，而不是个仪表盘。

我们把 Libre Baskerville 标题放在 Inter 正文之上。它甚至让我们把 hero 改写成了两拍：

Clone any website from a URL. Yours to edit and export.

你的动作：给标题挑一个有性格的字体；正文保持干净、易读的无衬线。

标题前（上）后（下）——粗体无衬线一行，变成拆成两拍的衬线改写。

3. 用留白，而不是灰块

一块浅色画布 + 恰好一条深色带，胜过没完没了的灰块交替。

我们的旧页面用灰块分隔每一节。新页面几乎从头白到尾，只留恰好一条近黑色带给最硬核的技术主张。 对比只有在稀有时才有力。

你的动作：删掉交替的背景色，让间距去分隔区块，把你那一次大对比花得讲究一点。

整页，前（左）后（右）——灰块让位给留白和一条深色带。

4. 把证据展示出来，而不是声称

用一个真实结果的预览，替换信任徽章。

我们的旧 hero 用一个徽章去声称可编辑（"Your branded version, not a copy"）。新的那个展示了一个 浏览器框，循环播放真实的克隆，旁边一条安静的 logo 条。「可编辑源码」是抽象的；一张结果的图片 不是。

你的动作：找出用户最需要相信的那一个主张，把它展示出来，而不是说出来。

展示证据，而不是声称——一个带真实克隆的浏览器框，取代了旧页面上的文字徽章。

5. 把它做成 tokens，而不是一次性页面

把颜色、字体、间距定义一次，做成 tokens，让身份感在每个页面都成立——而不只是你上过样式的那 一个。

我们把新外观搬进了共享的 tokens 和组件。这就是为什么价格页、案例库、FAQ、页脚，不用各自重新 上样式，却都像同一个品牌。

你的动作：把你的强调色、字体和间距存成变量，每个页面都从它们构建。

把决策冻结成 tokens——颜色、字体、间距、组件——让每个页面都继承同一套品牌。

为什么这不像抄的

注意：上面没有一个动作是在抄源站。你借的是决策——用几个颜色、哪种字体搭配、对比放哪——而不是 资产。

最后一步把它定死：把每一处 logo、每一行文案、每一张图、每一个主张都换成你自己的。借来的决策 加上你自己的内容，是品牌；借来的资产，是拷贝——而且会带来商标和版权风险。

Paste a URL. Get the source. Restyle the whole site. Make it yours.