OpenDesign·你的设计资产库

网页参考

Leonidkostetskyi

一个强调粗体、几何感展示文字和充裕留白的字体型个人作品集。

PortfolioTypographyCleanRefinedStudio
Leonidkostetskyi 网站截图

01

设计气质 DNA

创意总监个人品牌极简主义字体驱动高端

高端设计工作室作品集或专著。

02

色彩

#472425Ink
#F2EFE9BG
#EAE7E1BG soft
#6B6B6BMuted
rgba(71, 36, 37, 0.1)Line

巨大的深棕色展示字体与温暖、有纹理的米白色背景之间形成高对比度。

03

字体

geometric-sans

  • display-hero165px · 400
  • display-large142px · 400
  • body-sm12px · 400

所有文本均为大写 · 展示文字使用紧凑字距(-3.3px 至 -4.125px) · 正文使用标准字距

04

间距

4px
8px
12px
16px
24px
32px
48px
64px
96px
225px

充裕的留白,各部分之间有巨大的垂直间距(225px 内边距)。

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

克制地使用细微的1像素边框,主要用于悬停状态或小型分隔线。

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

全屏、高对比度的字体英雄式布局,大块文本锚定在特定角落。

07

动效与交互

220msmicro
500mssmall
800msmedium
cubic-bezier(0.16, 1, 0.3, 1)easing

用于主题切换的平滑颜色和背景色过渡 · 交互元素的变换过渡

导航项下方出现虚线下划线。 · 平滑过渡到新的部分或状态。

08

组件

  • button 极简的文本链接,悬停状态为虚线下划线。
  • card 无传统卡片;内容以大型字体块形式呈现。
  • chip 用于主题切换的小型圆点。
  • input 在提供的截图中不可见。
  • hero 一个大型字体构成,使用两个大文本块('LEONID KOSTETSKYI' 和 'CREATIVE DIRECTOR')在屏幕上对角线平衡。

09

文案语气与禁用清单

  • 语气 自信、精致且低调。
  • 标题风格 巨大、大写、几何感的无衬线展示字体。
  • 按钮文案 小型、大写、等宽或无衬线文本链接。
  • 不要使用小写的展示文字——截图显示所有文本均为大写
  • 不要使用装饰性或手写体字体——截图显示为干净的几何感无衬线字体
  • 不要添加明亮或霓虹灯般的强调色——截图使用棕色和米白色的柔和单色调色板
  • 不要使用厚重的投影——截图显示为基于纹理的平面设计,无阴影
  • 不要使用包含多列的复杂网格布局——截图显示为宽敞、不对称的布局
  • 不要使用小而紧凑的字体——截图的展示尺寸巨大(最高达165像素)
  • 避免: 避免杂乱的布局或过多的图像
  • 避免: 避免明亮、高饱和度的强调色
  • 避免: 避免装饰性衬线字体
  • 避免: 避免投影或复杂渐变
  • 避免: 避免小写的展示文字
  • 避免: 避免居中的文本块

10

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

这是一个高端创意总监作品集网站,其特点是巨大的几何感无衬线字体和极简、高对比度的调色板。设计采用温暖的米白色背景(#F2EFE9)搭配深棕色墨水(#472425),营造出精致、低调的外观。布局依赖于极端的留白和大字体块,而非图像。导航通过带有细微虚线下划线的小型大写文本链接处理。关键约束:保持所有文本大写,避免高饱和度强调色,并保持展示字体的巨大比例。不要引入杂乱的网格、装饰性字体或复杂渐变。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。