我喜歡的網頁模板

Dribbble · Falah Studio

黑白肖像、細明體引言，像安靜的攝影師專訪。

看範例

Aura · Photography Portfolio Landing Page Template

灰綠底色加大字標題壓在照片上，莫蘭迪感很重，作品排列也整齊。

到 Aura 看

Webnode · 攝影師模板

低彩度風景照、白底三欄，適合莫蘭迪作品集。

Webnode 頁面看 Demo

Webnode · 婚禮攝影師模板

細襯線標題、照片方格，適合人像作品。

Webnode 頁面看 Demo

Dribbble · Blaze Smith

一行標題搭留白，下方底片照片牆讓照片說話。

看範例

GitHub · TryGhost

Ghost 開源攝影主題：照片格可點開看大圖。

看範例原始碼

Aura · Photography & Videography Studio Landing Page Template

米白底、細長襯線字與留白，讓照片當主角。

到 Aura 看

Webnode · 攝影作品模板

黑白大圖、角落小字，像安靜的攝影集。

Webnode 頁面看 Demo

Dribbble · Anubhav · Stellar UI

米白底、細明體與大照片，氣質接近 M4。

看範例

Dribbble · Zuairia · Ofspace

大標、引言與穿插照片，適合長文閱讀。

看範例

Webnode · 美食部落格模板

食材大照片配白底文章列表，像日系料理雜誌。

Webnode 頁面看 Demo

Webnode · 家居風尚部落格模板

灰綠拼貼與文章卡片，資訊豐富又有留白。

Webnode 頁面看 Demo

Aura · Zero-Waste Frugality Blog Template

淡綠色系，大圖加數字卡片，生活型部落格少見的乾淨版面。

到 Aura 看

Dribbble · Favour Olusanya

兩欄文章卡配側欄「本週熱門」，色調一致，文章多也不亂。

看範例

Aura · Creative Journal Blog Page Template

左側目錄、右側文章大圖，像 Notion 一樣好讀。

到 Aura 看

Webnode · 藝術部落格模板

文章配作者介紹，像乾淨的雙欄創作筆記。

Webnode 頁面看 Demo

Dribbble · Julia Zahorodnia

置中刊頭、滿版頭條照片、柔和暖色，像紙本雜誌的封面翻成網頁。

看範例

Dribbble · Schwiena

米色紙感、襯線大標，網站與 App 設計都有。

看範例

GitHub · TryGhost

Ghost 開源新聞主題：分類、頭條大圖與列表。

看範例原始碼

Aura · 音樂文化期刊模板

白底細線配黑白照片，安靜的音樂文章列表。

看範例

Webnode · 政治新聞部落格模板

置中報頭、分類與照片，簡單的線上報紙。

Webnode 頁面看 Demo

Aura · Digital Trust Journal Template

淺灰底、襯線標題與藍色強調，像新聞專題。

到 Aura 看

Aura · Vintage Newspaper Landing Page Template

真的做成舊報紙的版頭、欄線和黑白照片，第一眼就很有記憶點。

到 Aura 看

Aura · Yunjian Mountain Retreat

雲霧山景配細字，安靜的東方水墨感。

到 Aura 看

Dribbble · Stacy More

和室木格窗、暖光照片與大標，日系靜養感。

看範例

Dribbble · Shuvo

森林湖畔大圖、細明體，設施房型留白多。

看範例

Aura · Editorial Stays Booking Landing Page Template

雜誌式排版的訂房頁，大量留白、一張森林小屋照片就很有氣氛。

到 Aura 看

Aura · ÂTMA Luxury Wellness Hotel Template

米色紙感加粗細混排的襯線大字，大地色系，產品介紹頁也能套。

到 Aura 看

Webnode · 山居飯店模板

峽灣紅屋配房型、價格與預約，旅店可套用。

Webnode 頁面看 Demo

Dribbble · 212 Heights

暖棕和米白、柔光照片、斜體襯線字，氣氛很放鬆。

看範例

Dribbble · LAIN

白牆拱門的建築照片、霧藍灰點綴，乾淨到幾乎沒有裝飾。

看範例

Webnode · 旅遊札記模板

海景大圖、細字與遊記，充滿旅行感。

Webnode 頁面看 Demo

Aura · Koisei Luxury Cultural Journey Landing Page Template

櫻花、錦鯉和水墨拼貼，日系卻不俗氣，動態也很輕。

到 Aura 看

Webnode · 城市模板

湖畔照片配活動、住宿與交通，景點資訊齊全。

Webnode 頁面看 Demo

Dribbble · Growmelab

灰綠底、深綠按鈕，產品照搭苔蘚樹葉。

看範例

Aura · Artisanal Matcha E-commerce Landing Page Template

石臼抹茶的俯拍特寫加直排日文，日系清新的完整範例。

到 Aura 看

Dribbble · Oripio

超大細字標題加一張焦糖色沙發照，桌機和手機版都有。

看範例

Aura · 永續電商模板

大理石檯面上的真實商品照，墨綠與米白的大地色，商品頁乾淨。

看範例

Webnode · 木製玩具模板

暖白底配原木玩具照片，配色溫柔，產品介紹和購物車都已排好。

Webnode 頁面看 Demo

Webnode · 陶瓷專賣店模板

白底灰陶的商品方格，幾乎沒有多餘裝飾，極簡選物店的標準樣子。

Webnode 頁面看 Demo

Dribbble · Ilya Kolesnikov

米灰底、粗黑標題、燈具照片排成格子，產品就是主角。

看範例

Dribbble · Maaz Mirza

奶油米色、細明體、抹茶飲品照片，日系咖啡店的味道很足。

看範例

Dribbble · Dujima Studio

暖白底散放主廚料理照，橘字可換土色。

看範例

Dribbble · Marko Cvijetic

白色標題框和奶茶色色塊並排，下面一張店內實景照，簡單耐看。

看範例

Webnode · 咖啡廳模板

米白底、原木桌椅的店景照片，字很少，安靜的社區咖啡店氣氛。

Webnode 頁面看 Demo

Aura · 咖啡店模板

店內真實照片配襯線大標，菜單和營業資訊分段清楚。

看範例

Webnode · 咖啡廳模板

淺綠底、明亮店內照，附菜單與預約。

Webnode 頁面看 Demo

Aura · Vietnamese Restaurant Menu

奶油色底、圖文並排的菜單清單，資訊多但不亂，適合點餐頁。

到 Aura 看

Webnode · 法式餐廳模板

深色桌面上的香料與料理俯拍配細字，高級餐廳的沉穩質感。

Webnode 頁面看 Demo

Dribbble · Topnotch

米色、細明體、一排作品照片，從首頁就看得出工作室的品味。

看範例

Aura · Vellum Studio Architecture & Interior Design Template

深色照片配淡色外框，強調空間光影。

到 Aura 看

Webnode · 室內設計工作室模板

奶油色客廳與細字，適合設計或顧問公司。

Webnode 頁面看 Demo

Dribbble · Flick Studio

灰棕底、大標與建築照片，含服務與問答。

看範例

Dribbble · Wingly

白底配溫暖的陶土色家具照，數字和作品格子排得很整齊。

看範例

Aura · Architecture Project Case Study Page Template

大字與細線分隔，極簡的公司官網。

到 Aura 看

Webnode · 建築工作坊模板

藍天下的白色現代建築大照片，下面是服務與作品集，極簡又大器。

Webnode 頁面看 Demo

Webnode · 建築師事務所模板

白底大標題配一張住宅實景，建案列表排得整齊，專業但不冰冷。

Webnode 頁面看 Demo

Dribbble · Nucleus UI

米色卡片配咖啡照，一題一頁、三選一。

看範例

Aura · Longevity Medicine Quiz Landing Page Template

米色底加優雅襯線題目，選項卡片簡單清楚，測驗也能很有質感。

到 Aura 看

Aura · Personality Test Question UI Template

一題一頁的大字問答，復古米色調，作答體驗很專心。

到 Aura 看

自製 · tony197653/bot

一題一頁四選一，即時解說，可重練錯題。

看範例原始碼

自製 · tony197653/bot

文科測驗模板：可選題型、一回10題、答完即看解說、錯題再練。

看範例原始碼

自製 · TU 的 Canvas

交卷後看強弱表與詳解；私人題目只借版型。

看 Canvas（要登入）

自製 · PL 規劃中

參考書轉線上題庫；縮圖為安靜高級樣張。

上線後補連結

Dribbble · Designkast

進度條、照片配選項，手機也可做練習題。

看範例

Dribbble · Designkast

題數進度配柔光人像，圓角選項乾淨好點。

看範例

Aura · Soluna Premium Yoga Studio Template

黑白人像、圓形裁切與灰綠點綴，節奏舒服。

到 Aura 看

Webnode · 芭蕾學院模板

米白底配舞者照片和優雅襯線字，課程、新聞、預約分頁清楚。

Webnode 頁面看 Demo

Dribbble · Muhammad Dian Muhafids

淡蜜桃色、細明體、課程卡配人像照，像日系生活風的課程頁。

看範例

Webnode · 音樂學院模板

吉他師生照配樂譜底紋，附課程與線上預約。

Webnode 頁面看 Demo

Aura · AI Education Landing Page Template

綠色襯線大標，配色清爽、留白多。

到 Aura 看

Dribbble · Attractive UI

米色底、真人學習照、課程列表一行一門，資訊清楚又不冷冰冰。

看範例

Aura · Cherry Note AI Study Companion Landing Page Template

白底輕盈排版，適合讀書工具首頁。

到 Aura 看

Dribbble · Odama

學習大照片、課程分類與價格，綠字可改灰綠。

看範例

Webnode · 網球學院模板

紅土球場的動態照片，孩童、成人、一對一課程與價格一目了然。

Webnode 頁面看 Demo

Aura · Learning Platform Landing Page Template

暖奶油色底配一點橘色，數字和按鈕清楚，溫暖不幼稚。

到 Aura 看

Aura · Adaptive Learning Platform Landing Page Template

展示課程、App 畫面與學習進度卡，灰白配黑的俐落組合。

到 Aura 看

Dribbble · Ági Rigó

整片米黃和咖啡色的資料卡，示範大地色也能做資訊密集的報表。

看範例

Dribbble · Pradip Karki

客廳照片配房間列表與設備卡，灰米色柔和。

看範例

Dribbble · Olack

選單、房型照片與訂單明細，兼顧照片資料。

看範例

Aura · 市集預約後台模板

白底資訊密集的後台，攤商資料、預約和商品照片都排在同一頁。

看範例

Aura · SellsDash Admin Dashboard Template

白底細線表格加少量重點色，像 Linear 一樣乾淨的後台。

到 Aura 看

Aura · User Authentication Admin Panel

Meng To 淺色管理面板，側欄卡片比例標準。

到 Aura 看

Aura · Fitness Admin Dashboard UI Template

淺色底、圖表和數字卡排列緊湊，資訊密集又不壓迫。

到 Aura 看

Dribbble · Soraya Woest

簡單表單配淡粉櫻花山水，日系清新。

看範例

Dribbble · Growmelab

極簡表單配綠葉肌膚照，與 L1 同一套。

看範例

Aura · User Login Interface with Social Options

米色底加咖啡色按鈕，莫蘭迪配色的登入表單，很少見。

到 Aura 看

Aura · User Authentication Login Form

淡杏色背景配橘粉色按鈕，柔和、簡單、看起來很友善。

到 Aura 看

Dribbble · Dmitry Sergushkin

登入表單配木屋庭園照與推薦語，常見耐看。

看範例

Dribbble · Morva Labs

淡藍雲天照片上放一張置中的白色卡片，安靜輕盈。

看範例

Dribbble · Maria Brilkova

白表單配床邊木櫃照，安靜溫暖，沒有多餘的東西。

看範例