精選 · 開放 · 免費

Aura Bora

一個活潑、重度使用插畫的飲料品牌，運用大膽的輪廓字體與柔和淡彩，傳達天然、零卡路里的氣泡水形象。

01

設計氣質 DNA

一本關於自然風味、友善的插畫故事書。

02

色彩

在柔和、有機的淡彩色調上使用高對比的黑色輪廓，營造友善、平易近人的美學風格。

03

字型

grotesque-sans · monospace

• display120px · 800
• h180px · 800
• h232px · 800
• body17px · 400
• caption13px · 400

標籤與導覽元素使用大寫字母 · 展示型文字採用高度可變的字距調整

04

間距

以 8px 為基礎網格，搭配寬裕的 padding 來創造留白

05

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

1px solid black

6px 6px 0px rgba(0,0,0,1)

06

版面

置中的首頁區塊，左側為大型字體排版，右側為產品展示

07

動效與互動

滾動跑馬燈 · 按鈕的懸停縮放效果

縮放變換與背景顏色變化 · 細微的按下效果

08

組件

• button 圓角膠囊形狀，帶有黑色輪廓，背景為透明或實色
• card 圓角設計，配有粗黑色輪廓，常包含奇幻風格的插畫
• chip 帶有黑色邊框的簡潔文字
• input 帶有黑色邊框的圓角矩形欄位
• hero 分割式版面，結合巨型輪廓字體與產品插畫

09

文案語氣與禁用清單

• 語氣 友善、活潑且平易近人
• 標題風格 大膽、巨型、重度輪廓且大寫的標題
• 按鈕文案 清晰、簡潔的行動呼籲，採用膠囊形狀邊框

• 使用複雜的漸層 — 截圖顯示的是實色淡彩背景
• 使用纖細、精緻的線條 — 截圖顯示各處皆為粗厚的 1px 黑色輪廓
• 使用優雅的襯線字體 — 截圖顯示的是粗體、圓角的 grotesque 與 monospace 字體
• 使用深沉、陰鬱的色彩調性 — 截圖顯示的是明亮、通透的淡彩色
• 使用無邊框的圓角矩形 — 截圖顯示有明顯的黑色輪廓
• 使用雜亂的版面 — 截圖顯示寬裕的留白與聚焦的區塊
• 避免: 複雜的專業術語
• 避免: 冰冷美學
• 避免: 厚重的陰影

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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