模板庫

你這一行的網站，已經做好了。

下面每一張圖，都是那個起始模板真的做出來的首頁——直接從做好的網站截下來，不是為了這一頁畫的示意圖。挑一個離你的生意最近的，然後什麼都能改：文字、照片、顏色，整個區塊拿掉也行。

40種行業起始模板
15種設計風格，隨時換
66組配色可挑
111個可編輯元件

同一家店，15 種樣子

換風格換的是版面，不只是顏色。

下面是同一家烘焙坊，做了 15 次。中間一個字都沒改——品項、價格、營業時間都留在原地，是頁面自己繞著它們重排。

烘焙坊起始模板的招牌原作設計風格
招牌原作
烘焙坊起始模板的夜色奢華設計風格
夜色奢華
烘焙坊起始模板的清新明亮設計風格
清新明亮
烘焙坊起始模板的鮮明張力設計風格
鮮明張力
烘焙坊起始模板的經典雋永設計風格
經典雋永
烘焙坊起始模板的拼貼海報設計風格
拼貼海報
烘焙坊起始模板的靜奢輯設計風格
靜奢輯
烘焙坊起始模板的霓虹夜市設計風格
霓虹夜市
烘焙坊起始模板的墨韻設計風格
墨韻
烘焙坊起始模板的琉璃設計風格
琉璃
烘焙坊起始模板的巨幕海報設計風格
巨幕海報
烘焙坊起始模板的薄紗晨光設計風格
薄紗晨光
烘焙坊起始模板的絲絨包廂設計風格
絲絨包廂
烘焙坊起始模板的爐火微醺設計風格
爐火微醺
烘焙坊起始模板的天際線設計風格
天際線

每個起始模板都內建 15 種設計風格和 66 組配色，在編輯器裡換一個就好。

挑模板、換模板

模板的版面可以改到什麼程度？

整個版面都可以改。每一個區塊都能拖曳——在畫布上抓起來，或在圖層樹裡抓起來，放到你要的位置；要加新的區塊，就從元件面板拖進去，做法一樣。每個區塊帶自己的內容頁籤，只列它真正擁有的欄位（文字、圖片、連結、開關），另外還有樣式頁籤，帶桌機、平板、手機三個斷點。手機預設繼承桌機，除非你主動覆寫，而編輯器會把有覆寫的欄位標出來，所以手機版不會悄悄跑掉。元件面板裡有 111 個元件、分成七類（基礎、版面、導航、表單、商業、動效、刊物），再加上 31 種字體與 66 組配色，你不會被起始模板原本給的那幾個區塊綁死。

網站做好之後才想換設計風格，原本打好的內容會怎樣？

內容跟著走，版面繞著它重建。每個起始模板在編輯器的設計面板裡都帶 15 種設計風格，點一下就換：菜單與價格、評論、員工、課表、房源、店家資料都會帶過去，而直接改在區塊裡的標題與換過的照片會回到模板的樣子，按一次復原就把整套換回來。換風格換的不只是顏色——標題與內文的字體配對、圓角、導覽列形狀（浮動或經典）、首屏的構圖、照片的調色，以及每一個大標的字重、大小寫與字距，都會跟著換。

兩家店從同一個起始模板出發，最後怎麼會長得不一樣？

還沒動到任何一個字之前，組合就有 40 個起始模板乘上 15 種設計風格，等於 600 種開場，而風格之間分開的是結構不是色調。14 種非預設風格各自對六個行業家族備了一套手調配色，合計 84 組，再各自帶自己的字體配對、圓角、導覽列形狀、首屏構圖與照片調色。每個起始模板另外還帶自己那一行的三色主色，所以麵包店跟律師事務所不會從同一組顏色開場。接著編輯面再把它拉開一次：66 組配色分成七類（深色、淺色、鮮豔、柔和、大地、復古、靈感）、31 種字體，以及 111 個元件全部可以搬、可以刪、可以加。

改了之後覺得不對勁，怎麼辦？

兩道網子，都不必寫信找客服。編輯器保留最多 100 步復原，用平常的復原快速鍵往回、重做往前，而像整套換風格這種大動作只記成一步，按一次就整套退回。另一道是草稿與線上版本本來就是分開的：你的修改寫進一份新的草稿版本，而已發佈的網址繼續送出你上一次推上線的那一版；只要編輯器無法證明線上跑的和你手上的草稿一致，它就會在上方掛一條提示。所以你可以在星期二下午把首頁整個重排，而店門口那個網址還在送星期一的版本。