OpenDesign·你的设计资产库

网页参考

Omsom

充满活力、风格鲜明、毫不妥协的亚洲食品品牌,采用漫画美学。

BrandFood
Omsom 网站截图

01

设计气质 DNA

大胆响亮风味十足趣味盎然真实

一个大胆的漫画风格食品品牌,毫不掩饰地颂扬亚洲风味。

02

色彩

#FD5225Accent
#000000Ink
#FCF3DABG
#AC9F9FBG soft
#D69C8CBG quiet
rgba(0,0,0,1)Line

高饱和度的橙色与黄色点缀,搭配温暖、柔和的摄影与粉彩背景。

03

字体

display-serif · sans-serif

  • display64px · 500
  • headline42px · 500
  • body16px · 400

标题使用粗体、窄版的展示衬线字体。 · 正文使用简洁的无衬线字体。 · 频繁使用大写字母以示强调。

04

间距

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

章节间采用宽松间距,让大胆的视觉与字体得以呼吸。

05

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

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

图像周围采用细黑边框,提示信息则使用粗重的漫画风格星爆形状。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

全幅主视觉图像,后接产品实拍网格与编辑语录。

07

动效与交互

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

悬停状态的平滑过渡 · 滚动时的动态变换效果

光标变为指针;交互元素发生细微的缩放或颜色变化。 · 激活状态提供即时视觉反馈。

08

组件

  • button 粗体、大写的文本链接或纯色按钮。
  • card 产品包装以高质量摄影呈现,无严格边界框。
  • chip 漫画风格的星爆提示信息,搭配高对比度文本。
  • hero 全幅生活场景摄影,展现产品在真实环境中的状态,叠加醒目的星爆图形。

09

文案语气与禁用清单

  • 语气 自信、大胆、充满热情。
  • 标题风格 自豪 + 响亮
  • 按钮文案 直接且以行动为导向。
  • 不要以柔和的粉彩作为主色调——截图显示的是充满活力、高饱和度的橙色与黄色。
  • 不要为标题使用标准的几何无衬线字体——截图显示的是粗体、窄版的展示衬线字体。
  • 不要使用细微的投影——截图显示的是硬朗的漫画风格图形元素。
  • 不要采用极简布局——截图显示的是密集、富有表现力的图像与文本。
  • 不要避免使用大写文本——截图显示的是频繁使用大写字母进行强调。
  • 不要采用中性配色方案——截图显示的是温暖、充满活力的调色板。
  • 避免: 弱化风味特征
  • 避免: 使用过于企业化的语言
  • 避免: 在色彩上过于含蓄

10

包内真实截图

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

11

System Prompt

Omsom 是一个大胆、富有表现力的食品品牌,采用‘自豪 + 响亮’的美学来颂扬亚洲风味。设计采用高饱和度的橙色(#FD5225)与黄色点缀,搭配温暖的摄影与柔和的粉彩背景(如奶油色 #FCF3DA)。字体上,标题使用粗体、窄版的展示衬线字体,正文使用简洁的无衬线字体。关键禁忌:避免以柔和的粉彩作为主色调,避免为标题使用标准的几何无衬线字体,避免使用细微的投影,避免极简布局,避免仅使用小写文本,以及避免中性配色方案。整体感觉是趣味盎然、自信且充满能量。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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