sample-web

Static · HTML5 + Tailwind CDN + ES6+

三種風格，一套零配置的靜態形象網站

以現代商務、日系雜誌與高端藝廊為靈感的展示範例。直接推送至 Git，即可由 Cloudflare Pages 自動構建與發布。

探索三種風格 閱讀部署文件

風格範例

深藍色背景上發光的玻璃面板與漸層光束，科技感的商務視覺 01 · Tech Business

商務接洽與企業形象

Stripe / Linear 風格的深色科技感設計，含玻璃擬態卡片、發光邊框、客戶商標輪播與即時驗證的預約諮詢表單。

  • Glassmorphism
  • Marquee
  • Form Validation
開啟範例
米色亞麻布上的一杯茶與乾燥尤加利，柔和晨光 02 · Editorial Lifestyle

簡約個人網誌與品牌

北歐與日系雜誌排版，大量留白、襯線標題與紙張紋理。包含精選日誌、瀑布流相簿與燈箱放大，以及電子報訂閱。

  • Serif + Sans
  • Lightbox
  • Newsletter
開啟範例
暗色藝廊中一道聚光燈照亮青銅雕塑，地板反射金色光澤 03 · Luxury Gallery

經典藝廊與沉浸式品牌

黑金與象牙白的高端對比，全螢幕視差 Hero、虛擬策展路線分頁、展品詳情 Modal、匠人傳承時間軸與貴賓預約。

  • Parallax
  • Tabs
  • Modal
開啟範例

Architecture

零配置，即刻構建

沒有打包工具、沒有後端依賴。所有頁面皆為獨立 HTML，共用樣式與腳本，部署即上線。

HTML5
語意化標籤與 ARIA 無障礙標記
Tailwind CDN
原子化樣式與響應式斷點
Vanilla ES6+
無相依的原生 JavaScript 互動
Cloudflare Pages
Git 推送即自動部署，全球邊緣快取