01
粘贴公开网站
选择一个想用作页面结构或视觉起点的网站。
克隆网站结构，重新设计页面
克隆一个网站， 重新设计。
粘贴公开网站网址，参考原站结构和视觉风格克隆出可编辑初稿，再围绕自己的产品重新设计页面、修改文案并导出独立 HTML。
支持公开网址 每个区块都可编辑 支持导出 HTML
看看能做出什么 网站克隆 → 重新设计的页面
FIELDNOTE
我们的方式了解 Fieldnote
了解 Fieldnote给好想法一点空间
让好想法自在生长。
汇集团队的笔记、决定和下一步，让协作更清晰。
了解 Fieldnote从这里讲述你的故事
清晰的表达
恰当的区块
明确的下一步
在线编辑并导出从一份初稿开始，也能带走 HTML。
初稿由你掌握从公开网址开始围绕你的产品调整带走 HTML 代码
先看一个视觉方向
克隆页面结构，重新设计内容。
以公开网站的布局和视觉线索为起点，再围绕自己的产品重新设计区块与文案。
示意页面对比 拖动对比
reference.site
north / field
WorkAboutContact
A BETTER WAY TO BEGIN
Space to think differently.
Explore more
your-product.site
lumennotes
Why LumenFeaturesGet started
IDEAS, FINALLY TOGETHER
让好想法有处安放。
把笔记、决策和下一步汇聚在一起，让团队更从容地前进。
Get startedProject notes•••
01清晰的表达
02恰当的区块
明确的下一步
你的产品参考方向
你可以这样开始
克隆网站初稿，再按你的想法重新设计。
参考公开网站的结构，生成可编辑页面，再加入自己的产品故事。
页面方向示意
同一种流程，可以有不同的页面方向。
看看一个起点如何变成产品介绍、创意工作室主页或产品发布页。这些是视觉示例，不是客户案例。
产品页工作室发布页
页面方向示意
your-new-page.site产品页
KINFIELD
产品页了解 Kinfield
少一点，更清晰
让一周计划变得从容些。
把项目和下一步安排，放进一个清晰的空间。
了解 Kinfield页面方向示意
流程保持简单
三步克隆网站并重新设计。
从公开网址开始，加入产品信息，编辑重新设计后的页面，再导出 HTML。
02
围绕产品重新设计
告诉我们产品叫什么、帮助谁解决什么问题；也可以先直接开始。
03
在线修改并导出
在项目预览中继续编辑，准备好后下载独立 HTML 文件。
代码可以带走
初稿只是起点，后面的路由你决定。
可以继续在编辑器里打磨，也可以导出独立 HTML 放进自己的开发流程。你始终能检查这份初稿，并在其基础上继续构建。
- 下载一个独立 HTML 文件
- 发布前检查文案和页面区块
- 在自己的编辑器或托管环境中继续
index.html 可供导出
<main class="landing-page">
<section id="hero">
Your product headline
A message written for your audience
</section>
<section id="features"> ... </section>
</main>
HTML · 1 file · ready to take with you
给想法一个好起点
适合想把一个想法变成真实页面的人。
SiteRecraft 面向早期营销落地页，为创业者、小团队和独立创作者提供清晰的起步方式。
开始前了解一下
还有几个问题？
先了解网址流程能读取什么，以及生成的初稿可以怎么用。
SiteRecraft 会原样克隆网站吗？
SiteRecraft 会读取公开网站的页面结构和视觉线索，生成可编辑的新初稿，供你重新设计。它不会像素级复制原站；补充产品信息后，你可以在线检查和修改结果。
一定要先介绍自己的产品吗？
不需要，只粘贴网址也可以开始。填写产品名称和简短介绍能给初稿更多上下文，通常也能减少需要替换的文案。
生成的页面可以编辑和导出吗？
可以。你可以在编辑器中继续修改初稿，并导出独立 HTML 文件。正式使用前，请先检查导出的代码，并在自己的托管环境中测试。
它可以读取私有网站或生成完整应用吗？
当前网址流程面向公开可访问的营销落地页。需要登录的页面、复杂应用流程和产品交互功能，可能不会出现在生成的初稿中。
可以直接使用其他公司的设计和内容吗？
建议把参考页用于寻找方向，并仅处理你有权使用的网站和素材。发布前请将其他品牌的名称、文字、图片和标记替换为你获准使用的内容，并仔细检查结果。