OpenDesign·你的设计资产库

网页参考

Fora Concept

一家精品战略与传播机构,强调大胆的字体设计和精心策划的布局。

AgencyEditorialCurationPremiumStudio

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

01

设计气质 DNA

战略传播营销活动概念奥地利

具有编辑风格的高端设计机构作品集

02

色彩

#A65A43Accent
#000000Ink
#333333Ink soft
#FFFFFFBG
#F1E5F0BG soft
#F5F5F5BG quiet
#666666Muted
rgba(0, 0, 0, 0.1)Line

高对比度,搭配大胆、土质感的色块点缀

03

字体

transitional-serif · humanist-sans

  • display120px · 400
  • heading32px · 500
  • body16px · 400

混合使用高对比度衬线字体与简洁的无衬线字体 · 为大尺寸展示文本使用紧凑的字间距 · 确保正文文本具有高度可读性

04

间距

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

基于网格,具有清晰的垂直区块划分

05

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

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

无可见边框,依靠色块和留白进行区分

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

非对称三栏网格,包含大型图像区块

07

动效与交互

200msmicro
300mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

链接上细微的hover状态

文本下划线或细微的颜色变化 · 即时响应

08

组件

  • button 极简风格,通常仅为文本搭配一个细微的箭头图标
  • card 通过背景色和图像定义的内容区块
  • chip 带有前置圆点的小型药丸形标签
  • hero 分屏布局,一侧为巨大的标志,另一侧为文本

09

文案语气与禁用清单

  • 语气 专业、富有创意且略带非常规
  • 标题风格 加粗,通常混合使用衬线和无衬线字体
  • 按钮文案 低调、富有吸引力
  • 避免使用过于明亮或霓虹色——截图显示的是柔和、土质感的配色。
  • 避免对所有文本使用标准无衬线字体——截图显示标志使用了醒目的衬线字体。
  • 避免将所有文本居中对齐——截图显示了多种对齐方式。
  • 避免使用厚重的盒子阴影——截图显示的是平面的、色块化的表面。
  • 避免使用标准导航栏——截图显示的是底部极简或隐藏式菜单。
  • 避免使用复杂的装饰元素——截图依赖于大胆的字体设计和摄影图像。
  • 避免: 通用企业术语
  • 避免: 杂乱的布局
  • 避免: 过于激进的销售语言

11

System Prompt

This site is a boutique agency portfolio for a Vienna-based strategy and communication firm. It features a stark white background with high-contrast black typography and a distinct earthy brown accent block. The typography pairs a large transitional-serif for the brand identity with a clean humanist-sans for body text. Key colors are #FFFFFF, #000000, and #A65A43. The layout is an asymmetric grid with large photographic and color-blocked sections. Avoid overly bright colors, standard centered layouts, and heavy shadows; focus on bold typography, curated imagery, and intentional whitespace.

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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