功能索引
这套工具能做的事,一页看完
注册前的最后一个问题是「它有没有 XX」。整份清单在这里——111 个可编辑组件、15 种设计风格、66 组配色、40 个行业起始模板,数字直接读自产品本身。真的编辑器就在下面,而且搭建与预览不花钱。
用摸的,不用读的。
- 点画布上任何一个区块,看右边:每个组件 44 个样式属性。
- 左栏 → 主题:换一个设计风格,看菜单在重组后活着回来。
- 顶栏 → 预览:在门面和它喂的后台之间切着看。
这里除了保存以外全都是真的:改动只留在这个标签页,刷新就没了。发布与导出属于工作区,而开一个工作区免费、不用留卡——同一颗编辑器,你的东西留得住。 整页打开试玩
从起始模板到一门真的在收单的生意
上面那些零件被用到的顺序。
- 从能用的网站开始,不是空白版式40 个行业起始模板 —— 真的页面、标好价的菜单、接好线的表单。
- 挑外观 —— 内容留着15 种风格换骨架,内容跟着走。66 组配色。
- 细到一个像素每个组件 44 个样式属性,分设备、分悬停各设一套。
- 打开机器点餐、订座、询价 —— 是机器,不是机器的照片。预览里立刻会动。
- 发布 —— 或把代码整包带走接自己的域名发布(两方案各含 1 个),或在 Storefront Pro 整包带走 Next.js 项目。
点餐、订座,和它们背后的后台
商业网站和形象页的差别:按下「提交订单」之后,单去了哪里。
在线点餐
菜单、购物车、结账都在站上。刷卡走你自己的 Stripe —— 我们抽 0%。
订座与预约
预约与订座 —— 时段被选走的那一刻就占住,这一笔直接躺在你的后台。
真的后台
订单、订座、客户、菜单、促销、评论、统计 —— 自己的登录,在已发布的网站上。
方案界线,直说:Storefront Pro 每月 $79,这些全部在你已发布的网站上运行,刷卡走你自己的 Stripe,我们抽 0%。Storefront 每月 $49 可以把同一套机器搭好、预览,在你决定要不要发布之前就已经能跑、能拍给人看——这个方案上它不会上线。 看每个方案含什么
编辑器有多深
拖拽只是入口。门后是这些。
这里的深,是版面、字体排印与状态:111 个组件每一个都有 44 个属性,桌面、平板、手机、悬停各设一套,每个区块另有五种进场动画。动效是一个打开就会动的开关,不是一条要你自己编的时间轴。
写字这件事,有它自己的一个面板。桌面版 LocalSite Studio 用的是同一套编辑器,里面带一个 AI 面板:给它一句话的生意描述,它一次给出三个角度的首图区、SEO 与页脚文案供你挑选,菜单或服务项目的描述也能一并起草;也可以在画布上对单个区块点右键,只把那一块重写。它用的是你自己的 Anthropic、OpenAI 或 DeepSeek 密钥,存在你那台机器的钥匙串里,所以钱由你直接付给那家服务商,我们不转卖 token。你不开口它就不会生成,而 40 个起始模板依然是设计出来、真的能用的网站,不是机器产出的东西——面板负责写字,网站本身早就会动了。
网站是你的,带得走
Storefront Pro 的导出=完整 Next.js 项目 —— 有存东西就连数据库、API、后台一起装箱。自由职业者有同引擎的桌面版,导出不限次数。
改稿改不坏正在营业的网站
已上架的网站是做好的成品。编辑器保存改的是下一份 —— 永远不是正在服务客人的那份。
完整清单
下面每一个名字和数字,都是构建时直接读产品自己的组件注册表得到的,不是有人用手维护的清单。这一页上有的,你现在打开编辑器就找得到。
组件
111
拖到页面上的积木。「经营」那一类是后面真的有机器的 —— 预约日历不是一张预约日历的图。
基础16
- 標題
- 文字
- 按鈕
- 圖片
- 影片
- 分隔線
- 空白
- 標籤
- 圖示列表
- 富文本
- 圖示
- 連結
- 頭像
- 表格
- 嵌入代碼
- 跑馬燈
版面8
- 區段
- 容器
- 網格
- 欄
- 卡片
- 吸附條
- 頁籤
- 摺疊面板
导航5
- 導覽列
- 頁尾
- 麵包屑
- 錨點導覽
- 側欄選單
表单10
- 表單
- 輸入框
- 多行輸入
- 下拉選單
- 勾選框
- 日期
- 送出鈕
- 單選群
- 時間
- 檔案上傳
经营38
- 營業時間
- 地圖與地址
- 聯絡表單
- 圖廊
- 顧客見證
- 評論牆
- 團隊
- 服務清單
- 價目方案
- 常見問題
- 行動呼籲
- 數字亮點
- Logo 列
- 訂閱電子報
- 社群連結
- 公告條
- 優惠券
- 菜單列表
- 線上點餐
- 訂位
- 服務預約
- 課表
- 房源列表
- 報價請求
- 進度查詢
- 房貸試算
- 前後對比
- 禮品卡
- 會員積分
- 活動
- 文章列表
- 購物車鈕
- 品項詳情卡
- 3D 場景
- 特效背景
- 內容清單
- 項目內頁
- 廣告版位
编辑排版5
- 報頭
- 署名
- 照片說明
- 付費內容標示
- 更正啟事
动效与展示29
- 動態標題
- 巨型跑馬燈
- 視差圖層
- 滾動敘事
- 橫向滾動廊
- 釘選展示
- 數字衝擊帶
- 閱讀進度條
- 磁吸行動鈕
- 揭幕圖片
- 旅程時間軸
- 滾動運鏡影片
- 寬鏡頭場景
- 章節卡
- 鏡頭推拉
- 記憶宮殿菜單
- 片名卡
- 焦點引言
- 倒數計時
- 雙聯格
- 演職表
- 聚光
- 膠卷印樣
- 漫畫分格
- 拼貼相片
- 環字貼章
- GSAP 電影廊
- 電影廊卡片
- GSAP 聚焦標語
设计风格
15
换风格换的是骨架不是颜色:首图区、相册、字体排版都会重组。切换之后,商家资料保留。
- 招牌原作本行業手工調校的原版設計。
- 夜色奢華雜誌分割版:深色敘事欄+直幅影像,深底鎏金的夜場感。
- 清新明亮置中舞台版:明亮置中文案+懸浮照片卡,清新友善。
- 鮮明張力報頭海報版:巨型標題橫貫整頁+寬幅照片帶,滑不過去。
- 經典雋永字標門面版:巨型襯線字標+安靜書卷細節,像三十年老字號。
- 拼貼海報拼貼海報版:歪斜拍立得+貼紙標籤+海報大字,像一本獨立小誌。
- 靜奢輯攝影集分割版:半版照片+淡色面板,寬字距襯線大寫,安靜到很貴。
- 霓虹夜市霓虹招牌版:星空暗場上真正會發光的字,整晚通電。
- 墨韻水墨掛軸版:直排題字+硃砂印章+筆墨大字,宣紙上暈開。
- 琉璃琉璃光版:磨砂玻璃面板懸浮在流動極光上,柔亮未來感。
- 巨幕海報巨幕海報版:粗黑大寫沉進照片底部的漸層裡,像上映中的電影看板。
- 薄紗晨光薄紗晨光版:奶油色薄紗罩住照片、深色襯線字直接落在光裡,婚紗般柔軟。
- 絲絨包廂絲絨包廂版:深色玻璃面板浮在照片左側,包廂燈壓低的私密感。
- 爐火微醺爐火微醺版:濃咖啡色暖紗染過照片,斜體襯線字低低靠在火光裡。
- 天際線天際線版:字釘在畫面頂端、照片往下開闊延伸,清晨高樓的視野。
配色
66
策展过的色盘,字体已经配好。可以套在任何一种设计风格上。
深色14
- 碳黑餘燼
- 夜曲紫
- 午夜霓虹
- 曜石青
- 紫外光
- 森夜綠
- 黑金
- 香檳黑金
- 深海
- 港式霓虹
- 夜市燈火
- 燈籠暖紅
- 香檳黑金
- 天鵝絨梅紫
浅色15
- 冰川淺色
- 常青
- 太平洋
- 白瓷
- 亞麻
- 北極薄荷
- 晴空紙
- 雲霧薰衣草
- 柑橘清爽
- 水墨
- 廣式晨茶
- 青花瓷
- 工作室米白
- 薄荷工作室
- 石板編輯部
鲜艳10
- 電壓萊姆
- 橘子汽水
- 桃紅衝擊
- 鈷藍重擊
- 萊姆蘇打
- 珊瑚礁
- 朱紅鎏金
- 川味紅油
- 電光葡萄
- 落日公路
柔和8
- 玫瑰霧
- 鼠尾草
- 蜜桃粉霧
- 燕麥奶
- 霧藍
- 丁香墨
- 奶茶時光
- 芋泥雲朵
大地8
- 深焙咖啡
- 赤陶
- 橄欖園
- 沙漠暮色
- 胡桃書房
- 翡翠宴
- 濃縮咖啡
- 青竹
复古6
- 朱漆鎏金
- 鑄鐵工坊
- 美式櫻桃
- 七零芥黃
- 黑膠藍綠
- 可可奶油
灵感5
- 世界線
- 奇異點
- 比翼
- 魔法學院
- 克蘇魯
行业起始模板
40
每一个都是那一行真的能用的多页网站,不是空白版式。
- 作品集与出版9
- 餐饮7
- 专业服务7
- 健康与诊所6
- 汽车与家庭服务6
- 美容美发5
内建区块实际怎么运作
订座和预约,实际上是怎么运作的?
是两个各自独立的区块,后面是两套各自独立的引擎。订座跑 30 分钟一格,一桌保留 90 分钟,打烊前一小时收最后一轮,最晚要提前 30 分钟,而且会拿人数去对你真正的桌位表——六个人只会看到真的还有六人桌空着的时段,人数收 1 到 20 人。预约跑 15 分钟一格,每一笔前后各留 10 分钟缓冲,最晚要提前两小时,按每位人员逐周日的班表算,客人可以指定人,也可以交给有空的任何一位,还能收订金。这两种预订都写在可序列化事务里,所以两个人同时点下最后一个时段,不会两个人都订到。
导出的文件夹里,实际上有什么?
一个完整的 Next.js 项目,落在你自己的硬盘上。一家带在线点餐的咖啡店导出来是 180 个文件,一个什么都不用存的作品集是 99 个——而且有一道守卫会真的跑一次导出、把文件夹数一遍,所以这两个数字不会悄悄跑掉。你会拿到 app/、components/、lib/、public/,一份 package.json,一支部署脚本,还有一份 README——那份说明是写给以后接手的人看的,不是写给你看的;网站真的要存东西时,才会多出 prisma/ 和 server/,数据库结构、REST API 与后台就是这样一起装箱的。那份 package.json 里没有任何一个依赖挂着我们的名字,文件夹里也没有任何一条线通回某个后台。源代码导出含在 Storefront Pro,每月 $79.00,或每年 $758.00。
这是 AI 建站工具吗?做网站的 AI、网站制作 AI 那一类的?
不是,而那正是重点。你打开的是 40 个设计出来、真的能用的网站其中一个——菜单上的商品已经标好价、预约表单已经在对一份真的日程表——不是一页模型在你等待时编出来的东西。AI 在这里只有一件工作,就是写字:桌面版带一个面板,可以起草首图区、SEO 与商品描述,也可以对画布上单个区块点右键只重写那一块。它用你自己的 Anthropic、OpenAI 或 DeepSeek 密钥,存在你那台机器的钥匙串里,钱直接付给那家服务商,我们不转卖 token——用你自己的密钥,就没有一个我们设的额度会用完。你不开口它不会生成,而每一次草稿都只差一次撤销。