01
设计气质 DNA
高端生态意识园区前瞻精致
一个融合有机科技与结构极简主义的高端建筑作品集
02
色彩
#000000Ink#FFFFFFBG#E9EAEBBG soft#F0E7EABG quiet#808080Mutedrgba(0,0,0,1.0)Line以高对比度单色为基础，搭配丰富、富有表现力的3D和渐变图像
03
字体
- display
47px · 500 - body
18px · 400
04
间距
4px8px16px24px32px48px64px96px充足的留白和内边距，以强调高端建筑感
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
选用1px细实线边框，用于结构与强调
0 10px 30px rgba(0,0,0,0.1)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
干净的单栏或不对称布局，具有大量负空间和错位文本块
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.42, 0, 0.31, 0.99)easing
缓慢缓出过渡 · 类视差图像揭示
微妙的不透明度或变换偏移 · 通过变换提供即时视觉反馈
08
组件
- button 带箭头和下划线的文本链接，无背景容器
- card 极简，依靠大尺寸图像和排版建立层级，而非容器
- hero 全屏或大幅背景图像，叠加文本和几何点缀
09
文案语气与禁用清单
- 语气 前瞻、自信且高端
- 标题风格 简短、有力的短语，常带商标符号或几何点缀
- 按钮文案 带前导箭头的下划线文本
- 不要在卡片或按钮上使用圆角——截图显示清晰、锋利的边缘
- 不要用多个UI组件使布局杂乱——截图显示充足的留白
- 不要使用低对比度文本——截图显示高对比度的黑底白字或白底黑字
- 不要使用单一、主导性的高饱和度强调色——截图依赖图像提供色彩
- 不要使用俏皮或异想天开的排版——截图显示结构化的衬线与无衬线字体组合
- 不要使用拥挤、网格密集的布局——截图显示干净、不对称、宽敞的排列
- 避免: 杂乱的布局
- 避免: 低对比度文本
- 避免: 圆角UI组件
- 避免: 俏皮或异想天开的语言
- 避免: 拥挤的界面
- 避免: 过于企业化的行话
10
包内真实截图
11
System Prompt
这是位于阿姆斯特丹的生态意识园区Tripolis-Park的高端建筑与房地产网站。其特点是干净、高对比度的单色基础（白色背景上的黑色墨迹），并以大型、富有表现力的3D有机图像和柔和渐变作为焦点。排版使用过渡衬线字体用于展示，人文主义无衬线字体用于正文。布局宽敞、不对称且具有编辑风格。关键颜色为#000000、#FFFFFF和#808080。关键禁忌：不要使用圆角UI组件，避免布局杂乱，不要使用低对比度文本。设计精致、前瞻，并依赖高质量视觉而非复杂的UI模式。