精選 · 開放 · 免費

Odins Crow

採用粗體字型與單色調的極簡編輯風格網站，傳達權威與清晰。

AgencyEditorialBold TypographyRestraintRefined

Odins Crow 網站截圖

↓ 下載設計系統包 (4 MB)在 OpenDesign 中開啟

原站: https://odins-crow.com

📦 瀏覽包內檔案 →

01

設計氣質 DNA

保存成長傳承策略性大膽

為顧問公司打造的現代數位宣言，橋接傳統與未來。

02

色彩

#2B2B2BInk

#F1EDE8BG

#C9C8C9Muted

rgba(43,43,43,0.8)Line

高對比單色調搭配溫暖中性色，營造精緻的編輯感。

03

字型

grotesque-sans · mono

display187px · 700
display-lg60px · 700
display-md41px · 700
body-lg20px · 400
body16px · 400
caption10px · 400

所有展示型字號皆使用緊湊負字母間距。 · 維持嚴格的單色調字型層級。 · 小型標籤與說明文字應套用全大寫轉換。

04

間距

4px

8px

16px

24px

32px

48px

64px

96px

4px 基礎網格，搭配寬裕內距以確保呼吸空間。

05

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

sm · 4px

md · 8px

lg · 12px

pill · 999px

使用 rgba(43,43,43,0.8) 的 1px 細實線作為結構性分隔線。

06

版面

1280container

12columns

24pxgutter

768 / 1024breakpoints

單欄置中佈局，搭配全寬結構性元素如水平線條。

07

動效與互動

220msmicro

400mssmall

800msmedium

cubic-bezier(0.4, 0, 0, 1)easing

內容呈現時採用細膩的淡入與變形過渡效果。

互動元素產生細微色彩變化或變形。 · 立即的視覺回饋。

08

組件

button 極簡文字按鈕，搭配底線或細邊框，無背景填充。
card 於截圖中未明確呈現。
chip 於截圖中未見。
input 於截圖中未見。
hero 全寬區塊，以大型字型與一系列水平結構線條為特色。

09

文案語氣與禁用清單

語氣權威、簡潔、前瞻性。
標題風格 以大型緊湊排版呈現簡短有力的詞句。
按鈕文案 直接且具行動力，例如「取得聯繫」。

勿使用鮮豔強調色——截圖顯示嚴格的單色調色盤。
勿使用裝飾性襯線字體——截圖顯示簡潔粗體的 grotesque-sans。
勿使用寬鬆字母間距——截圖顯示緊湊追蹤的展示型文字。
勿使用厚重投影——截圖顯示平整乾淨的表面。
勿將所有內容置中對齊——截圖顯示左對齊文字搭配結構性全寬首頁區塊。
勿廣泛使用圓角——截圖顯示多為銳利矩形形狀。
避免: 過於隨意的用語
避免: 過多裝飾元素
避免: 雜亂的佈局

10

包內真實截圖

Odins Crow — 桌面首屏（hero） — 桌面首屏（hero）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Odins Crow — 移动首屏 — 移动首屏

擷取自真實頁面 · 真 computed styles

11

System Prompt

此網站為策略顧問或代理機構所有，以大膽的編輯風格自信定位。主色調為溫暖米白 (#F1EDE8) 與深炭灰 (#2B2B2B)。排版核心為粗體緊湊追蹤的 grotesque-sans 標題字型，創造強烈視覺衝擊。佈局簡潔有結構，以全寬水平線條作為關鍵設計元素。關鍵禁忌：勿使用鮮豔強調色、勿使用裝飾性或襯線字體、勿在展示型文字使用寬鬆字母間距。整體美學極簡而精緻，專注於清晰與權威感。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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