精选 · 开放 · 免费

Tripolis Park

一个以大胆排版、富有表现力的3D视觉和简洁布局为定义的高端、生态意识工作园区。

PremiumEditorial3DCleanRefined
Tripolis Park 网站截图
↓ 下载设计系统包 (20 MB)在 OpenDesign 中打开

原站: https://www.tripolis-park.com

📦 浏览包内文件 →

01

设计气质 DNA

高端生态意识园区前瞻精致

一个融合有机科技与结构极简主义的高端建筑作品集

02

色彩

#000000Ink
#FFFFFFBG
#E9EAEBBG soft
#F0E7EABG quiet
#808080Muted
rgba(0,0,0,1.0)Line

以高对比度单色为基础,搭配丰富、富有表现力的3D和渐变图像

03

字体

transitional-serif · humanist-sans

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

组件

09

文案语气与禁用清单

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

这是位于阿姆斯特丹的生态意识园区Tripolis-Park的高端建筑与房地产网站。其特点是干净、高对比度的单色基础(白色背景上的黑色墨迹),并以大型、富有表现力的3D有机图像和柔和渐变作为焦点。排版使用过渡衬线字体用于展示,人文主义无衬线字体用于正文。布局宽敞、不对称且具有编辑风格。关键颜色为#000000、#FFFFFF和#808080。关键禁忌:不要使用圆角UI组件,避免布局杂乱,不要使用低对比度文本。设计精致、前瞻,并依赖高质量视觉而非复杂的UI模式。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

en · zh-CN · zh-TW · ja · ko