精選 · 開放 · 免費

Cosmos Network

為建構可互通、主權式金融系統而生的企業級區塊鏈解決方案。

01

設計氣質 DNA

一個為全球金融基礎建設打造的安全、高科技指揮中心。

02

色彩

高對比的深色模式，僅使用單一薄荷綠強調色，在深邃的黑色背景上使用純白文字，並以柔和的灰色呈現次要資訊。

03

字型

geometric-sans · monospace

• display56px · 400
• h240px · 400
• body16px · 400

使用 'The Future'（幾何無襯線體）作為所有文字，以維持清晰、現代且高度易讀的視覺層次。 · 將字重統一設為 400，營造輕盈且專業的感覺。 · 為大型展示文字使用緊湊的字間距，以創造更具凝聚力和視覺衝擊力的區塊。

04

間距

基於 4px 的一致網格系統，確保元素間的間距均勻，較大的倍數則用於主要區塊與版面容器。

05

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

極簡且功能性，主要使用 1px 邊框在導覽列和按鈕中定義結構。

無

06

版面

一個全寬的主視覺區域，採用兩欄分割（文字在左，插圖在右），後接一個居中的單欄內容區塊，內含橫向卡片。

07

動效與互動

互動元素的背景色、邊框顏色與填色採用平滑的過渡效果。 · 按鈕與連結的懸停狀態採用基於變換（縮放、位移）的動畫效果。 · 元素淡入淡出採用透明度過渡效果。

互動元素（如按鈕與導覽連結）在懸停時，會有細微的背景色調變化和基於變換的縮放效果。 · 透過微縮放（transform）和顏色過渡提供即時回饋。

08

組件

• button 藥丸形按鈕，白色背景搭配黑色文字，帶有一個小型 '+' 圖示與細微的圓角。
• card 橫向卡片，採用柔和的灰白背景、圓角設計，並具有清晰的從左至右流動（圖示、標題、描述、標籤）。
• chip 小型藥丸形標籤，淺灰色背景搭配深色文字，用於分類。
• input 簡潔的文字輸入框，採用最少的樣式設計，專注於清晰的排版與充足的內邊距。
• hero 一個高衝擊力的深色區塊，左側為大型排版文字，右側為一個精細的、帶有重疊線條與標籤的點狀地球插圖。

09

文案語氣與禁用清單

• 語氣 權威、專業且前瞻性，強調安全性、可擴展性與全球影響力。
• 標題風格 大膽、大型且具宣言性的標題，清晰闡述其價值主張。
• 按鈕文案 直接且以行動為導向，使用「聯絡我們」等簡潔詞語，並置於顯眼的藥丸形按鈕中。

• 不要使用明亮、多彩的漸層——截圖顯示的是一個強烈對比的深色主題，僅有一個薄荷綠強調色。
• 不要使用厚重、花俏的字體——截圖顯示的是簡潔的幾何無襯線字體，並保持一致的字重。
• 不要為按鈕和卡片使用尖銳的方形邊角——截圖顯示的是柔軟、圓潤且藥丸形的元素。
• 不要在主視覺區域使用繁複的攝影背景——截圖顯示的是一個風格化的技術點狀地球插圖。
• 不要使用過重的陰影或 3D 效果——截圖顯示的是扁平、基於表面的設計，僅有極少的深度感。
• 不要使用狹窄、擁擠的間距——截圖顯示的是充裕的內邊距和元素間清晰的分隔。
• 不要使用多樣化的色彩——截圖顯示的是黑、白、灰與單一強調色的有限配色方案。
• 避免: 避免使用過於隨意的語言或術語。
• 避免: 避免過度使用驚嘆號或誇張的形容詞。
• 避免: 避免使用未經清楚解釋的複雜行話。
• 避免: 避免使用分散核心訊息的雜亂版面。

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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