精选 · 开放 · 免费
Omsom
充满活力、风格鲜明、毫不妥协的亚洲食品品牌,采用漫画美学。
brandfood
01
设计气质 DNA
大胆响亮风味十足趣味盎然真实
一个大胆的漫画风格食品品牌,毫不掩饰地颂扬亚洲风味。
02
色彩
#FD5225Accent
#000000Ink
#FCF3DABG
#AC9F9FBG soft
#D69C8CBG quiet
rgba(0,0,0,1)Line
高饱和度的橙色与黄色点缀,搭配温暖、柔和的摄影与粉彩背景。
03
字体
display-serif · sans-serif
- display
64px · 500 - headline
42px · 500 - body
16px · 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
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
Omsom 是一个大胆、富有表现力的食品品牌,采用‘自豪 + 响亮’的美学来颂扬亚洲风味。设计采用高饱和度的橙色(#FD5225)与黄色点缀,搭配温暖的摄影与柔和的粉彩背景(如奶油色 #FCF3DA)。字体上,标题使用粗体、窄版的展示衬线字体,正文使用简洁的无衬线字体。关键禁忌:避免以柔和的粉彩作为主色调,避免为标题使用标准的几何无衬线字体,避免使用细微的投影,避免极简布局,避免仅使用小写文本,以及避免中性配色方案。整体感觉是趣味盎然、自信且充满能量。
en · zh-CN · zh-TW · ja · ko