CURATED · OPEN · FREE

Manifesto Endel

A dark, minimalist manifesto page that delivers a focused brand message with restrained typography and a singular call to action.

Dark ModePremiumEditorialMinimalProduct
Manifesto Endel screenshot
↓ Download design system (1 MB)Open in OpenDesign

Visit: https://manifesto.endel.io

📦 Browse pack contents →

01

Identity DNA

manifestoreshapingcollectivefutureEndel

A clean, focused manifesto landing page that prioritizes core messaging over visual complexity.

02

Color

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

High-contrast monochrome palette with a single muted gray for secondary UI elements.

03

Typography

humanist-sans

All text uses font-family: Roboto, sans-serif · All text uses font-weight: 400 · Headlines use slightly tighter letter-spacing for visual impact

04

Spacing

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

Vertical spacing is generous, creating clear separation between the logo, headline, and call to action.

05

Surfaces

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

No visible borders except for the button, which uses a solid background.

06

Layout

1280container
12columns
24pxgutter
768 / 1024breakpoints

Centered, vertically stacked layout with all content aligned to the center axis.

07

Motion & Interaction

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

All elements have a transition property set to 'all'.

Buttons change state on hover. · Single primary action button.

08

Components

09

Voice & Don'ts

10

Inside the pack — real screenshots

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 — 移动首屏
移动首屏

Captured from the live site · real 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.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

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