極境室內設計JAJING

空間之美·極境之作

首頁
1
空間之美2
https://www.formaveil.com/custom_134778.html Q&A問與答 Q&A問與答 /* --- 極境 Q&A 與表單整合專用 CSS --- */ .qa-section { font-family: 'Microsoft JhengHei', sans-serif; background-color: #fdfdfb; padding: 80px 20px; color: #333; width: 100%; box-sizing: border-box; } /* 標題區 */ .qa-header { text-align: center; margin-bottom: 50px; max-width: 800px; margin-left: auto; margin-right: auto; } .qa-title { font-size: 32px; letter-spacing: 3px; margin-bottom: 15px; font-weight: 400; color: #333; } .qa-subtitle { color: #c5a059; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 20px; display: block; font-weight: bold; } .qa-divider { width: 60px; height: 3px; background-color: #c5a059; margin: 0 auto; } /* Q&A 列表容器 */ .qa-container { max-width: 900px; margin: 0 auto 80px auto; } /* 單個問題區塊 */ .qa-item { background-color: #fff; margin-bottom: 20px; border: 1px solid #eee; border-radius: 4px; transition: all 0.3s ease; } .qa-item:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.05); border-color: #c5a059; } /* 問題標題列 (Flexbox 排版,確保對齊) */ .qa-summary { padding: 20px 25px; /* 舒適的點擊範圍 */ cursor: pointer; position: relative; list-style: none; color: #222; display: flex; justify-content: space-between; /* 讓加號靠右 */ align-items: flex-start; /* 頂部對齊,避免多行時跑版 */ } .qa-summary::-webkit-details-marker { display: none; } /* 問題內容區塊 (包含 Q 和 文字) */ .qa-question-wrapper { display: flex; align-items: flex-start; flex: 1; /* 佔滿左側空間 */ padding-right: 15px; /* 與加號保持距離 */ } /* Q 標誌 */ .qa-q-mark { color: #c5a059; font-family: 'Times New Roman', serif; font-size: 20px; font-weight: bold; min-width: 35px; /* 固定寬度,確保文字對齊 */ line-height: 1.4; /* 與文字對齊 */ } /* 問題文字 (依您的需求調整:粗體 + 12pt) */ .qa-question-text { font-size: 16px; /* 16px = 12pt */ font-weight: bold; line-height: 1.4; color: #333; } /* 加號圖示 */ .qa-icon { color: #ccc; font-size: 24px; font-weight: 300; transition: transform 0.3s; line-height: 1; margin-top: -2px; /* 微調垂直位置 */ } details[open] .qa-icon { transform: rotate(45deg); color: #c5a059; } /* 答案區域 */ .qa-content { /* 左側留白 60px 以對齊上方問題文字 (35px Q寬度 + 25px padding) */ padding: 0 25px 30px 60px; color: #666; line-height: 1.8; font-size: 15px; display: none; border-top: 1px dashed #eee; padding-top: 20px; } details[open] .qa-content { display: block; animation: fadeIn 0.5s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } /* 底部連結區 */ .qa-footer { text-align: center; margin-top: 60px; color: #888; border-top: 1px solid #eee; padding-top: 40px; font-size: 15px; line-height: 1.8; } .btn-qa { display: inline-block; padding: 12px 40px; border: 1px solid #333; color: #333; text-decoration: none; font-size: 14px; transition: all 0.3s; letter-spacing: 1px; margin-top: 20px; } .btn-qa:hover { background-color: #333; color: #fff; } /* 手機版調整 */ @media (max-width: 768px) { .qa-section { padding: 50px 20px; } .qa-title { font-size: 26px; } .qa-summary { padding: 20px; } /* 手機版縮小左側間距,增加閱讀空間 */ .qa-q-mark { min-width: 25px; font-size: 18px; } .qa-content { padding: 0 20px 25px 45px; } } 常見問題 Q & A 我們整理了客戶在裝修過程中最常遇到的疑問。若下方沒有您需要的資訊,歡迎隨時透過官方 LINE 與我們聯繫。 Q. 設計費與工程費是如何計算的? + 極境的收費公開透明。設計費依據實際規劃坪數計算,包含了平面配置、3D 效果圖與詳細施工圖繪製。工程費則依據您的預算需求、選用的建材等級以及施工項目的多寡而定。在簽訂工程合約前,我們會提供詳列品項與單價的報價單,依據實際規劃內容類別,確保每一分預算都花在刀口上。 Q. 請問服務流程大概需要多久時間? + 一個完整的住宅專案通常分為「設計期」與「工程期」。設計期:約需 3 - 6 週,視溝通頻率與修改次數而定。工程期:約 3 - 6 個月。建議您在預計入住前半年開始諮詢,能有更充裕的時間雕琢細節。 Q. 預售屋客變什麼時候開始比較好? + 預售屋的客變(客戶變更)是節省日後拆除預算的黃金期。建議在建商通知「客變截止日」前 2 - 3 個月 (或更早) 與我們聯繫,以便規劃格局與水電配置。 Q. 是否有提供工程保固? + 當然。完工驗收後,極境提供一年工程保固服務(非人為因素損壞)。保固期滿後,我們依然提供終身售後諮詢服務。 Q. 我只有局部裝修或軟裝需求,可以委託嗎? + 我們主要承接完整的空間規劃案(新成屋、舊屋翻新、商業空間),以確保整體設計風格的完整性。若是單純的局部裝修(如只做一間浴室),目前較難安排。但若您有特殊情況,歡迎透過下方 LINE 與我們聊聊。 Q. 服務區域包含哪些縣市? + 服務範圍主要以大台北地區(台北市、新北市)及基隆、桃園、新竹、台中以北為主。若位於其他縣市,可提供設計服務。 或者,直接加入 LINE 與我們對話LINE 線上諮詢
https://www.formaveil.com/custom_140176.html 關於極境 關於極境 /* --- 關於極境專用 CSS (終極修正版) --- */ .about-section { font-family: 'Microsoft JhengHei', sans-serif; background-color: #fdfdfb; padding: 80px 20px; color: #333; position: relative; /* 關鍵:強制隱藏超出範圍的內容,防止手機版左右搖晃 */ overflow: hidden; width: 100%; box-sizing: border-box; } /* 背景浮水印 */ .about-bg-text { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); font-size: 12vw; /* 隨螢幕縮放 */ font-weight: 900; color: rgba(197, 160, 89, 0.05); z-index: 0; white-space: nowrap; font-family: 'Times New Roman', serif; pointer-events: none; max-width: 100%; } .about-container { max-width: 1000px; margin: 0 auto; position: relative; z-index: 1; /* 確保容器本身不會寬於螢幕 */ width: 100%; box-sizing: border-box; } /* 標題區 */ .about-header { text-align: center; margin-bottom: 40px; width: 100%; /* 確保寬度限制 */ } .about-title { margin-bottom: 15px; font-weight: 400; color: #333; line-height: 1.2; } .about-subtitle { color: #c5a059; font-size: 14px; letter-spacing: 3px; text-transform: uppercase; display: block; margin-bottom: 20px; font-weight: bold; /* 修正副標題置中 */ text-indent: 3px; } .about-divider { width: 60px; height: 3px; background-color: #c5a059; margin: 0 auto; } /* ▼▼▼ 品牌標語 Slogan (修正重點) ▼▼▼ */ .brand-slogan { text-align: center; font-family: 'Songti TC', 'Noto Serif TC', 'Times New Roman', serif; font-size: 32px; color: #222; letter-spacing: 12px; /* 字距 */ margin-bottom: 50px; font-weight: 500; position: relative; display: block; width: 100%; /* ★ 核心修正:加上左縮排,平衡右邊的字距空白,讓視覺絕對置中 ★ */ text-indent: 12px; } .slogan-dot { color: #c5a059; padding: 0 5px; /* 縮小符號間距,避免撐開 */ font-size: 20px; position: relative; top: -2px; } /* 核心理念區 */ .about-intro { text-align: center; font-size: 16px; line-height: 2.2; color: #555; max-width: 800px; margin: 0 auto 70px auto; font-weight: 400; letter-spacing: 1px; } /* 三欄特色區 */ .feature-grid { display: flex; gap: 50px; justify-content: center; flex-wrap: wrap; } .feature-item { flex: 1; min-width: 280px; text-align: left; padding: 25px; border-top: 1px solid #eee; transition: all 0.4s ease; background: rgba(255,255,255,0.5); } .feature-item:hover { border-top: 1px solid #c5a059; transform: translateY(-5px); background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.05); } .feature-title { font-size: 20px; margin-bottom: 20px; color: #222; letter-spacing: 2px; font-weight: 500; display: flex; align-items: center; font-family: 'Times New Roman', 'Microsoft JhengHei', serif; } .feature-title::before { content: ''; display: inline-block; width: 30px; height: 1px; background-color: #c5a059; margin-right: 15px; } .feature-desc { font-size: 14px; line-height: 1.9; color: #666; text-align: justify; letter-spacing: 0.5px; } /* 底部 Quote */ .about-quote-box { margin-top: 80px; background-color: #2c2c2c; color: #fff; padding: 50px 30px; text-align: center; border-radius: 2px; position: relative; } .about-quote-text { font-size: 16px; line-height: 2; letter-spacing: 2px; color: #e0e0e0; font-weight: 300; } .about-quote-icon { font-size: 40px; color: #c5a059; margin-bottom: 20px; display: block; font-family: serif; opacity: 0.8; } /* ▼▼▼ 手機版專用設定 (強力修正區) ▼▼▼ */ @media (max-width: 768px) { .about-section { padding: 60px 20px; } .about-bg-text { font-size: 15vw; top: 30px; opacity: 0.03; } /* 標題 RWD */ .mobile-title-small { font-size: 14px !important; letter-spacing: 5px !important; margin-left: 5px !important; /* 平衡字距 */ } .mobile-title-big { font-size: 32px !important; /* 手機上縮小字體 */ letter-spacing: 8px !important; /* 縮小字距 */ margin-left: 0 !important; text-indent: 8px; /* 平衡字距,確保置中 */ display: block; /* 確保獨佔一行 */ width: 100%; } /* 標語 RWD:確保不換行、不歪掉 */ .brand-slogan { font-size: 20px; /* 縮小字體以適應窄螢幕 */ letter-spacing: 6px; text-indent: 6px; /* 平衡字距 */ margin-bottom: 30px; white-space: nowrap; /* 強制不換行 */ } .about-intro { font-size: 15px; padding: 0; text-align: justify; line-height: 1.8; } .feature-grid { flex-direction: column; gap: 20px; } .feature-item { border-top: none; border-left: 3px solid #eee; padding: 20px 20px 20px 25px; background: #fff; } .feature-item:hover { border-top: none; border-left: 3px solid #c5a059; transform: none; } .about-quote-box { padding: 30px 20px; margin-top: 50px;} .about-quote-text { font-size: 14px; letter-spacing: 1px; text-align: center; /* 強制置中 */ } } EXTREME REALM 關於 極境 ABOUT US 空間之美·極境之作 設計,是一場關於光影與靈魂的對話。在極境,我們不只是構築牆體與動線,更是以細膩的筆觸,描繪生活最真實的模樣。 透過材質的純粹與光影的流動,將日常的瑣碎昇華為空間的詩意, 為每一位居住者,尋回內心深處最渴望的寧靜與歸屬。 光影敘事 · Design 空間是時間的容器。我們擅長捕捉晨曦的微光與暮色的靜謐,將「光」作為設計的靈魂。透過動線的重新編排與格局的釋放,讓光影在空間中自由漫步,演繹出隨著時間推移而變化的空間表情。 匠心築夢 · Craft 細節,是品質的極致體現。我們的團隊不僅擁有感性的人文視角,更具備理性的工程思維。從材質的觸感到精緻的工藝,堅持以近乎苛求的職人精神,將工藝與現代美學完美交織,賦予空間恆久的生命力。 專屬旅程 · Journey 每一次的交付,都是一段信任的旅程。我們傾聽您的故事、理解您的想望,提供從靈感發想到完工交付的無縫服務。不僅是打造一個空間,更是為您開啟一段專屬於您、充滿溫度與質感的生活新篇章。 ❝ 無論是溫潤的居家寓所,或是大器的商業場域。極境致力於為您量身訂製,讓每一個角落,都散發著獨一無二的靈魂氣息。BEAUTY OF SPACE, WORK OF ART.
https://www.formaveil.com/custom_140175.html 服務流程簡介 服務流程簡介 /* --- 服務流程專用 CSS --- */ /* 整體容器 */ .process-section { font-family: 'Microsoft JhengHei', sans-serif; background-color: #fdfdfb; /* 與您首頁一致的米白底 */ padding: 60px 20px; color: #333; } /* 標題區塊 */ .process-header { text-align: center; margin-bottom: 60px; max-width: 800px; margin-left: auto; margin-right: auto; } .process-title { font-size: 32px; letter-spacing: 3px; margin-bottom: 15px; font-weight: 400; color: #333; } .process-subtitle { color: #c5a059; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 20px; display: block; } .process-desc { font-size: 15px; line-height: 1.8; color: #666; text-align: justify; /* 讓文字左右對齊 */ text-justify: inter-ideograph; } /* 流程卡片容器 */ .process-container { max-width: 900px; margin: 0 auto; } /* 單個流程項目 */ .process-item { display: flex; background: #fff; margin-bottom: 30px; box-shadow: 0 5px 20px rgba(0,0,0,0.03); transition: all 0.3s ease; border-left: 4px solid #c5a059; /* 左側金線裝飾 */ } .process-item:hover { transform: translateY(-5px); /* 滑鼠移過去浮起 */ box-shadow: 0 15px 30px rgba(0,0,0,0.08); } /* 左側數字區 */ .process-num-box { flex: 0 0 100px; /* 固定寬度 */ display: flex; align-items: center; justify-content: center; background-color: #f9f9f9; border-right: 1px solid #eee; } .process-num { font-family: 'Times New Roman', serif; font-size: 40px; color: #c5a059; font-weight: bold; font-style: italic; } /* 右側內容區 */ .process-content { padding: 30px; flex: 1; } .process-step-title { font-size: 20px; margin-bottom: 12px; font-weight: 500; letter-spacing: 1px; color: #222; } .process-text { font-size: 14px; line-height: 1.8; color: #666; margin: 0; } /* 手機版調整 */ @media (max-width: 768px) { .process-item { flex-direction: column; /* 手機版變垂直排列 */ } .process-num-box { width: 100%; height: 60px; border-right: none; border-bottom: 1px solid #eee; justify-content: flex-start; padding-left: 30px; } .process-num { font-size: 32px; } .process-content { padding: 25px 20px; } } 服務流程簡介 SERVICE PROCESS 在極境室內設計裝潢公司,我們致力於提供高效且專業的服務體驗。從設計概念的初步構想到最終的工程交付,每個階段都經過精心規劃與執行。 為您打造專屬的理想空間,我們的服務流程旨在確保每一位客戶的需求都能夠得到充分滿足,讓您在每一步都感到安心與滿意。 01 需求討論與現場丈量 我們將與客戶進行深入溝通,了解空間的功能需求與風格偏好。隨後安排專業團隊進行現場丈量,紀錄空間現況、樑柱位置與管線分佈,為後續設計提供精確的基礎數據。丈量+諮詢費用為5000,可於正式簽約後折抵。 02 初步設計與風格設定 根據丈量結果繪製平面規劃圖,並確立整體設計風格(如現代、北歐、輕奢等)。經與客戶充分溝通確認動線與格局無誤後,簽訂設計合約,進一步深化3D效果圖與立面施工圖細節。 03 工程報價與施工計劃 提供詳細透明的工程報價單,清晰列出各項施工內容與材料選擇(包含品牌、型號)。簽訂工程合約後,立即啟動施工計劃,安排工班進場,並全程嚴格控管品質,確保每個階段達到最高標準。 04 驗收與交付 工程完工後,我們將邀請客戶共同進行現場驗收,逐項核對細節,確保完美呈現並達到預期標準。同時,我們也將提供專業的後續維護建議與保固服務,確保空間能長久保持最佳狀態。 我們期待能夠與您攜手打造一個既美觀又實用的理想空間! 如有任何需求或問題,請隨時與我們聯繫。 立即預約諮詢
https://www.formaveil.com/custom_140171.html 極境作品案例 極境作品案例 /* 1. 強制隱藏智邦系統預設刊頭與多餘空隙 */ #banner, .banner, .header-banner, .banner-box, #top-banner, .header_bg, .header_img, #logo_area, .bannerWrp { display: none !important; height: 0 !important; padding: 0 !important; overflow: hidden !important; border: none !important; visibility: hidden !important; } table { margin-top: 0 !important; border-collapse: collapse !important; } /* --- 列表容器 --- */ .project-list-grid { display: flex; flex-wrap: wrap; /* 維持較寬的版面 (1300px),讓照片有空間展示 */ max-width: 1300px; margin: 0 auto; padding: 0 20px; gap: 30px; /* 電腦版間距 */ justify-content: center; } /* 2. 作品卡片特效 */ .project-card { transition: all 0.3s ease; cursor: pointer; text-decoration: none !important; display: block; background: #fff; box-shadow: 0 5px 15px rgba(0,0,0,0.05); /* 電腦版:維持 30% (一排 3 張) */ width: 30%; min-width: 300px; text-align: left; border-radius: 4px; overflow: hidden; position: relative; z-index: 10; } .project-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } /* ★ 電腦版設定:強制 4:3 比例 (橫式風景) ★ */ .project-img-box { width: 100%; height: auto; aspect-ratio: 4 / 3; /* 這裡控制電腦版的比例 */ overflow: hidden; margin-bottom: 0 !important; padding-bottom: 0 !important; display: block; pointer-events: none; } .project-img { transition: transform 0.6s ease; width: 100%; height: 100%; object-fit: cover; /* 確保填滿框框並裁切 */ display: block; vertical-align: bottom; } .project-card:hover .project-img { transform: scale(1.08); } /* 文字區域設定 */ .project-text-area { padding: 20px 25px; background-color: #fff; position: relative; z-index: 2; margin-top: 0; pointer-events: none; } .project-text-area span { display: block; margin-top: 0; margin-bottom: 5px; font-size: 12px; color: #c5a059; letter-spacing: 1px; font-weight: 600; } .project-text-area h3 { color: #222; font-size: 20px; margin: 5px 0 8px 0; letter-spacing: 1.5px; font-weight: 500; line-height: 1.4; } .project-text-area p { color: #888; font-size: 14px; margin: 0; } /* --- 手機版 RWD 調整 --- */ @media (max-width: 768px) { .project-list-grid { padding: 0 20px; gap: 0; } /* 手機版:維持單行顯示 */ .project-card { width: 100%; min-width: 0; margin-bottom: 40px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); } /* ★ 手機版關鍵修正:設定長寬比為 1:1 (正方形) ★ */ .project-img-box { height: auto; aspect-ratio: 1 / 1; /* 手機版強制變為正方形 */ } /* 文字區塊:維持緊貼優化 */ .project-text-area { /* 稍微減少負邊距以免蓋到圖片 */ margin-top: 0 !important; padding-top: 15px !important; padding-left: 25px; padding-right: 25px; padding-bottom: 30px; } } 精選作品 Selected Portfolio 全部作品 住宅空間 商業空間 MODERN 新民街 ‧ 靜謐之境 新北市淡水區|40坪 RESIDENTIAL 沐光 ‧ 靜域 蘆洲 黃公館 LUXURY 淬鍊 ‧ 本質 林口 福華謙禮 MODERN 流動 ‧ 恆久 林口 上品苑 LUXURY 靜謐 ‧ 歸真 景美 張公館 LUXURY 雅致 ‧ 餘韻 竹北 吳公館 MODERN 人文 ‧ 拾光 三峽 遠雄耶魯 ZEN 極簡 ‧ 純粹 淡水 鄭公館 OFFICE 理智 ‧ 境域 德菲行銷 ZEN 之行 ‧ 書院 之行書院 欣賞更多極境作品? 聯絡我們
https://www.formaveil.com/custom_140170.html 新民街 宋公館 新民街 宋公館 /* 1. 強制隱藏智邦系統預設刊頭 */ #banner, .banner, .header-banner, .banner-box, #top-banner, .header_bg, .header_img, #logo_area, .bannerWrp { display: none !important; height: 0 !important; padding: 0 !important; overflow: hidden !important; border: none !important; visibility: hidden !important; } table { margin-top: 0 !important; border-collapse: collapse !important; } /* 2. 圖片藝廊 RWD 設定 */ .gallery-container { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px; } .gallery-item { /* 電腦版預設:一列 3 張圖 (33%) */ width: calc(33.333% - 14px); height: 250px; overflow: hidden; position: relative; } .gallery-img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; } .gallery-item:hover .gallery-img { transform: scale(1.1); /* 滑鼠移過去圖片緩慢放大 */ } /* 手機版調整:變成一列 1 張圖 */ @media (max-width: 768px) { .gallery-item { width: 100%; height: auto; aspect-ratio: 4/3; /* 保持 4:3 比例 */ } } RESIDENTIAL PROJECT 光影敘事 ‧ 新民街寓所 以現代極簡為基調,引入自然光影的流動。透過材質的純粹性,展現空間最真實的樣貌。 從客廳的開闊視野到臥室的靜謐氛圍,每一個角落都訴說著關於居住者的生活故事。 預約諮詢
https://www.formaveil.com/custom_139982.html 空間之美 空間之美 /* 這裡寫一點點 CSS 讓滑鼠移過去有高級感 */ .project-card { transition: all 0.3s ease; cursor: pointer; } .project-card:hover { transform: translateY(-5px); /* 輕微浮起 */ box-shadow: 0 10px 20px rgba(0,0,0,0.08); } .project-img { transition: transform 0.5s ease; } .project-card:hover .project-img { transform: scale(1.05); /* 圖片微放大 */ } 精選作品 Selected Portfolio 全部作品 住宅空間 商業空間 RESIDENTIAL 大安 ‧ 靜謐之境 台北市大安區|45坪|現代極簡 RESIDENTIAL 信義 ‧ 光影流動 台北市信義區|60坪|人文輕奢 COMMERCIAL 極境 ‧ 概念辦公室 新北市板橋區|80坪|商空規劃 RESIDENTIAL 林口 ‧ 溫潤木居 新北市林口區|35坪|日式現代 COMMERCIAL 醫美診所 ‧ 極致美學 台北市中山區|120坪|診所設計 RESIDENTIAL 內湖 ‧ 現代雅寓 台北市內湖區|50坪|現代簡約 欣賞更多極境作品? 聯絡我們
https://www.formaveil.com/custom_139980.html 空間之美 空間之美 空間之美 極境之作 Extreme Realm Interior Design 預約諮詢 極致工藝,境由心生 家,不只是居住的容器,更是心靈的投射。極境室內設計擅長運用石材的冷冽與木質的溫潤,在線條流動之間,平衡理性與感性。為您在繁華都市中,闢出一處寧靜而大氣的專屬極境。 ❖ 住宅規劃 量身打造的私宅美學,兼顧機能與品味的極致展現。 ❖ 商業空間 強化品牌形象,創造高效能與美感兼具的場域。 ❖ 工程管理 嚴謹的工法要求與進度控管,確保設計完美落地。
https://www.formaveil.com/ 極境室內設計有限公司