精選 · 開放 · 免費
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