功能索引
這套工具能做的事，一頁看完
註冊前的最後一個問題是「它有沒有 XX」。整份清單在這裡——111 個可編輯元件、15 種設計風格、66 組配色、40 個行業起始模板，數字直接讀自產品本身。真的編輯器就在下面，而且建置與預覽不用錢。
用摸的，不用讀的。
- 點畫布上任何一個區塊，看右邊：每個元件 44 個樣式屬性。
- 左欄 → 主題：換一個設計風格，看菜單在重組後活著回來。
- 頂欄 → 預覽：在門面和它餵的後台之間切著看。
這裡除了存檔以外全都是真的：變更只留在這個分頁，重新整理就沒了。發佈與匯出屬於工作區，而開一個工作區免費、不用留卡——同一顆編輯器，你的東西留得住。 整頁打開試玩
從起始模板到一門真的在收單的生意
上面那些零件被用到的順序。
- 從能用的網站開始，不是空白版型40 個行業起始模板 —— 真的頁面、標好價的菜單、接好線的表單。
- 挑外觀 —— 內容留著15 種風格換骨架，內容跟著走。66 組配色。
- 細到一個像素每個元件 44 個樣式屬性，分裝置、分 hover 各設一套。
- 打開機器點餐、訂位、詢價 —— 是機器，不是機器的照片。預覽裡立刻會動。
- 發佈 —— 或把程式碼整包帶走接自己的網域發佈（兩方案各含 1 個），或在 Storefront Pro 整包帶走 Next.js 專案。
點餐、訂位，和它們背後的後台
商業網站和形象頁的差別：按下「送出訂單」之後，單去了哪裡。
線上點餐
菜單、購物車、結帳都在站上。刷卡走你自己的 Stripe —— 我們抽 0%。
訂位與預約
預約與訂桌 —— 時段被挑走那一秒就保留下來，那一筆直接在你的後台等你。
真的後台
訂單、訂位、客戶、菜單、促銷、評論、統計 —— 自己的登入，在已發佈的網站上。
方案界線，直說：Storefront Pro 一個月 $79，這些全部在你已發佈的網站上運作，刷卡走你自己的 Stripe，我們抽 0%。Storefront 一個月 $49 可以把同一套機器建好、預覽，等你決定要不要發佈之前就已經能跑、能拍給人看——在這個方案上它不會上線。 看每個方案含什麼
編輯器有多深
拖曳只是入口。門後是這些。
這裡的深，是版面、字體排印與狀態：111 個元件每一個都有 44 個屬性，桌機、平板、手機、hover 各設一套，每個區塊另有五種進場動畫。動態是一個打開就會動的開關，不是一條要你自己編的時間軸。
寫字這件事，有它自己的一個面板。桌面版 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 那一類的？
不是，而那正是重點。AI 網站製作、AI 網站設計、AI 網站架設這一類工具的做法，是讓模型在你等待時當場生一個網站給你；我們的做法相反——你打開的是 40 個設計出來、真的能用的網站其中一個——菜單上的品項已經標好價、預約表單已經在對一份真的行事曆。AI 在這裡只有一件工作，就是寫字：桌面版帶一個面板，可以擬英雄區、SEO 與品項描述，也可以對畫布上單一區塊按右鍵只重寫那一塊。它跑你自己的 Anthropic、OpenAI 或 DeepSeek 金鑰，存在你那台機器的鑰匙圈裡，錢直接付給那家供應商，我們不轉賣 token——用你自己的金鑰，就沒有一個我們設的額度會用完。你不開口它不會生成，而每一次草稿都只差一次還原。