精选 · 开放 · 免费

Alecbabala

一个极简的、单色蓝调个人作品集。

01

设计气质 DNA

一个沉浸在单一蓝光下的摄影师实体暗房，展示着照片样张。

02

色彩

严格的单色蓝，搭配白色文本以实现最大对比度和视觉焦点。

03

字体

monospace · sans-serif

• display16px · 400
• body14px · 400

04

间距

充裕的垂直韵律，带有较大的间距（55px、64px、96px）。

05

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

无可见边框。

06

布局

单列、居中布局。

07

动效与交互

文本与图片带有微妙的 hover 过渡效果。

悬停时文本颜色或不透明度变化。 · 导航链接。

08

组件

• button 无可见按钮。
• card 带有轻微蓝色调的图片卡片。
• chip 无可见标签。
• input 无可见输入框。
• hero 以姓名为主的简单文本页头。

09

文案语气与禁用清单

• 语气 直接、个人化且低调。
• 标题风格 全小写、等宽字体、短语式。
• 按钮文案 简洁的带下划线文本链接。

• 不要使用衬线字体——截图显示仅使用了等宽和无衬线字体。
• 不要使用多种背景色——截图显示全程使用单一纯色蓝色背景。
• 不要添加装饰性边框或阴影——截图显示为无边框的扁平化设计。
• 不要使用大写文本——截图显示所有文本均为小写。
• 不要使用复杂网格——截图显示为简单的单列居中布局。
• 不要使用鲜艳、高饱和度的强调色——截图显示为严格的蓝白配色。
• 避免: 正式语言
• 避免: 装饰性元素
• 避免: 鲜艳色彩

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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