精选 · 开放 · 免费

Guste

一个专注于平面设计与插画服务的工作室作品集，强调大胆的线条艺术和精选的艺术收藏。

01

设计气质 DNA

一个展示大胆、趣味、插画风格创意作品的数字画布。

02

色彩

高对比度的黑白配色，搭配用于交互元素的独特功能性色板。

03

字体

geometric-sans

• display32px · 400
• body16px · 400

所有导航和标签文本均为大写。 · 统一使用几何无衬线字体家族。 · 大部分文本元素采用常规字重（400）。

04

间距

采用标准的4px网格，区域容器拥有宽裕的64px内边距。

05

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

所有主要容器和区域均由实心2px黑色边框定义。

06

布局

方正的、基于网格的布局，各部分由醒目的2px黑色边框分隔。

07

动效与交互

悬停状态和交互元素采用平滑过渡。

交互元素上光标指针变化。 · 通过光标变化（图片上为放大镜图标）提供视觉反馈。

08

组件

• button 用于主要操作（如 CONNECT）的圆形描边按钮。
• card 基于网格展示艺术作品图片，无边框。
• chip 用于选择的、水平排列的颜色色块。
• hero 大型、交互式的线条艺术插画，带有颜色选择工具。

09

文案语气与禁用清单

• 语气 直接、专业且富有创意。
• 标题风格 清晰、描述性的句子，采用首字母大写格式。
• 按钮文案 行动导向且大写（例如，CONNECT、STORE）。

• 不要使用投影效果——截图显示的是平面、由边框定义的表面
• 不要在容器上使用圆角——截图显示的是锐利、0px圆角的方框
• 不要使用渐变背景——截图显示的是纯白色或浅灰色
• 不要使用第三种字体作为强调——截图显示一致使用单一几何无衬线字体
• 不要使用微妙的1px边框——截图显示的是醒目的2px黑色边框
• 不要在首屏区域使用多栏文本块——截图显示的是单一的大型标题
• 避免: 过于企业化的行话
• 避免: 杂乱的布局
• 避免: 喧闹或霓虹的强调色

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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