/* ===== HOMEPAGE MINIMALIST (added 2026-08-06 Track A) ===== */ .hero-bg { position: absolute; inset: 0; background: url('/hero-bg.png') center/cover no-repeat; opacity: 0.08; pointer-events: none; z-index: 0; } .lead { font-size: clamp(14px, 1.4vw, 16px); text-transform: uppercase; letter-spacing: 0.18em; color: var(--charcoal); opacity: 0.5; margin-bottom: var(--s-3); } .hero-ctas { display: flex; flex-wrap: wrap; gap: var(--s-3); margin: var(--s-5) 0 var(--s-6); } .hero-bullets { list-style: none; padding: 0; margin: var(--s-5) 0 0; display: flex; flex-wrap: wrap; gap: var(--s-4); font-size: 14px; color: var(--charcoal); opacity: 0.85; } .hero-bullets li { display: inline-flex; align-items: center; gap: 6px; } .brief-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--s-5); margin-top: var(--s-6); } .brief-q { padding: var(--s-4); border: 1px solid var(--line); border-radius: var(--r-md); background: rgba(255,255,255,0.4); } .brief-output { grid-column: 1 / -1; padding: var(--s-5); background: var(--indigo); color: var(--oat); border-radius: var(--r-md); } .brief-output .output-label { font-weight: 700; margin-bottom: var(--s-2); font-size: 14px; opacity: 0.8; } .brief-output #brief-output { font-size: 16px; margin-bottom: var(--s-3); min-height: 24px; } .brief-output .actions { display: flex; gap: var(--s-3); flex-wrap: wrap; margin-top: var(--s-3); } .brief-output .output-meta { margin-top: var(--s-3); font-size: 12px; opacity: 0.65; } @media (max-width: 768px) { .brief-grid { grid-template-columns: 1fr; } } .scenario-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s-4); margin-top: var(--s-6); } .scenario { padding: var(--s-5); border: 1px solid var(--line); border-radius: var(--r-md); background: rgba(255,255,255,0.4); display: flex; flex-direction: column; } .scenario-tag { display: inline-block; padding: 4px 10px; background: var(--violet); color: var(--indigo); border-radius: 999px; font-size: 11px; font-weight: 700; letter-spacing: 0.1em; align-self: flex-start; } .scenario h3 { font-family: var(--font-display); font-size: 22px; margin: var(--s-3) 0 var(--s-2); line-height: 1.2; } .scenario p { color: var(--charcoal); opacity: 0.78; line-height: 1.55; flex-grow: 1; } .scenario-cta { display: inline-block; margin-top: var(--s-4); color: var(--indigo); font-weight: 600; text-decoration: none; } .scenario-cta:hover { text-decoration: underline; } @media (max-width: 768px) { .scenario-grid { grid-template-columns: 1fr; } } .chain { padding: var(--s-7) 0; } .value-chain { list-style: none; padding: 0; margin: var(--s-6) 0 var(--s-5); display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--s-3); counter-reset: chainstep; } .value-chain li { display: flex; flex-direction: column; align-items: center; text-align: center; padding: var(--s-4); border: 1px solid var(--line); border-radius: var(--r-md); background: rgba(255,255,255,0.4); } .value-chain .step-num { font-family: var(--font-display); font-size: 36px; font-weight: 600; color: var(--indigo); } .value-chain .step-name { margin-top: var(--s-2); font-size: 14px; font-weight: 600; } .chain-cta { margin-top: var(--s-5); text-align: center; } @media (max-width: 768px) { .value-chain { grid-template-columns: repeat(2, 1fr); } } .founder-card { display: grid; grid-template-columns: 160px 1fr; gap: var(--s-5); align-items: center; padding: var(--s-5); margin-top: var(--s-6); background: rgba(245,241,234,0.5); border-radius: var(--r-md); } .founder-photo { width: 160px; height: 160px; border-radius: 50%; object-fit: cover; } .founder-meta { font-size: 13px; text-transform: uppercase; letter-spacing: 0.15em; opacity: 0.65; margin-bottom: var(--s-2); } .founder-quote { font-family: var(--font-display); font-size: 22px; line-height: 1.4; margin: 0 0 var(--s-4); font-style: italic; } @media (max-width: 640px) { .founder-card { grid-template-columns: 1fr; text-align: center; } .founder-photo { margin: 0 auto; } } .cta-strip { padding: var(--s-8) 0; background: var(--indigo); color: var(--oat); margin-top: var(--s-7); } .cta-strip .section-title { color: var(--oat); } .cta-strip .section-title em { color: var(--violet); } .cta-strip .section-lede { color: var(--oat); opacity: 0.8; } .cta-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--s-3); margin-top: var(--s-6); } .cta-card { display: flex; flex-direction: column; align-items: flex-start; padding: var(--s-5); background: rgba(245,241,234,0.08); border: 1px solid rgba(245,241,234,0.15); border-radius: var(--r-md); color: var(--oat); text-decoration: none; transition: all 0.2s; } .cta-card:hover { background: rgba(245,241,234,0.15); transform: translateY(-2px); } .cta-icon { font-size: 28px; margin-bottom: var(--s-2); } .cta-card strong { font-family: var(--font-display); font-size: 18px; } .cta-card em { font-style: normal; opacity: 0.7; font-size: 13px; margin-top: 4px; } .cta-wa { background: #25D366; border-color: #25D366; color: #fff; } .cta-wa:hover { background: #1da851; } .cta-wa .cta-card strong, .cta-wa strong { color: #fff; } @media (max-width: 768px) { .cta-grid { grid-template-columns: repeat(2, 1fr); } }
✦ POD · 1-piece minimum · 大批量生產同樣接 · 確認稿前免訂金
More than a print shop.

設計 · 採購 · 生產 · 送達 · 電商整合 — end-to-end brand apparel hubs.

Concept to delivery, integrated hubs with global partners, connected to your e-commerce store — capital-light, pre-order validation before bulk production.

⚡ Get 3 design concepts in 60s → Already a client? Sign in →
⚡ QUICK BRIEF GENERATOR

60 秒講清楚你要咩，
我哋出 3 套提案

揀 4 樣嘢，我哋幫你打好 WhatsApp 訊息。唔使填表、唔使留 email。

1幾時要？DEADLINE
一星期內
2-4 星期
1-2 個月
2 個月以上
未定 / 長期供應
2你要做咩？PRODUCT
Polo
恤衫
T-shirt
衛衣 / 帽衫
針織
外套
配件周邊
3訂製到咩程度？CUSTOMIZATION
精選成衣 + 訂製工藝
半訂製
全訂製
想聽建議
4幾多件？QUANTITY
1 件試做
2-10 件
11-29 件
30-50
51-100
101-300
301-1000
1000+
按需要生產
你嘅需求摘要
揀上面嘅選項，我哋即時幫你 prefill WhatsApp 訊息 ↓ 0 / 4 已填
📱 送去 WhatsApp，收 3 套工藝提案
辦公時間 30 分鐘內回覆 · 附面料實物相 + 3 套排版 + 建議工藝
03 · CUSTOMER SCENARIOS

你係邊一種？

D2C 自家品牌 / Staff Casual Wear / 活動禮贈 — 三種客戶，三種解法。

D2C

品牌自家商品 · 網店代發

想賣自己品牌嘅衫，但唔想先落 500 件 + 租倉 + 日日執單。我哋由 1 件起 POD，但同一條生產線、同一個質素標準。

了解電商整合方案 →
UNIFORM

企業 · 會所Staff Casual Wear

前線同事日日著、日日洗。30-50 件補單 + 高規格面料 + ΔE ≤ 1.5 色差保證 — Staff Casual Wear 我哋當制服做。

看品質承諾 →
MERCH

活動周邊 · VIP 禮贈

送俾 VIP 客戶、董事會、周年紀念，唔可以有「贈品感」。POD 即印 · 逐件個人化 · 全球送達。

看 VIP 案例 →
04 · VALUE CHAIN

一般供應商只做第 3 步。

我哋全鏈 6 步，由第一筆 sketch 到第 50 次返單，一個 partner 走全程。

  1. 01設計
  2. 02採購
  3. 03生產
  4. 04送達
  5. 05電商整合
  6. 06返單
看流程細節 →
7+
年專業經驗 · Since 2018
100+
回頭客企業品牌
140GSM
面料規格起
ΔE ≤ 1.5
返單色差保證
Danny Chui — PERSON.TEES 創辦人
Danny Chui · 創辦人 · 自 2018
「由 1 件到 10,000 件都係同一個 partner。每件都重要，每個客都重要。」
🧪 索取 free sample kit →

傾下你個brief，今日覆。

多過 100 個品牌用緊。辦公時間 30 分鐘內回覆。WhatsApp 直接傾最快。

📱 WhatsApp 報價 30 分鐘內回覆 🏢 Showroom · 旺角 Rm D, 8/F, 18 Tong Mi Rd 📅 交期參考 按複雜度報價 💡 FAQ 14 條常見問題
📱 WhatsApp 諮詢 ⚡ 60 秒取得提案