WEB DESIGN / STYLE STUDIES / INDEPENDENT PRACTICE21 種風格。
把參考，做成網頁。
以既有風格參考為起點，重新整理成響應式示範。
從版面、字體到互動，讓設計方向看得見，也能取用。
風格研究／自主設計 · 非客戶專案21 RESPONSIVE STUDIESLIVE PREVIEW / STANDALONE HTML / DESIGN BRIEFS
21 種風格每張預覽都可進入獨立示範頁
Minimalism
少即是多，安靜、高級、專注。
個人品牌 / 設計作品集 / 高單價商品官網
Swiss Style
網格清楚、字大有力，像一張設計海報。
設計工作室 / 講座／研討會 / 顧問公司
Editorial
像翻一本雜誌，會說故事、有人味。
部落格 / 生活風格品牌 / 咖啡廳／民宿
Glassmorphism
通透、輕盈，像隔著毛玻璃看光。
App 介紹頁 / AI 工具 / 科技新創
Bento Grid
一格一個重點，一頁看完全部。
產品功能介紹 / 個人履歷 / 課程總覽
Neumorphism
柔和、單色，像可以按下去的實體按鈕。
智慧家電 / App 介面展示 / 健康／計時工具
Skeuomorphism
木頭、紙張、皮革，真實材質的溫度。
手作品牌 / 文具／選物店 / 復古商品
Brutalism
原始、粗獷、強對比，不討好。
藝術家／音樂人 / 街頭品牌 / 敢講話的個人品牌
Neo-Brutalism
好玩、大膽、年輕，粗黑框配亮色塊。
新創產品 / 線上課程 / 年輕品牌活動頁
Retro Web
老電腦和早期網頁的懷舊味。
創意個人網站 / 社群活動 / 復古主題品牌
Y2K
鉻金屬、液態泡泡，2000 年代的未來感。
潮流品牌 / 3C 配件 / 音樂／活動
Retrofuturism
太空時代的科幻想像，懷舊的未來。
品牌故事 / 新品發表 / 展覽
Cyberpunk
霓虹城市、黑夜、滿滿的資訊感。
遊戲／電競 / 科技產品 / 夜生活／活動
Dark Tech
深色、克制、細緻光暈的 AI 感。
AI 工具 / 軟體產品 / 科技新品發表
3D Immersive
走進一個立體的夢幻世界。
品牌概念展示 / 建築／空間設計 / 遊戲世界觀
Motion-first
畫面一直在動，速度感十足。
運動品牌 / 活動預告 / 個人形象頁
Maximalism
元素多、顏色多、熱鬧滿版。
市集／活動 / 潮流選物 / 年度回顧
Collage
剪貼本的手作感，記錄生活小確幸。
旅行部落格 / 手作品牌 / 婚禮紀念網站
Hand-drawn
可愛、溫暖，像一本插畫繪本。
兒童教育 / 寵物品牌 / 親子課程
Pixel Art
復古遊戲機，按下開始鍵。
遊戲／電競 / 挑戰活動 / 好玩的個人網站
Retro Space Travel Poster
復古旅遊海報的印刷感，樂觀又浪漫。
活動頁 / 品牌故事頁 / 旅遊／展覽
沒有符合的風格。
換個關鍵字，或清除篩選再看看。
FROM REFERENCE TO PRACTICE
選方向，
再做成你的網站。
01 / EXPLORE看完整示範
打開模板，查看字級、配色、區塊延伸與手機排版。
02 / REUSE複製建站簡報
把風格編號、連結與設計重點，帶到下一個網站計畫。
03 / ADAPT下載，再調整
HTML 包含版面、樣式與互動。換入真實品牌與素材，再依受眾調整。