OpenDesign·你的设计资产库

网页参考

Studioheed

一个独立设计工作室的极简作品集。

StudioCleanGridEditorialPortfolio

预览暂时不可用,请通过原站查看。

01

设计气质 DNA

独立设计工作室协作变革性

一个干净、深色的画廊,展示多样化的创意项目

02

色彩

#FFFFFFInk
#888888Ink soft
#111111BG
#666666Muted
rgba(255,255,255,0.1)Line

高对比度单色,色彩来源于项目图像

03

字体

geometric-sans

  • display32px · 700

导航和项目标题使用粗体 · 描述性正文使用常规字重 · 所有文本使用一致的几何无衬线字体

04

间距

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

一致的8px垂直节奏

05

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

sm · 4px
md · 8px
lg · 12px
pill · 999px

无可见边框;通过间距和颜色对比实现分隔

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

顶部导航左右分割,下方是3列项目网格

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

导航链接上细微的hover状态过渡 · 项目卡片hover时可能的图像缩放

文本链接出现下划线 · 标准页面导航

08

组件

  • button 仅文本导航链接,hover时带下划线
  • card 以图像为主的项目卡片,标题加粗,下方为柔和的分类文本
  • hero 基于文本的极简介绍,附工作室描述

09

文案语气与禁用清单

  • 语气 专业、自信、直接
  • 标题风格 简短、加粗的陈述
  • 按钮文案 通过导航链接隐式引导
  • 不要使用鲜艳的强调色——截图显示严格的单色调色板,唯一颜色来自内容图片
  • 不要使用衬线字体——截图显示所有排版均为几何无衬线字体
  • 不要添加装饰性边框或阴影——截图显示极简的表面处理和平面布局
  • 不要居中对齐正文——截图显示左对齐的文本块
  • 不要使用渐变背景——截图显示纯色深色背景
  • 不要使布局过于拥挤——截图显示元素间留有充足空白
  • 避免: 过于随意的语言
  • 避免: 过多的推广性文案
  • 避免: 复杂的术语

11

System Prompt

为极简设计工作室作品集设计的设计系统。深色主题,背景为#111111,文字为白色。全文使用几何无衬线字体,标题使用粗体,正文使用常规字重。简洁的12列网格布局,间距充足。项目卡片以图像为主,下方文本极少。无装饰性元素或强调色。关键禁忌:绝不使用衬线字体,避免彩色强调,绝不添加边框或阴影,保持左对齐,无渐变背景,保持充足间距。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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