精选 · 开放 · 免费

Charlielemaignan

一个实验性的平面设计作品集，以巨大、富有表现力的字体和鲜明的高对比度调色板为定义。

01

设计气质 DNA

一位平面设计师的个人作品集，展示大胆、实验性的字体设计和充满活力、高对比度的视觉内容。

02

色彩

以高对比度单色为基础，通过作品集图像引入项目特定的鲜艳色彩。

03

字体

geometric-sans · neue-haas-grotesk

• display360px · 700
• heading40px · 700
• body20px · 400

04

间距

宽松的居中布局，留有大量空白以强调大型字体元素。

05

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

胶囊形按钮使用 2px 实线 #FFFFFF 边框，除此之外无边框。

06

布局

全宽、垂直堆叠的章节，内容居中，由一个大型主标志主导。

07

动效与交互

交互元素上的平滑过渡效果。 · 自定义光标动画。

交互元素在 0.3 秒内呈现平滑、微妙的过渡。 · 即时的视觉反馈。

08

组件

• button 胶囊形按钮，透明背景，白色边框和白色文字。
• card 项目卡片在网格中以大型、满幅图像或视频形式呈现。
• hero 一个巨大的、自定义字体的标志“Charlie”，作为主要视觉焦点。

09

文案语气与禁用清单

• 语气 实验性、大胆且高度个人化。
• 标题风格 巨大、字距紧密，且通常是自定义设计的展示字体。
• 按钮文案 简洁的胶囊形按钮，具有高对比度轮廓。

• 不要使用微妙色彩——截图显示高对比度的黑白色是主要调色板。
• 不要使用标准网络字体——截图显示高度定制、富有表现力的展示字体。
• 不要为按钮使用尖锐的角——截图显示一致的胶囊形（border-radius: 999px）导航元素。
• 不要让布局充斥着许多元素——截图显示稀疏、居中的布局，聚焦于单个大型视觉元素。
• 不要使用传统的网格布局——截图显示作品以满幅、垂直堆叠的方式呈现。
• 不要使用小而保守的字体——截图显示巨大、字距紧密的字体主导着视口。
• 避免: 通用或企业化的语言。
• 避免: 标准、缺乏灵感的字体。
• 避免: 杂乱或过于复杂的布局。
• 避免: 微妙或柔和的调色板。
• 避免: 传统的网格结构。

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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