精選 · 開放 · 免費

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