精選 · 開放 · 免費

Rijksmuseum

一個高級文化資產網站，透過具衝擊力的攝影與大膽的排版品牌，展示古典藝術。

01

設計氣質 DNA

一座聲譽卓著的國家美術館入口。

02

色彩

高對比單色調搭配單一暖色強調色，依賴攝影疊加層實現視覺豐富度。

03

字型

humanist-sans

• display120px · 700
• headline24px · 700
• body17px · 400

導覽與區塊標籤使用大寫 · 標題與主要操作使用粗體字重

04

間距

容器內保留充裕內距，讓攝影圖片得以充分呼吸。

05

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

極簡，通常僅在表單元素或細微分隔線上使用 1px 實線邊框。

06

版面

全版出血的首圖區塊搭配疊加文字，過渡至結構化的內容網格。

07

動效與互動

懸停時細微的背景尺寸過渡 · 內容載入時的淡入/淡出效果 · 互動狀態的平滑顏色過渡

背景顏色過渡與細微的背景尺寸縮放。 · 即時視覺回饋。

08

組件

• button 實色色塊搭配大寫文字，邊角銳利或略帶圓角。
• card 以圖片為主，文字直接疊加於攝影圖上。
• chip 小型大寫標籤，搭配實色背景。
• input 極簡的底線或細邊框輸入欄位。
• hero 大尺度全寬攝影圖，疊加大範圍的品牌排版。

09

文案語氣與禁用清單

• 語氣 權威、優雅且具吸引力。
• 標題風格 直接且具衝擊力，常使用大寫。
• 按鈕文案 以行動為導向、大寫且高度可見。

• 勿使用俏皮或圓體字體——截圖顯示的是結構化的人文無襯線字體。
• 勿使用多彩調色盤——截圖顯示的是由白色、黑色與單一橙色強調色組成的克制色盤。
• 勿使用裝飾性邊框或複雜陰影——截圖顯示的是平面、乾淨的表面風格。
• 勿使用小而擁擠的排版——截圖顯示的是大而清晰的文字搭配充裕間距。
• 勿使用抽象圖案——截圖顯示的是以高品質攝影影像作為主要視覺元素。
• 勿在導覽中使用小寫——截圖顯示的是大寫的導覽連結。
• 避免: 俚語
• 避免: 過度隨意的措辭
• 避免: 複雜的學術術語

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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