精选 · 开放 · 免费
Tripolis Park
一个以大胆排版、富有表现力的3D视觉和简洁布局为定义的高端、生态意识工作园区。
PremiumEditorial3DCleanRefined
01
设计气质 DNA
高端生态意识园区前瞻精致
一个融合有机科技与结构极简主义的高端建筑作品集
02
色彩
#000000Ink
#FFFFFFBG
#E9EAEBBG soft
#F0E7EABG quiet
#808080Muted
rgba(0,0,0,1.0)Line
以高对比度单色为基础,搭配丰富、富有表现力的3D和渐变图像
03
字体
transitional-serif · humanist-sans
- display
47px · 500 - body
18px · 400
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
充足的留白和内边距,以强调高端建筑感
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
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是位于阿姆斯特丹的生态意识园区Tripolis-Park的高端建筑与房地产网站。其特点是干净、高对比度的单色基础(白色背景上的黑色墨迹),并以大型、富有表现力的3D有机图像和柔和渐变作为焦点。排版使用过渡衬线字体用于展示,人文主义无衬线字体用于正文。布局宽敞、不对称且具有编辑风格。关键颜色为#000000、#FFFFFF和#808080。关键禁忌:不要使用圆角UI组件,避免布局杂乱,不要使用低对比度文本。设计精致、前瞻,并依赖高质量视觉而非复杂的UI模式。
en · zh-CN · zh-TW · ja · ko