精选 · 开放 · 免费

Omsom

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

brandfood
Omsom 网站截图
↓ 下载设计系统包 (18 MB)在 OpenDesign 中打开

原站: https://omsom.com

📦 浏览包内文件 →

01

设计气质 DNA

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

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

02

色彩

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

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

03

字体

display-serif · sans-serif

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

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

组件

09

文案语气与禁用清单

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

en · zh-CN · zh-TW · ja · ko