精选 · 开放 · 免费

Davejreid

为 UI/UX 与创意总监打造的精致作品集,强调排版与精心策划的影像。

PortfolioEditorialTypographyCurationPremium
Davejreid 网站截图
↓ 下载设计系统包 (32 MB)在 OpenDesign 中打开

原站: https://www.davejreid.com

📦 浏览包内文件 →

01

设计气质 DNA

作品集编辑式排版主导精心策划极简

一本展示设计作品的干净、高端杂志跨页。

02

色彩

#222222Ink
#F5F6F7BG
#999999Muted
rgba(34,34,34,0.1)Line

高对比度极简主义,使用中性画布让作品集影像脱颖而出。

03

字体

old-style-serif · humanist-sans

主要叙事元素与标题使用旧式衬线体。 · UI 元素与次要文本使用人文主义无衬线体。

04

间距

4px
8px
16px
24px
32px
48px
64px
80px
96px

主要章节之间留有大量垂直空白

05

表面 (圆角 / 阴影 / 边线)

sm · 6px
md · 6px
lg · 6px
pill · 999px

无边框或极其细微

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

大尺寸、全出血或宽幅影像,之间用大量垂直空白分隔。

07

动效与交互

220msmicro
400mssmall
600msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

hover 或过渡时的简单淡入

微妙的透明度变化或简单过渡。 · 即时导航。

08

组件

09

文案语气与禁用清单

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

这是一个为香港 UI/UX 与创意总监打造的精致编辑式作品集网站。设计 DNA 由高对比度极简主义定义,采用中性米白(#F5F6F7)背景与深炭灰(#222222)墨色。排版是视觉焦点,将用于展示文本的旧式衬线体与用于正文的人文主义无衬线体相搭配。关键禁忌包括:避免使用明亮强调色,避免使用厚重阴影或现代几何无衬线体,避免在空间不足时堆砌元素。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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