科技展示 1 科技展示 2

打造專屬的網頁版型

高品質、現代化的前端網頁設計，助力您的品牌發光發熱。

關於我們

我們是 EXPERIMENTAL STUDIO 實驗體網頁工作室。專注於打造兼具「極致視覺」與「流暢體驗」的前端網頁版型。我們相信每一個網頁都是一場視覺實驗，透過程式碼將創意化為現實。

💡 獨立開發者聲明： 本工作室由獨立工程師全權負責。為了堅持代碼品質與極致，我們採「精緻手工、高客製化」的開發模式。如遇案件較多時需依序排隊，謝謝您的耐心期待。

精選網頁版型

極簡現代

樣式 A：極簡白系企業官網

明亮風格多頁跳轉

乾淨明亮的白色基調，搭配流暢的轉場動畫，適合傳統企業轉型、顧問公司首選。

NT$ 15000
線上預覽立即購買
熱銷推薦

樣式 B：暗黑霓虹科技官網

炫彩發光前衛動態

深色背景搭配科技感霓虹燈效，視覺衝擊力極強！最適合軟體公司、新創團隊品牌官網。

NT$ 15000
線上預覽立即購買
商業實用

樣式 C：沉穩商務經典官網

經典藍調數據圖表

採用沉穩的經典藍與灰色調，內建服務項目、里程碑與團隊介紹，大型企業百搭首選。

NT$ 15000
線上預覽立即購買
活動推廣

樣式 A：一頁式熱銷活動頁

倒數計時強烈導購

專為單一產品或活動設計，內建限時倒數計時器與搶眼購買鈕，適合促銷快速上線。

NT$ 6000
線上預覽立即購買
熱銷推薦

樣式 B：極致磨砂玻璃官網

微光暈iOS質感

全網頁採用高透光的磨砂玻璃結構，光影效果極佳。適合高端工作室、沙龍預約頁。

NT$ 15000
線上預覽立即購買
簡單快速

樣式 C：極簡名片型一頁網

純前端超快載入

極度精簡的網頁，專門擺放個人頭像、簡介與所有的社群連結，是最具質感的電子名片。

NT$ 6000
線上預覽立即購買

━ 💡 以上為全部版型，點擊導列可切換至其他分頁 ━

服務項目

  • ✨ 精選前端網頁版型販售
  • 💻 客製化網站前端開發
  • 📱 RWD 響應式網頁設計 (手機/平板/電腦完美適配)
  • 💬 你想要的都可以跟我討論！
⚠️ 服務範圍僅包含網頁版型與前端代碼，不包含網域及主機租用費用。

聯絡我們

LINE ID

cyakura_

EMAIL

shiyantiexperimentalstudio@gmail.com

服務時間

週一至週五 18:00 - 24:00

回覆承諾

收到信件後將於 24 小時內儘速回覆

/* ========================================== 5. 聯絡我們專屬樣式（徹底修復・傳統區塊百分之百靠左版） ========================================== */ #contact .glass-card { margin: 0 auto !important; /* 確保卡片在螢幕正中央 */ padding: 50px 45px 35px 45px; /* 調整卡片內邊距，更像原圖比例 */ display: block !important; /* 強制卡片本身是傳統區塊 */ } #contact .glass-card h2 { text-align: center !important; /* 卡片大標題「聯絡我們」維持置中 */ letter-spacing: 4px; color: #ffffff; font-size: 28px; font-weight: 700; margin-bottom: 10px; } #contact .card-line { margin: 0 auto 40px auto !important; /* 標題下方的裝飾短線維持置中 */ } /* 聯絡資訊條：改用最單純的 block，徹底斷絕所有左右推擠的 FlexBug */ .info-group-b { display: block !important; /* 🌟 核心修正：改成純區塊，文字絕對只會從最左邊開始排 */ width: 100% !important; /* 🌟 核心修正：寬度強制撐滿 100%，絕不縮水跑去右邊 */ margin-bottom: 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); /* 淡淡的橫向分隔線 */ padding-bottom: 18px; /* 留出舒服的分隔距離 */ text-align: left !important; /* 🌟 核心修正：強制整塊區塊內部往左靠 */ } /* 最後一個項目不要底部橫線 */ .info-group-b:last-of-type { border-bottom: none; margin-bottom: 30px; } /* 英文小標籤（LINE ID, EMAIL, 服務時間...） */ .info-label-b { display: block !important; /* 強制換行 */ font-size: 11px; color: rgba(255, 255, 255, 0.5) !important; /* 優雅的半透明灰白 */ font-weight: 700; letter-spacing: 1.5px; margin-bottom: 6px; text-align: left !important; /* 🌟 百分之百靠左 */ } /* 實際資料文字（cyakura_, 週一至週五...） */ .info-value-b { display: block !important; /* 強制換行 */ font-size: 17px; color: #ffffff !important; /* 主要資料字體為純白 */ font-weight: 500; letter-spacing: 0.5px; text-align: left !important; /* 🌟 百分之百靠左 */ } /* 🌟 核心修復：徹底消滅看不清楚的傳統深藍色 EMAIL 連結，改成亮眼的科技藍白 */ .info-value-b a { color: #b3f0ff !important; /* 🌟 改用跟您的裝飾線一樣亮眼的霓虹藍 */ text-decoration: none !important; /* 拔掉醜醜的下底線 */ transition: all 0.2s ease; display: inline-block; } .info-value-b a:hover { color: #ffffff !important; /* 滑鼠滑過去變純白 */ text-shadow: 0 0 8px #b3f0ff; /* 帶有微弱的霓虹發光 */ } /* 最下方的 2026 版權宣告文字 */ .contact-footer { display: block !important; width: 100%; text-align: center !important; /* 只有版權宣告需要置中 */ font-size: 11px; color: rgba(255, 255, 255, 0.35); letter-spacing: 1px; margin-top: 15px; }