精選 · 開放 · 免費

Blokwatches

一個為現代類比手錶品牌設計的俏皮、大膽且多彩的產品登陸頁。

01

設計氣質 DNA

一個為成人而活的大膽、多彩玩具。

02

色彩

深海軍藍背景為亮藍色主視覺形狀和多彩產品細節創造高對比。

03

字型

geometric-sans · grotesque-sans

• display56px · 700
• h148px · 700

主標題使用大寫字母與寬字距。 · 描述性內文使用混合大小寫。

04

間距

慷慨的垂直間距，讓粗體元素能舒適呼吸

05

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

按鈕和形狀採用銳利、乾淨的邊緣

06

版面

全寬主視覺區塊採用不對稱佈局，後接置中的文字區塊和標誌條。

07

動效與互動

互動元素上的細微顏色變化或外框改變。 · 即時回應。

08

組件

• button 外框樣式，搭配大寫文字與銳角。
• card 在可見區域中未顯著呈現。
• chip 在可見區域中未顯著呈現。
• input 在可見區域中未顯著呈現。
• hero 深色背景上的大型產品圖片，帶有有機藍色形狀，搭配粗體大寫字體與清晰的行動呼籲。

09

文案語氣與禁用清單

• 語氣 自信、現代且俏皮。
• 標題風格 簡短、有力、大寫的陳述。
• 按鈕文案 清晰、直接、大寫的指令。

• 不要使用柔和、粉彩色調——截圖顯示的是深沉、高對比的海軍藍背景與亮藍色強調色。
• 不要在按鈕或卡片上使用圓角——「FIND YOUR BLOK」按鈕具有銳利的方角。
• 不要在標題中使用襯線字體——主要展示字體是粗體、幾何感的無襯線字體。
• 不要將所有文字置中——主視覺區塊使用右對齊文字來平衡左側較重的產品圖片。
• 不要使用單色背景——主視覺在深海軍藍底色上帶有動態、有機的藍色形狀。
• 不要避免使用大寫文字——設計大量依賴寬字距、大寫標題來創造衝擊力。
• 避免: 過於技術性的術語
• 避免: 被動語態
• 避免: 雜亂的佈局

11

System Prompt

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