風格庫｜同屏對比

圖都是實際做完的結果，不是別人網站的截圖。點圖看完整樣張；展開「系統提示詞」整段複製貼給 Claude。做完記得到 used.md 登記，最近三個案子用過的方向不要再用。

老派報刊 letterpress顧問、律師、出版、寫作服務、品牌故事頁。要「有份量、可信、不花俏」的時候。

系統提示詞

【風格：老派報刊 letterpress】
字體：標題 Playfair Display 700（英數）搭 Noto Serif TC；內文 Noto Serif TC 300。不得使用任何無襯線字體當主體。
色票：紙色 #f6f2e8 底、墨色 #17150f 字、磚紅 #8c2f22 只用在一兩個重點（斜體字、引言左線）。不加第四個顏色。
版式：單欄置中，最大寬度 62rem。頂部用「上粗下細」兩條規則線夾一行小字當報頭（字距 .3em、全大寫）。
主標超大（clamp 2.6rem→5rem）、行高 1.04、字距 -.02em，其中一行用斜體＋磚紅做轉折。
引言段落靠左、加 2px 磚紅左邊線。下方用「等分欄位＋欄間細直線」排 3 欄，欄標題小字全大寫字距 .26em，每欄開頭放一個襯線大數字。
留白：段落行高一律 1.95 以上，寧可長也不要擠。
禁止：圓角、陰影、漸層、emoji、卡片化。分隔只能用 1px 實線。

瑞士網格 swiss科技、顧問、B2B、作品集。要「理性、精準、專業」而且資訊量大的時候。

系統提示詞

【風格：瑞士網格 swiss】
字體：標題 Archivo Black（英數）搭 Noto Sans TC 700；內文 Noto Sans TC 400。不用襯線體。
色票：純白底、#111 字、單一正紅 #e3000f 當唯一強調色、#8c8c8c 當次要資訊。嚴禁第四色與任何漸層。
版式：**真的用 12 欄網格**，`display:grid;grid-template-columns:repeat(12,1fr);gap:1px`，用 1px 間隙＋淺灰底色做出格線感（每格自己填白底）。
主標佔 1–9 欄、副資訊佔 9–13 欄並靠底對齊；下方資訊卡一律 span 4。
主標行高 .98、字距 -.03em，其中一個詞用正紅。段落用 6px 純紅橫條分段。
小標全大寫、字距 .1em、紅色。
手機版所有格子改成整行。
禁止：圓角、陰影、漸層、插圖、emoji、置中對齊的大段文字。一切靠左、靠格線。

暗色工程 terminal開發工具、API 服務、資料儀表板、技術型產品。要「給工程師看的、可信、有資料感」。

系統提示詞

【風格：暗色工程 terminal】
字體：全站 JetBrains Mono，中文落到 Noto Sans TC；基準字級壓到 14px。長段中文改用 Noto Sans TC 以免難讀。
色票：底 #0b0d10、面板 #11151a、線 #1f2730、字 #c9d4df、次要 #64748b、螢光綠 #4ade80 只用在狀態與指標。
版式：最上面做「分頁標籤」（只有一個 on 的是亮的），主標前面加 `$ ` 提示符號。
內容主體用「面板」：1px 邊框＋深一階底色＋面板標題列（左標題右時間）。資料用一行一列、左側鍵名螢光綠、右側值。
數據區用 grid gap:1px 做出表格線感。
所有數字都要像真的監控面板（成功率、延遲、次數），不要寫行銷話術。
禁止：圓角大於 2px、陰影、漸層、插圖、emoji、置中。

柔霧奶油 cream手作、甜點、美容、親子、生活品牌、小店。要「溫和、靠近、想摸摸看」。

系統提示詞

【風格：柔霧奶油 cream】
字體：標題 Fraunces 700（有襯線、帶一點圓潤）搭 Noto Sans TC；內文 Noto Sans TC 300。
色票：奶油底 #f7f0e6、卡片 #fffdf9、字 #4a403a、次要 #a1897a、腮紅 #d98c76 用在標籤與小圓點。整體低彩度、暖調。
版式：單欄、最大 60rem。開頭放一個膠囊狀小標籤（腮紅底白字、圓角 999px）。
主標行高 1.18，分兩行，口語而具體——寫「剛好吃得完的份量」這種句子，不要寫「嚴選頂級食材」。
卡片：圓角 22px、極淡陰影 `0 10px 30px rgba(74,64,58,.07)`、卡內放一個半透明圓點當裝飾。
行高一律 2.0 以上，讓它鬆。按鈕是深色膠囊。
文案規則：像店主本人在講話，短句，承認限制（「賣完就收」）。
禁止：漸層、emoji、粗黑體、高彩度、任何「專業・品質・用心」這類空話。

粗獷海報 brutal活動、展演、潮流、音樂、年輕受眾。要「吵、搶眼、一眼記得住」。

系統提示詞

【風格：粗獷海報 brutal】
字體：標題 Anton（極粗窄體）搭 Noto Sans TC 900；內文 Noto Sans TC 400。
色票：螢光黃 #f2e500 當底、純黑字、電光藍 #1b31ff 當第二塊。只有這三色，不調淡、不加透明度。
版式：主標要**非常大**（clamp 3.2rem→11rem）、行高 .82，刻意讓第二行往右縮排（margin-left 到 9rem），其中一個詞做黑底黃字反白。
中間放一條藍底黑框的橫幅，**旋轉 -1.2deg**。下方方塊各自旋轉 ±1deg，故意不對齊。
所有框線一律 4px 純黑實線。
文案規則：短、直、帶態度，寫實際規則（「現場只收現金」「收攤看老闆心情」），不要形容詞。
禁止：圓角、陰影、漸層、細字重、置中對稱、任何柔和的東西。

東方留白 oriental茶、文創、中醫、書店、傳統工藝、中文內容平台。要「靜、有文化感、不媚俗」。

系統提示詞

【風格：東方留白 oriental】
字體：全站 Noto Serif TC，內文用 200 字重（極細）、標題 700。中文為主，不夾英文。
色票：米紙 #eae4d9 底、墨 #1c1b19 字、朱紅 #9e3b31 只用在印章框與序號。內文用 50% 透明的墨色，讓它退後。
版式：單欄靠左，最大 64rem。左側畫一條極淡的垂直細線貫穿整頁（1px、14% 透明度）。
右上角放一行**直書**小字（`writing-mode:vertical-rl`、字距 .5em）當年份或節氣。
標題上方放一個朱紅細框的方形「印章」小標（兩個字、字距 .3em）。
主標行高 1.5、字距 .08em——中文標題要鬆，不要壓行高。
內文行高 2.5，寬度限制在 30rem 以內。
清單用「其一／其二／其三」當序號（朱紅、字距 .24em），上下用極淡細線分隔。
禁止：圓角、陰影、漸層、emoji、英文標題、高飽和色、任何擁擠的排版。留白是主角。

風格庫 · 同屏對比