01
设计气质 DNA
物业管理投资住宅专业机构
住宅房地产领域的精品投行。
02
色彩
#33755EAccent#686868Ink#0A253AInk soft#F8F9F8BG#FFFFFFBG soft#002A45BG quietrgba(104, 104, 104, 1.0)Line值得信赖的金融绿与中性灰，并以摄影画面为基底。
03
字体
- display
44px · 300 - body
16px · 300 - caption
12px · 400
衬线字体用于高冲击力标题，无衬线字体用于界面与正文。 · 导航与按钮文本采用大写字距调整（1.4px）。
04
间距
4px8px16px24px32px48px64px96px120px充足的垂直留白营造平静与高端质感。
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.15s。 · 最小延迟的即时反馈。
08
组件
- button 幽灵按钮与实体按钮，文本大写，带轻微圆角。
- card 用于用户角色选择（业主/住户）的简洁容器。
- hero 全出血生活方式图片，配深色半透明覆盖层与衬线标题。
09
文案语气与禁用清单
- 语气 专业、可靠、精致。
- 标题风格 简洁的衬线标题，强调成效与便捷。
- 按钮文案 直接的大写无衬线指令，如‘立即开始’。
- 不要使用俏皮或圆润字体——截图显示为结构化的过渡衬线字体与几何无衬线字体。
- 不要使用鲜艳的霓虹色——截图显示为深绿与柔和灰的克制配色。
- 不要用过多元素使布局拥挤——截图显示为充足留白与极简文字。
- 不要使用深色模式——截图显示为以白色和米白为主的背景。
- 不要使用过于复杂的图标——截图显示为实心圆形内的简洁白色线条图标。
- 不要使用随意的小写行动号召——截图显示为严格的‘立即开始’大写形式。
- 避免: 过多感叹号
- 避免: 不必要的表情符号
- 避免: 模糊的行话
10
包内真实截图
11
System Prompt
这是一个面向房地产投资者的高端物业管理平台。设计采用深森林绿（#33755E）与米白（#F8F9F8）的精致配色，并以深海军蓝（#0A253A）增加层次。字体组合使用优雅的过渡衬线字体（Taviraj）作为标题，搭配简洁的几何无衬线字体（Poppins）用于界面。布局简洁宽敞，以全出血摄影为特色。关键禁忌：不要使用圆润或气泡字体，避免明亮的霓虹色点缀，绝不要用过多图标或文字使界面杂乱。保持专业、机构的格调。