精選 · 開放 · 免費
Great Jones
為房地產投資者打造的高端物業管理平台。
homedtc
01
設計氣質 DNA
物業管理投資住宅專業機構
專注於住宅房地產的精品投資銀行機構。
02
色彩
#33755EAccent
#686868Ink
#0A253AInk soft
#F8F9F8BG
#FFFFFFBG soft
#002A45BG quiet
rgba(104, 104, 104, 1.0)Line
具信賴感的財務綠與中性灰，搭配攝影基調。
03
字型
transitional-serif · geometric-sans
- display
44px · 300 - body
16px · 300 - caption
12px · 400
標題採用襯線字體，介面與內文則使用無襯線字體。 · 導覽與按鈕文字採用大寫字距調整（1.4px）。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
120px
寬裕的垂直留白營造平靜、高質感的氛圍。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 0px
lg · 0px
pill · 999px
1px solid rgba(104, 104, 104, 1.0)
rgba(22, 22, 22, 0.2) 0px 16px 40px 0px
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
全版寬攝影主視覺搭配置中內容，過渡至雙欄網格。
07
動效與互動
100msmicro
150mssmall
200msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
background-color 0.15s ease-in-out · opacity 0.1s
背景色或色彩反轉，過渡時間 0.15 秒。 · 即時回饋，延遲極短。
08
組件
- button 幽靈按鈕與實心按鈕，採用大寫文字與微圓角設計。
- card 用於使用者角色選擇（屋主與住戶）的簡潔容器。
- hero 全版生活風格圖片，搭配深色半透明遮罩與襯線字體標題。
09
文案語氣與禁用清單
- 語氣 專業、可靠且精緻。
- 標題風格 強調成果與便利性的簡潔襯線字體標題。
- 按鈕文案 直接、大寫無襯線字體的行動號召，例如「開始使用」。
- 避免使用活潑或圓潤字體——截圖顯示的是結構化過渡襯線字體與幾何無襯線字體。
- 避免使用過於鮮豔的霓虹色彩——截圖顯示的是深綠與柔和灰的低調配色。
- 避免在版面中堆砌過多元素——截圖顯示的是寬裕留白與精簡文字。
- 避免使用深色模式——截圖顯示的是以白色與米白色為主的背景。
- 避免使用過於複雜的圖示——截圖顯示的是實心圓形內的簡潔白色線條圖示。
- 避免使用隨意的小寫行動號召——截圖顯示的是嚴謹大寫的「開始使用」。
- 避免: 過多驚嘆號
- 避免: 不必要的表情符號
- 避免: 模糊的術語
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是為房地產投資者設計的高端物業管理平台。設計採用深森林綠（#33755E）與米白色（#F8F9F8）的精緻配色，並以深海軍藍（#0A253A）增添層次。字型搭配方面，標題使用優雅的過渡襯線字體（Taviraj），介面則採用簡潔的幾何無襯線字體（Poppins）。版面設計簡潔寬敞，採用全版面攝影。嚴禁事項：請勿使用圓潤或氣泡感字體，避免鮮豔的霓虹色調，切勿以過多圖示或文字雜亂介面。維持專業、機構化的語調。
en · zh-CN · zh-TW · ja · ko