精选 · 开放 · 免费

Danielsun

一个富有表现力的设计作品集，采用大胆、超大尺寸的字体和鲜亮的黄色渐变。

PortfolioBold TypographyExpressiveStudioWeb3
Danielsun 网站截图
↓ 下载设计系统包 (24 MB)在 OpenDesign 中打开

原站: https://danielsun.space

📦 浏览包内文件 →

01

设计气质 DNA

大胆富有表现力亲切现代高对比度

一个大胆、高对比度的个人作品集，运用巨大的字体和鲜亮的黄色渐变，营造出强烈而充满活力的存在感。

02

色彩

#000000Ink
#808080Ink soft
#FFFFFFBG
#F5F5F5BG soft
#A6A6A6Muted
rgba(0,0,0,0.12)Line

以鲜明的黑白为主导的高对比度色调，辅以鲜亮的黄色渐变。

03

字体

grotesque-sans · humanist-sans

为大型展示文本使用极粗（900）字重。 · 为大尺寸展示文本应用紧凑的字间距（负值）。 · 将全大写样式保留给大型展示文本。

04

间距

4px
8px
10px
16px
20px
24px
32px
40px
64px
96px

基于4px网格，版块拥有充裕的内边距（32px、40px）。

05

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

sm · 14px
md · 24px
lg · 80px
pill · 999px

无可见边框

0px 19px 8px 0px rgba(0, 0, 0, 0.3) · 0px 64px 128px 0px rgba(0, 0, 0, 0.25) · inset 0px 6px 6px 0px rgb(184, 184, 184)

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

全宽版块，采用居中对齐的排版和充裕的垂直间距。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

所有交互元素均采用平滑过渡（全部592个元素均具有transition属性）。

交互元素上的微妙亮度或缩放变化。 · 即时视觉反馈。

08

组件

09

文案语气与禁用清单

10

包内真实截图

Danielsun — 桌面首屏（hero）
桌面首屏（hero）
Danielsun — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Danielsun — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Danielsun — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Danielsun — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Danielsun — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Danielsun — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Danielsun — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Danielsun — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Danielsun — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Danielsun — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Danielsun — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Danielsun — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Danielsun — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Danielsun — 移动首屏
移动首屏

抓自真实页面 · 真 computed styles

11

System Prompt

这是一个为SaaS和Web3设计合作伙伴打造的、大胆且富有表现力的设计作品集。其设计DNA的特点是：在怪诞无衬线（grotesque-sans）类别下，使用巨大、超粗（字重900）的字体；搭配由纯黑（#000000）和白色（#FFFFFF）构成的鲜明高对比度色调，并辅以鲜亮的黄色渐变。布局宽敞，拥有充裕的内边距和居中对齐的版块。关键禁忌：绝不使用小号或细体字体；绝不使用柔和、企业化的色调；绝不在客户作品中使用扁平、2D的图标——必须使用光面、3D风格的元素。避免僵化、正式的布局，优先选择富有表现力、全宽且带有巨大文本的版块。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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