精选 · 开放 · 免费
Al Murphy
建立在鲜艳贴纸式艺术作品网格上的趣味颠覆性插画作品集。
PlayfulExpressionGalleryPortfolioEditorial
01
设计气质 DNA
趣味颠覆插画波普艺术贴纸文化
颠覆流行文化的数字涂鸦贴纸书
02
色彩
#000000Ink
#f5f5f5BG
rgba(0, 0, 0, 0.1)Line
完全源自艺术作品的高对比度多色配色,以中性网格为背景。
03
字体
display-sans · humanist-sans
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
不规则
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
无
06
布局
1440container
12columns
768breakpoints
网格
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
交互元素显示手形光标 · 交互元素显示手形光标
08
组件
09
文案语气与禁用清单
- 勿使用僵化的企业网格——截图显示的是松散贴纸式拼贴布局。
- 勿依赖单一品牌强调色——截图显示艺术作品中鲜艳的多色配色。
- 勿使用传统UI组件如卡片或标签——截图显示的是连续的插画画布。
- 勿使用白色背景——截图显示浅灰色网格背景。
- 勿使用正式的衬线字体——截图显示趣味手绘风格字体。
- 勿使用投影或圆角营造深度——截图显示无UI阴影的平面插画。
- 避免: 企业化
- 避免: 正式
- 避免: 刻板
10
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
定位:趣味颠覆性插画作品集(al-murphy.com),在数字画布上展示贴纸式艺术作品。关键色彩:白色/浅灰色(#f5f5f5)背景,搭配源自艺术作品的鲜艳多色配色;墨色为黑色(#000000)。字体类别:标题使用display-sans,UI使用humanist-sans;实际字体为Arial/Helvetica。关键禁忌:1)勿使用僵化企业网格——采用松散有机的贴纸文化布局。2)勿限制配色范围——使用鲜艳多色的插画。3)勿使用标准UI组件如卡片或标签——让艺术本身成为主要界面。4)勿使用纯白背景——采用浅灰色网格。5)勿使用正式衬线字体——采用趣味休闲的无衬线字体。6)勿通过阴影或圆角增加深度——保持平面插画风格。
en · zh-CN · zh-TW · ja · ko