精選 · 開放 · 免費

Fly By Jing

高品質的四川主食調料，搭配大膽、表現力強、毫不妥協的辛辣風格品牌設計。

01

設計氣質 DNA

一個充滿活力、風格強烈的街頭小吃攤位，透過優質包裝與現代 DTC 品牌形象進行提升。

02

色彩

高飽和度、受香料啟發的色系，運用鮮紅色、黃色與大膽的黑色來傳達風味與能量。

03

字型

grotesque-sans · transitional-serif

• display88px · 700
• heading44px · 700
• body22px · 400

所有主要導覽與操作標籤使用大寫字母 · 紅色背景上使用高對比的白色文字 · 維持緊湊、大膽的字體層級結構

04

間距

區塊內使用寬裕的垂直 padding（44px），讓大字體與攝影圖片能充分呼吸。

05

表面 (圓角 / 陰影 / 邊線)

rgb(204, 204, 204) 0px 0px 2px 2px

06

版面

全寬度主視覺區塊，採用居中字體或並列圖片/文字佈局，在行動裝置上轉換為堆疊式欄位。

07

動效與互動

互動元素上的顏色與 background-color 平滑過渡 · hover/click 時細微的縮放與變形效果

按鈕與連結上的顏色變化或細微背景位移。 · 透過細微的變形或狀態改變提供即時視覺回饋。

08

組件

• button 大寫粗體文字標籤，通常搭配藥丸形（大 border-radius）或矩形的高對比度背景。
• card 簡潔的容器，內部 padding 寬裕，常用於展示食物攝影。
• chip N/A
• input 簡約的文字輸入框，邊框細微。
• hero 沉浸式全版面背景色或大型產品攝影，搭配巨大、粗體、居中或左對齊的標題。

09

文案語氣與禁用清單

• 語氣 自信、大膽、具表現力且帶點趣味。
• 標題風格 簡短、有力、具命令語氣且視覺感強烈。
• 按鈕文案 直接、行動導向，且永遠使用大寫字母。

• 不要在標題使用細體或輕字重——截圖顯示所有主要標題皆使用厚實、700 字重的 grotesque-sans。
• 不要使用小巧、低調的字體——截圖顯示巨大、緊湊的展示型字體（88px 以上）。
• 不要依賴中性、單色的色盤——截圖以高飽和度的紅色（#E52228）與黃色（#FFCD35）為主導。
• 不要在展示型字體使用優雅、高對比的襯線字體——截圖使用粗體 grotesque-sans 作為標題字體。
• 不要在導覽使用標準大小寫——截圖顯示選單項目與分類連結皆為全大寫文字。
• 不要使用細薄的 1px 邊框作為主要分隔——截圖依賴實心、鮮豔的色塊來區隔。
• 避免: 細微或柔和的語言
• 避免: 小巧、精緻的字體
• 避免: 低調的色彩組合
• 避免: 複雜、多詞的標題
• 避免: 用於展示的草書或優雅襯線字體
• 避免: 缺乏大膽色彩的大量留白

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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