宏達 Well-Tec｜中小企無憂開工方案 — 影印機租賃 月費 $228 起
:root{
–ink:#111311;
–paper:#EDF0E9; /* pale sage body, per reference */
–paper-deep:#E2E7DC;
–black:#0B0B0A;
–white:#FAFAF7;
–accent:#E8611F; /* Well-Tec brand orange, sampled from logo */
–accent-dark:#BC4A12;
–line:rgba(17,19,17,.14);
–line-light:rgba(250,250,247,.16);
–mono:’IBM Plex Mono’,monospace;
–disp:’Archivo’, ‘Noto Sans TC’, sans-serif;
–body:’Noto Sans TC’,sans-serif;
–max:1180px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(–body);color:var(–ink);background:var(–paper);-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(–accent);color:var(–white)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
/* ———- utilities ———- */
.wrap{max-width:var(–max);margin:0 auto;padding:0 24px}
.eyebrow{font-family:var(–mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;gap:10px;justify-content:center}
.eyebrow::before,.eyebrow::after{content:””;width:26px;height:1px;background:currentColor;opacity:.4}
.h-xl{font-weight:900;font-size:clamp(38px,6.2vw,76px);line-height:1.12;letter-spacing:-.015em;text-align:center}
.h-xl .acc{color:var(–accent)}
.mono-tag{font-family:var(–mono);font-size:11px;letter-spacing:.14em;opacity:.55}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.6,.2,1),transform .8s cubic-bezier(.2,.6,.2,1)}
.reveal.on{opacity:1;transform:none}
.tick-strip{height:26px;background-image:repeating-linear-gradient(90deg,var(–line) 0 1px,transparent 1px 9px);opacity:.7;margin:0 24px}
/* ———- nav ———- */
nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px 28px;transition:background .35s,box-shadow .35s}
nav.dark-on{background:rgba(11,11,10,.82);backdrop-filter:blur(12px)}
nav.light-on{background:rgba(237,240,233,.88);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(–line)}
.logo{font-family:var(–disp);font-weight:700;font-size:18px;letter-spacing:-.01em;display:flex;align-items:center;gap:11px}
.logo img{height:48px;width:auto;display:block}
.nav-cta{font-family:var(–mono);font-size:12px;letter-spacing:.12em;border:1px solid currentColor;padding:10px 18px;transition:.25s}
.nav-cta:hover{background:var(–accent);border-color:var(–accent);color:var(–white)}
nav .logo, nav .nav-cta{color:var(–white)}
nav.light-on .logo, nav.light-on .nav-cta{color:var(–ink)}
/* ———- hero ———- */
.hero{background:var(–black);color:var(–white);min-height:100svh;display:flex;flex-direction:column;justify-content:center;position:relative;padding:110px 24px 0;overflow:hidden}
.hero::after{content:””;position:absolute;inset:0;background:radial-gradient(60% 45% at 50% 108%, rgba(232,97,31,.20), transparent 70%);pointer-events:none}
.hero .corner{position:absolute;font-family:var(–mono);font-size:11px;opacity:.45;letter-spacing:.12em}
.c-tl{top:104px;left:36px}.c-tr{top:104px;right:36px}.c-bl{bottom:26px;left:36px}
.hero-eyebrow{color:var(–white);opacity:.75;margin-bottom:26px;animation:fadeUp .9s .1s both}
.hero h1{font-weight:900;font-size:clamp(40px,7vw,86px);line-height:1.1;letter-spacing:-.02em;text-align:center;animation:fadeUp .9s .25s both}
.hero h1 .acc{color:var(–accent)}
.hero-sub{max-width:640px;margin:26px auto 0;text-align:center;font-size:clamp(15px,1.6vw,18px);line-height:1.9;color:rgba(250,250,247,.82);animation:fadeUp .9s .4s both}
.hero-cta-row{display:flex;gap:14px;justify-content:center;margin-top:38px;flex-wrap:wrap;animation:fadeUp .9s .55s both}
.btn{font-family:var(–body);font-weight:700;font-size:15px;padding:16px 34px;display:inline-flex;align-items:center;gap:10px;transition:.25s;letter-spacing:.02em}
.btn-solid{background:var(–accent);color:var(–white)}
.btn-solid:hover{background:var(–accent-dark);transform:translateY(-2px)}
.btn-ghost{border:1px solid rgba(250,250,247,.4);color:var(–white)}
.btn-ghost:hover{border-color:var(–white);background:rgba(250,250,247,.08)}
.badge-row{display:flex;gap:10px;justify-content:center;margin-top:30px;flex-wrap:wrap;animation:fadeUp .9s .7s both}
.badge{font-family:var(–mono);font-size:12px;letter-spacing:.1em;border:1px solid rgba(250,250,247,.28);padding:8px 16px;color:rgba(250,250,247,.85)}
.badge b{color:var(–accent);font-weight:500;margin-right:6px}
/* hero showroom photo — full bleed */
.hero-photo{margin:46px calc(50% – 50vw) 0;position:relative;z-index:1;animation:fadeUp 1s .8s both}
.hero-photo img{width:100%;height:clamp(300px,46vh,520px);object-fit:cover;object-position:center top;display:block;-webkit-mask-image:radial-gradient(120% 120% at 50% 45%,#000 55%,transparent 98%);mask-image:radial-gradient(120% 120% at 50% 45%,#000 55%,transparent 98%)}
.hero-photo figcaption{position:absolute;left:36px;bottom:20px;font-family:var(–mono);font-size:11px;letter-spacing:.16em;color:rgba(250,250,247,.55)}
.hero-marquee{position:relative;z-index:1;border-top:1px solid var(–line-light);margin-top:0;overflow:hidden;padding:16px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee-inner{display:flex;gap:64px;width:max-content;animation:scrollX 26s linear infinite;font-family:var(–mono);font-size:12px;letter-spacing:.22em;color:rgba(250,250,247,.5)}
@keyframes scrollX{to{transform:translateX(-50%)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
/* ———- light sections shared ———- */
section.light{padding:110px 0 90px}
.sec-head{margin-bottom:64px}
.sec-head .eyebrow{margin-bottom:22px}
.statement-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start;margin-top:70px}
.statement{font-size:clamp(20px,2.4vw,27px);font-weight:700;line-height:1.7;letter-spacing:-.01em}
.spec-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.spec .num{font-family:var(–disp);font-weight:700;font-size:clamp(30px,3.4vw,44px);letter-spacing:-.02em;line-height:1}
.spec .num small{font-size:.45em;font-weight:600;margin-left:2px}
.spec h4{font-size:14px;font-weight:700;margin:12px 0 8px}
.spec p{font-size:13px;line-height:1.8;opacity:.65}
.office-band{margin:80px 0 0;position:relative}
.office-band img{width:100%;height:clamp(260px,44vw,460px);object-fit:cover;object-position:center top;display:block;filter:saturate(.92)}
.office-band figcaption{font-family:var(–mono);font-size:11px;letter-spacing:.16em;margin-top:14px;opacity:.5;display:flex;justify-content:space-between}
/* ———- zero-risk numbered grid ———- */
.risk-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 70px;margin-top:20px}
.risk-item{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:34px 0 30px;border-top:1px solid var(–line)}
.risk-item .idx{font-family:var(–mono);font-size:11px;letter-spacing:.12em;padding-top:7px;opacity:.5}
.risk-item h3{font-size:clamp(19px,2vw,23px);font-weight:900;letter-spacing:-.01em;margin-bottom:10px}
.risk-item p{font-size:14px;line-height:1.85;opacity:.68;max-width:340px}
.risk-item h3 .k{color:var(–accent)}
/* ———- plans ———- */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:10px}
.plan{background:var(–paper-deep);padding:0;display:flex;flex-direction:column;position:relative;transition:transform .35s cubic-bezier(.2,.6,.2,1),box-shadow .35s}
.plan:hover{transform:translateY(-6px);box-shadow:0 24px 48px -24px rgba(17,19,17,.35)}
.plan .plan-visual{padding:44px 30px 10px;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}
.plan-photo{width:min(200px,70%);height:170px;object-fit:contain;margin:0 auto 18px;mix-blend-mode:multiply}
.plan.hot .plan-visual{background:#fff;color:var(–ink);padding-top:54px}
.plan.hot .plan-visual .plan-zh{opacity:.6}
.plan .plus{position:absolute;top:18px;right:18px;width:30px;height:30px;border-radius:50%;background:var(–ink);color:var(–white);display:flex;align-items:center;justify-content:center;font-family:var(–mono);font-size:14px}
.plan.hot .plus{background:var(–accent)}
.plan-name{font-family:var(–disp);font-weight:700;font-size:clamp(34px,3.6vw,46px);letter-spacing:-.03em;line-height:1;text-align:center}
.plan-zh{font-family:var(–mono);font-size:11px;letter-spacing:.22em;margin-top:10px;opacity:.55;text-align:center}
.plan-body{padding:26px 30px 34px;border-top:1px solid var(–line);margin-top:26px;display:flex;flex-direction:column;flex:1}
.price{display:flex;align-items:baseline;gap:6px}
.price .cur{font-family:var(–mono);font-size:13px}
.price .amt{font-family:’Archivo Black’,var(–disp);font-size:clamp(40px,4vw,54px);letter-spacing:-.02em;line-height:1}
.price .per{font-size:13px;opacity:.6}
.plan ul{list-style:none;margin:20px 0 26px;flex:1}
.plan li{font-size:13.5px;line-height:1.7;padding:9px 0;border-bottom:1px dashed var(–line);display:flex;gap:10px}
.plan li::before{content:”✓”;color:var(–accent);font-weight:700;font-family:var(–mono)}
.plan .btn{justify-content:center;background:var(–ink);color:var(–white);font-size:14px;padding:14px}
.plan .btn:hover{background:var(–accent)}
.plan.hot{background:var(–ink);color:var(–white)}
.plan.hot .plan-body{border-top-color:var(–line-light)}
.plan.hot li{border-bottom-color:rgba(250,250,247,.15)}
.plan.hot .btn{background:var(–accent)}
.plan.hot .btn:hover{background:var(–accent-dark)}
.hot-chip{position:absolute;top:18px;left:18px;font-family:var(–mono);font-size:10px;letter-spacing:.16em;background:var(–accent);color:var(–white);padding:6px 12px}
.plan-note{font-family:var(–mono);font-size:11px;letter-spacing:.06em;opacity:.5;margin-top:26px;text-align:center;line-height:1.9}
/* ———- comparison ———- */
.compare-wrap{overflow-x:auto;margin-top:10px;border:1px solid var(–line);background:var(–white)}
table{width:100%;border-collapse:collapse;min-width:680px}
th,td{padding:20px 22px;text-align:left;font-size:14px;border-bottom:1px solid var(–line);vertical-align:top}
thead th{font-family:var(–mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;border-bottom:2px solid var(–ink)}
td:first-child{font-weight:700;width:18%}
col.hl{background:rgba(232,97,31,.06)}
thead th.hl-h{color:var(–accent)}
td .good{color:var(–accent-dark);font-weight:700}
td .meh{opacity:.55}
tbody tr:last-child td{border-bottom:none}
/* ———- industries ———- */
.ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:10px}
.ind-card{border:1px solid var(–line);padding:34px 30px;background:var(–white);transition:.3s;position:relative}
.ind-card:hover{border-color:var(–ink)}
.ind-card .mono-tag{position:absolute;top:16px;right:20px}
.ind-card h3{font-size:20px;font-weight:900;margin-bottom:12px}
.ind-card p{font-size:13.5px;line-height:1.85;opacity:.68}
.ind-more{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;justify-content:center}
.ind-pill{font-family:var(–mono);font-size:12px;letter-spacing:.08em;border:1px dashed var(–line);padding:9px 18px;opacity:.75}
/* ———- faq ———- */
.faq{max-width:780px;margin:0 auto}
details{border-top:1px solid var(–line)}
details:last-child{border-bottom:1px solid var(–line)}
summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:56px 1fr 30px;align-items:center;gap:14px;padding:26px 4px;font-weight:700;font-size:16px}
summary::-webkit-details-marker{display:none}
summary .qi{font-family:var(–mono);font-size:11px;opacity:.45;letter-spacing:.1em}
summary .tog{font-family:var(–mono);font-size:18px;text-align:center;transition:transform .3s}
details[open] .tog{transform:rotate(45deg);color:var(–accent)}
details .ans{padding:0 4px 28px 70px;font-size:14.5px;line-height:2;opacity:.75}
/* ———- dark close ———- */
.close-sec{background:var(–black);color:var(–white);padding:150px 24px 0;text-align:center;position:relative;overflow:hidden}
.close-sec::before{content:””;position:absolute;inset:0;background:radial-gradient(50% 40% at 50% 30%, rgba(232,97,31,.14), transparent 70%);pointer-events:none}
.close-sec .h-giant{font-weight:900;font-size:clamp(56px,11vw,150px);line-height:1.06;letter-spacing:-.03em;position:relative}
.close-sec .h-giant .acc{color:var(–accent)}
.close-sub{margin:30px auto 0;max-width:520px;color:rgba(250,250,247,.75);line-height:1.9;font-size:15.5px;position:relative}
.close-cta{margin-top:40px;position:relative}
footer{margin-top:110px;border-top:1px solid var(–line-light);padding:46px 28px 90px;position:relative}
.foot-grid{max-width:var(–max);margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:44px;text-align:left}
.foot-grid h5{font-family:var(–mono);font-size:11px;letter-spacing:.18em;opacity:.5;margin-bottom:18px;font-weight:500}
.foot-grid p,.foot-grid a{display:block;font-size:13.5px;line-height:2.1;color:rgba(250,250,247,.75)}
.foot-grid a:hover{color:var(–accent)}
.foot-brands{font-family:var(–mono);font-size:12px;letter-spacing:.14em;color:rgba(250,250,247,.5);line-height:2.2}
.copyright{max-width:var(–max);margin:44px auto 0;font-family:var(–mono);font-size:11px;letter-spacing:.08em;color:rgba(250,250,247,.35);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
/* ———- sticky whatsapp ———- */
.wa-fab{position:fixed;right:20px;bottom:20px;z-index:60;background:#25D366;color:#fff;display:flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;font-weight:700;font-size:14.5px;box-shadow:0 14px 34px -10px rgba(0,0,0,.45);transition:.25s;animation:fabIn .6s 1.6s both}
.wa-fab:hover{transform:scale(1.05)}
.wa-fab svg{width:20px;height:20px;fill:#fff}
@keyframes fabIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
/* ———- responsive ———- */
@media(max-width:900px){
.statement-grid{grid-template-columns:1fr;gap:40px}
.spec-cols{grid-template-columns:repeat(3,1fr);gap:18px}
.risk-grid{grid-template-columns:1fr;gap:0}
.plans{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}
.ind-grid{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}
.foot-grid{grid-template-columns:1fr;gap:34px}
.c-tl,.c-tr{display:none}
summary{grid-template-columns:1fr 30px}
summary .qi{display:none}
details .ans{padding-left:4px}
}
@media(max-width:560px){
.spec-cols{grid-template-columns:1fr;gap:26px}
.machines{gap:8px}
.hero{padding-top:96px}
}
由 2005 年開始，宏達為香港中小企提供影印機租賃及保養服務。無隱藏收費，無硬性軟件加購，無總部式排隊維修。
20+年
香港本地經驗
2005 年成立，服務香港中小企至今，非短期促銷租機商。
1,000+
服務客戶
教育、物流、會計等各行業公司長期使用宏達方案。
14/FC
葵涌專屬展示室
租用前可預約親臨參觀及試機，無需單憑網上圖片判斷。
WELL-TEC · KWAI CHUNGSHOWROOM 14/F · EST. 2005
A01免按金方案
指定方案可以預付月費代替按金，無需凍結大額營運資金，簽約即可開工。
A02免個人擔保
以公司名義租賃，負責人無需個人承擔。條款清晰列明，絕不隱藏於細則之中。
A03全包上門保養
定期上門檢查、維修及清潔保養全部計入月費，不會臨時加收服務費。
A04碳粉零件全包
耗材及零件供應包含在方案內（紙張除外），整體成本一目了然。
A05WhatsApp 預約維修
香港本地技術團隊直接跟進，無需經總部工單系統長時間輪候。
A06按印量配對機型
根據實際印量及功能需要評估，無需為用不到的附加功能付費。
+
Lite
低用量 · 彩色影印機
HK$228/月
- 速度 20–25 張／分鐘
- 建議 1–10 人公司
- Ricoh 商用機型
- 全包保養＋碳粉零件
WhatsApp 查詢此方案
最受歡迎
+
Core
中用量 · 彩色影印機
HK$398/月
- 中用量月租方案
- 建議 15–25 人公司
- Ricoh 商用機型
- 全包保養＋碳粉零件
WhatsApp 查詢此方案
+
Max
高用量 · 彩色影印機
HK$498/月
- 高用量月租方案
- 建議 30 人以上公司
- Ricoh 商用機型
- 全包保養＋碳粉零件
WhatsApp 查詢此方案
＊實際機款、月費、合約期、包括印量及超額打印費按需要評估。紙張除外。
限時優惠：簽約送 3 個月月費，只限 20 台。
| 宏達 Well-Tec | 大品牌直營 | 平價租機商 |
|---|
| 入門月費 | $228 起，網上直接公開 | $388–$399 起，需填表索取報價 | $228–$238，但條款隱藏於細則 |
| 按金／擔保 | 指定方案以預付代替按金・免個人擔保 | 視乎合約，通常需企業審批 | 擔保要求隱藏於細則之中 |
| 保養範圍 | 上門檢查、維修、碳粉零件全包 | 基本保養，軟件服務另計 | 只重銷售，少談售後服務 |
| 維修響應 | WhatsApp 直接預約本地技術員 | 總部工單系統，輪候較慢 | 無明確承諾 |
| 軟件加購 | 按實際需要建議，絕不硬銷 | AI／文件管理套件硬性推銷 | 無提供 |
EDU教育機構
OfficeCare EDU：教材、試卷印量有高低，月費依然可以預算。按班級數目及考試週期配對機型，維修配合教學時間。
LOG物流運輸
運單、標籤、收據高頻印製。高印量機型配合耗材全包，出貨流程不會因影印設備故障而停頓。
ACC會計審計
財務報表、客戶合約屬機密文件。安全列印、使用權限功能按需要配置，審計高峰期無需輪候維修。
地產公司律師樓診所醫療建築公司保險公司零售後勤
Q01月費包括什麼？+
月費包括影印機租用、定期上門檢查、維修及清潔保養、碳粉及零件供應。紙張除外。不設臨時服務附加費。
Q02需要繳付按金或個人擔保嗎？+
視乎方案。指定方案可以預付月費代替按金，即無需另繳按金。所有方案均免個人擔保，以公司名義簽約即可，詳情由專人按需要說明。
Q03影印機故障，維修需要等多久？+
透過 WhatsApp 直接預約本地技術團隊上門，無需經總部工單系統輪候。維修部門專線：6489 8823。
Q04碳粉用完如何補充？+
碳粉屬方案包含項目，用完後透過 WhatsApp 通知我們安排補送，無需另行購買。
Q05合約期有多長？如何選擇機型？+
合約期及機型按貴公司的印量、人數及功能需要評估配對。我們不會推薦規格過高的機型，令你支付不必要的費用。
Q06可以先參觀真機再決定嗎？+
可以。歡迎預約到葵涌展示室（華星街 16-18 號保盈工業大廈 14 樓 C 室）親身試機。
WhatsApp 報價
// scroll reveals
const io=new IntersectionObserver(es=>es.forEach(e=>{if(e.isIntersecting){e.target.classList.add(‘on’);io.unobserve(e.target)}}),{threshold:.12});
document.querySelectorAll(‘.reveal’).forEach(el=>io.observe(el));
// nav theme swap: dark over hero + close section, light over body
const nav=document.getElementById(‘nav’);
const darkZones=[document.querySelector(‘.hero’),document.querySelector(‘.close-sec’)];
function navTheme(){
const y=window.scrollY+40;
const inDark=darkZones.some(z=>{const r=z.getBoundingClientRect();return r.top=40});
nav.classList.toggle(‘dark-on’,inDark);
nav.classList.toggle(‘light-on’,!inDark);
}
navTheme();addEventListener(‘scroll’,navTheme,{passive:true});
