精選 · 開放 · 免費

Unlirice Ooo

高度實驗性且具表現力的攝影作品集，摒棄傳統網格，採用動態浮動構圖。

01

設計氣質 DNA

記憶碎片的浮動數位拼貼

02

色彩

嚴格的單色調UI，讓彩色攝影內容成為焦點，避免視覺競爭。

03

字型

geometric-sans · humanist-sans

• display160px · 400
• heading28px · 400
• body16px · 400

使用巨大、超大尺寸的字體來錨定浮動混亂的元素。 · 幾乎所有元素維持嚴格的字重400（Regular），以保持乾淨、靜謐的基線。 · 避免裝飾性或斜體文字，以維持極簡、粗野主義的美學。

04

間距

不規則

05

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

無

06

版面

流動、非網格的畫布，元素透過絕對定位或CSS變形放置，營造浮動效果。

07

動效與互動

長而平滑的 opacity 轉場（2秒）用於元素顯現 · 互動狀態變化採用 cubic-bezier 緩動 · 持續的細膩浮動或視差移動

元素可透過游標指標改變狀態，通常觸發細微的縮放或 opacity 變化。 · 與浮動攝影元素的直接互動。

08

組件

• button 極簡的互動狀態，主要表現為可點擊的浮動元素或原始連結。
• card 圓形或橢圓形的攝影裁切，無內距、邊框或陰影。
• hero 動態全螢幕畫布，佈滿浮動、旋轉、縮放的圓形圖像，並以底部對齊的巨大標識作為錨點。

09

文案語氣與禁用清單

• 語氣 抽象、極簡、非文字性。
• 標題風格 巨大、簡潔，嚴格使用小寫或大寫字母，無情感色彩。
• 按鈕文案 低調或完全省略，依賴視覺構圖引導使用者。

• 勿使用標準UI容器——截圖顯示浮動的圓形元素無邊框或陰影。
• 勿使用傳統網格系統——截圖顯示元素以流動、非對齊的方式散佈於視窗。
• 勿使用多樣化的字重——截圖顯示幾乎全為Regular（400）字重文字。
• 勿使用白色以外的背景顏色——截圖顯示嚴格的白色（#FFFFFF）背景。
• 勿使用標準圓角矩形作為按鈕或卡片——截圖顯示純粹的圓形或橢圓形裁切。
• 勿使用複雜或有纹理的背景——截圖顯示乾淨、簡潔的白色空白。
• 避免: 對話式UI
• 避免: 行銷術語
• 避免: 冗長段落
• 避免: 明確的導覽標籤

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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