精選 · 開放 · 免費
Cereal
一個由廣闊留白與精準、低調排版定義的極簡編輯風格網站。
editorialmagazine
01
設計氣質 DNA
極簡編輯風格精緻奢華生活風格
一本高端生活風格雜誌,其數位呈現極度克制而優雅。
02
色彩
#2A2A2AInk
#F5F2EEBG
#888888Muted
rgba(0, 0, 0, 0.12)Line
溫暖的米白色背景搭配近乎黑色的文字;無鮮明的強調色。
03
字型
geometric-sans
- display
14px · 400 - body-sm
12px · 400
標誌使用寬鬆的字間距 · 導覽列為小型、全大寫且間距分明 · 無可見的粗體或特粗字重
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
採用慷慨的留白,並搭配固定的頂部導覽列。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
一條1px的水平分隔線劃分標題區與空白的主體區。
06
版面
1440container
12columns
24pxgutter
768 / 1024breakpoints
全寬標題區,包含靠左對齊的標誌與靠右對齊的極簡導覽列。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
靜態截圖中無任何動畫或動態效果。
導覽連結有細微的透明度變化。 · 標準的連結行為。
08
組件
- input 搜尋功能以文字標示,但無可見的輸入欄位。
- hero 標題下方一片完全空白、廣闊的米白色區域。
09
文案語氣與禁用清單
- 語氣 沉靜、自信且低調。
- 標題風格 間距分明、全大寫的無襯線字體。
- 按鈕文案 以極簡的文字連結取代顯眼的按鈕。
- 勿使用鮮豔、飽和的色彩——截圖顯示為溫暖的米白色調。
- 勿使用粗體或特粗字重——截圖僅顯示輕或標準字重。
- 勿建立密集、複雜的佈局——截圖顯示廣闊的空白留白。
- 勿使用裝飾性陰影或圓角——截圖顯示銳利邊緣與平面表面。
- 勿使用顯眼的行動呼籲按鈕——截圖僅顯示極簡的文字連結。
- 勿以內容填滿頁面——截圖顯示幾乎完全空白的主體區域。
- 避免: 鮮豔色彩
- 避免: 粗重排版
- 避免: 視覺雜亂
- 避免: 密集資訊佈局
- 避免: 裝飾性元素
11
System Prompt
這是一個用於生活風格雜誌的超極簡編輯風格網站。它採用溫暖的米白色 (#F5F2EE) 背景與近乎黑色 (#2A2A2A) 的文字。排版使用幾何無襯線字體,並搭配寬鬆的字間距,尤其用於全大寫的標誌。佈局以廣闊留白為主導,一條水平分隔線將標題區與內容區域分開。關鍵禁忌:勿使用鮮豔或飽和的強調色;勿使用粗重或特粗字重;勿建立密集或雜亂的佈局;勿使用顯眼的按鈕式行動呼籲;勿為元素添加圓角或陰影。
把這份品味接進你的 Agent
把這套設計的機器可讀規格——色彩、字體、動效,整套 DNA——直接交給你的 AI Agent。
OpenDesign 技能 ↗
en · zh-CN · zh-TW · ja · ko