精選 · 開放 · 免費
Milieu Grotesque
一個策劃優質字型與設計字型鑄造廠的平台。
typefoundry
01
設計氣質 DNA
排版字型鑄造廠設計字體策展
一座為字型設計師打造的高端藝廊。
02
色彩
#1A73E8Accent
#1E242CInk
#576579Ink soft
#FFFFFFBG
#F4F4F4BG soft
#313945Muted
rgba(30,36,44,1.0)Line
在乾淨的淺色背景上使用高對比度深色文字，並以強烈的藍色作為互動元素的強調色。
03
字型
grotesque-sans · humanist-sans
- display
56px · 500 - heading
26px · 400 - body
13px · 400
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
統一使用 4px 的倍數作為 padding 與 margin 的節奏。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
使用主要墨色的 1px 實線邊框。
rgba(0, 0, 0, 0.06) 0px 1px 6px 0px · rgba(0, 0, 0, 0.16) 0px 2px 32px 0px
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
全寬主視覺區塊過渡至結構化的網格版面，用於內容卡片。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
所有互動元素皆採用流暢過渡 · 較大範圍的版面變動使用 0.5 秒時長
互動元素會有細膩的顏色或透明度變化。 · 提供即時反饋，無明顯縮放變形。
08
組件
- button 採用強調色的實色按鈕，具有藥丸形圓角與白色文字。
- card 以圖片為主的卡片，介面極簡，常採用全出血攝影圖像。
- chip 小型圓角標籤，用於篩選或分類。
- input 搜尋列，具有醒目的放大鏡圖示與「AI Search」行動呼籲。
- hero 大尺寸、具戲劇張力的攝影背景，疊加文字與高對比度排版。
09
文案語氣與禁用清單
- 語氣 專業、權威，且富有創意深度。
- 標題風格 粗體、乾淨，且常採用超大尺寸以展示字型特色。
- 按鈕文案 直接且以行動為導向，運用強烈的顏色對比。
- 勿使用圓潤、友善的圖示——截圖顯示的是銳利、幾何感的 UI 元素
- 勿濫用陰影效果——截圖顯示的是主要為平坦、乾淨的表面
- 勿使用多色彩虹調色盤——截圖顯示的是有節制的藍色與深色中性色方案
- 勿在 UI 中使用書法或裝飾性字體——截圖顯示的是嚴格的功能性無襯線字體
- 勿使用低對比度的灰色文字——截圖顯示的是高對比度的深墨色以確保可讀性
- 勿在文字後方使用雜亂的背景——截圖顯示的是乾淨的白色或實色深色區塊
- 避免: 嬉鬧或異想天開的語言
- 避免: 過於複雜的術語
- 避免: 雜亂的版面
- 避免: 不必要的裝飾元素
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
一個具有乾淨、編輯美感的精緻字型鑄造廠市集。關鍵色彩為墨色 #1E242C 搭配白色 #FFFFFF，並以藍色 #1A73E8 作為強調。排版採用 grotesque-sans 與 humanist-sans 字體類別。關鍵禁忌：避免使用異想天開的圖示、減少陰影使用、避免多色調色盤、嚴格使用功能性無襯線字體、確保文字高對比度，並維持乾淨背景以利閱讀。
en · zh-CN · zh-TW · ja · ko