精選 · 開放 · 免費

Augen Pro

超越 Humanware。

PremiumHardware3DCleanCalm
Augen Pro 網站截圖
↓ 下載設計系統包 (5 MB)在 OpenDesign 中開啟

原站: https://augen.pro

📦 瀏覽包內檔案 →

01

設計氣質 DNA

augenHumanwareneuralwearableinnovation

一個人體增強的極簡實驗室。

02

色彩

#0071E3Accent
#0F1012Ink
#5E5E5EInk soft
#FFFFFFBG
#F2F2F4BG soft
#EFEFEFBG quiet
rgba(0, 113, 227, 0.5)Line

高對比極簡主義，搭配單一鮮明的藍色點綴。

03

字型

geometric-sans · monospace

所有文字使用幾何無襯線字體。 · 保持輕字重，以營造精緻、技術感的外觀。 · 標題文字使用負字距。

04

間距

4px
8px
16px
24px
32px
48px
64px
96px

慷慨的留白，創造專注與奢華感。

05

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

sm · 4px
md · 8px
lg · 12px
pill · 999px

容器與標籤使用纖細、低調的邊框。

0 2px 10px rgba(0, 0, 0, 0.05)

06

版面

1280container
12columns
24pxgutter
768 / 1024breakpoints

單欄置中版面，包含大型主視覺區域。

07

動效與互動

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

過渡時使用細膩的淡入淡出與滑動效果。 · 按鈕上有平滑的懸停效果。

背景顏色變更或細微的文字顏色轉換。 · 細微的縮放或顏色變化。

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

Augen Pro — 桌面首屏（hero）
桌面首屏（hero）
Augen Pro — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Augen Pro — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Augen Pro — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Augen Pro — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Augen Pro — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Augen Pro — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Augen Pro — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Augen Pro — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Augen Pro — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Augen Pro — 移动首屏
移动首屏

擷取自真實頁面 · 真 computed styles

11

System Prompt

這是一個為「augen」（Augen Pro）設計的高端硬體與神經科技網站，定位為「超越 Humanware」。設計風格極簡而精緻，使用乾淨的白色背景（#FFFFFF）、深墨色（#0F1012）以及單一鮮明的藍色點綴（#0071E3）。字體採用幾何無襯線字體（PP Neue Montreal）的輕字重，營造技術感與精緻感。關鍵禁忌：不要使用粗體字體，不要引入多種點綴色，不要用不必要的元素讓版面顯得雜亂。網站強調 3D 圖像與慷慨的留白，以創造出一種面向未來的創新感。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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