CURATED · OPEN · FREE

Danielsun

An expressive design portfolio using bold, oversized typography and vibrant yellow gradients.

PortfolioBold TypographyExpressiveStudioWeb3
Danielsun screenshot
↓ Download design system (24 MB)Open in OpenDesign

Visit: https://danielsun.space

📦 Browse pack contents →

01

Identity DNA

boldexpressivepersonablemodernhigh-contrast

A bold, high-contrast personal portfolio that uses massive typography and vibrant yellow gradients to create a strong, energetic presence.

02

Color

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

High-contrast palette dominated by stark black and white, punctuated by vibrant yellow gradients.

03

Typography

grotesque-sans · humanist-sans

Use extremely bold (900) weight for large display text. · Apply tight letter-spacing (negative) to large display sizes. · Reserve all-caps for massive display text.

04

Spacing

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

Base 4px grid with generous padding (32px, 40px) for sections.

05

Surfaces

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

None visible

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

Layout

1280container
12columns
24pxgutter
768 / 1024breakpoints

Full-width sections with center-aligned typography and generous vertical spacing.

07

Motion & Interaction

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

Smooth transitions for all interactive elements (all 592 elements have transition property).

Subtle brightness or scale changes on interactive elements. · Immediate visual feedback.

08

Components

09

Voice & Don'ts

10

Inside the pack — real screenshots

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 — 移动首屏
移动首屏

Captured from the live site · real computed styles

11

System prompt

This is a bold, expressive design portfolio for a SaaS and Web3 design partner. The design DNA is characterized by massive, ultra-bold typography (weight 900) in grotesque-sans categories, paired with a stark high-contrast palette of solid black (#000000) and white (#FFFFFF), punctuated by vibrant yellow gradients. The layout is spacious with generous padding and center-aligned sections. Critical don'ts: never use small or light typography; never use a muted, corporate color palette; never use flat, 2D icons for client work—always use glossy, 3D-styled elements. Avoid rigid, formal layouts in favor of expressive, full-width sections with massive text.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

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