OpenDesign·你的设计资产库

网页参考

Hypertria

一个具有强烈编辑感的大胆、趣味品牌代理机构

AgencyBold TypographyEditorialStudioPremium

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

01

设计气质 DNA

前卫大胆趣味艺术感现代

一个实验性艺术画廊与高端品牌工作室的结合

02

色彩

#FF3333Accent
#000000Ink
#FFFFFFBG
#888888Muted
rgba(0, 0, 0, 0.1)Line

极简的单色基底,搭配一个高冲击力的红色点缀

03

字体

humanist-sans

  • display56px · 500
  • body18px · 400

标题使用大号、粗体的展示字体 · 正文使用简洁的人文主义无衬线字体 · 避免使用窄体或等宽字体

04

间距

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

基于网格的充足留白,形成清晰的视觉层次

05

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

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

纤薄、微妙的边框用于分隔

0 4px 6px rgba(0, 0, 0, 0.1)

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

非对称的编辑式网格,包含大尺寸图片区块

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

平滑、微妙的过渡 · 优雅的淡入效果 · 有趣、有目的的动画

微妙的尺寸与颜色变化 · 即时的视觉反馈

08

组件

  • button 粗体、圆角、高对比度的按钮
  • card 极简卡片,搭配强烈的排版
  • chip 药丸形状的标签,带有微妙边框
  • input 简洁、极简的输入框
  • hero 大型、具有冲击力的首屏区域,搭配粗体图像

09

文案语气与禁用清单

  • 语气 有趣、自信,且略带不羁
  • 标题风格 粗体、陈述式,且常常带有幽默感
  • 按钮文案 直接且以行动为导向
  • 避免使用柔和、低对比度的颜色——截图显示的是高对比度的黑、白、红
  • 避免使用小号、窄体的排版——截图显示的是大号、粗体、富有表现力的字体
  • 避免创建过于复杂的布局——截图显示的是清晰、基于网格的编辑式布局
  • 使用微妙、低调的设计——截图显示的是大胆、自信且富有表现力的视觉效果
  • 避免趣味、富有表现力的元素——截图显示的是趣味、艺术感的美学风格
  • 使用正式、企业化的语言——截图显示的是自信、不羁的语调
  • 避免: 正式或企业化的语言
  • 避免: 过于技术性的术语
  • 避免: 被动或弱势的措辞

11

System Prompt

这是一个具有强烈编辑感的大胆、趣味品牌代理机构网站。它采用极简的单色基底,搭配一个高冲击力的红色点缀。排版采用大号、粗体的人文主义无衬线字体,营造出自信且富有表现力的感觉。布局是非对称且基于网格的,包含大尺寸图片区块和充足的留白。语调有趣且自信。关键禁忌:避免柔和、低对比度的颜色;避免小号、窄体的排版;避免过于复杂的布局。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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