精選 · 開放 · 免費

Manifesto Endel

一個深色、極簡的宣言頁面，透過克制的字體排版與單一行動呼籲，傳遞專注的品牌訊息。

Dark ModePremiumEditorialMinimalProduct
Manifesto Endel 網站截圖
↓ 下載設計系統包 (1 MB)在 OpenDesign 中開啟

原站: https://manifesto.endel.io

📦 瀏覽包內檔案 →

01

設計氣質 DNA

宣言重塑集體未來Endel

一個簡潔、專注的宣言登陸頁，優先傳達核心訊息，而非視覺複雜性。

02

色彩

#FFFFFFInk
#000000BG
#6F6F6FMuted
rgba(111, 111, 111, 1)Line

高對比的單色調色盤，僅使用一種柔和的灰色作為次要 UI 元素。

03

字型

humanist-sans

所有文字使用 font-family: Roboto, sans-serif · 所有文字使用 font-weight: 400 · 標題使用稍緊的字間距以增強視覺衝擊力

04

間距

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

垂直間距充裕，在標誌、標題與行動呼籲之間創造清晰的分隔。

05

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

sm · 4px
md · 10px
lg · 16px
pill · 999px

除按鈕（使用實色背景）外，無可見邊框。

06

版面

1280container
12columns
24pxgutter
768 / 1024breakpoints

置中、垂直堆疊的佈局，所有內容對齊中央軸線。

07

動效與互動

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

所有元素的 transition 屬性設為 'all'。

按鈕在 hover 時變換狀態。 · 單一主要行動按鈕。

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

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

擷取自真實頁面 · 真 computed styles

11

System Prompt

You are generating a design system for a minimalist, dark-themed manifesto website. The palette is strictly monochrome: pure black (#000000) background with white (#FFFFFF) primary text and a muted gray (#6F6F6F) for secondary elements like the call-to-action button. The typography is Roboto, a humanist-sans font, used exclusively at font-weight 400 across all elements. The layout is centered and vertically stacked. Key dos: use high contrast, maintain generous vertical spacing, keep the interface minimal. Key donts: never introduce a bright accent color, never use decorative patterns or shadows, never use multiple font weights. The voice is authoritative and visionary. This system should feel premium, focused, and deliberate.

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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