---
name: Manifesto Endel
description: "This site is worth including as a masterclass in minimalist, high-contrast dark mode design that uses extreme restraint to create a premium, focused experience."
version: alpha

colors:
  background: "#000000"
  primary: "#FFFFFF"
  neutral: "#6F6F6F"
  line: "rgba(111, 111, 111, 1)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 40px
    lineHeight: 1.125
    fontWeight: 400
    letterSpacing: "-0.5px"
  h1:
    fontFamily: humanist-sans
    fontSize: 24px
    lineHeight: 1.33
    fontWeight: 400
    letterSpacing: "0px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.15
    fontWeight: 400
    letterSpacing: "0px"

rounded:
  sm: 4px
  md: 10px
  lg: 16px
  pill: 999px

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 24px
  xl: 32px
  2xl: 48px
  3xl: 64px

---

## Overview

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

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

## Colors

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

- **Background (`#000000`)** — uses `bg` token
- **Primary text (`#FFFFFF`)** — uses `ink` token
- **Muted (`#6F6F6F`)** — uses `muted` token
- **Borders (`rgba(111, 111, 111, 1)`)** — uses `line` token

## Typography

- **Display:** humanist-sans
- **Body:** 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

## Layout

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

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

## Elevation & Depth

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

## Shapes

- `sm`: 4px
- `md`: 10px
- `lg`: 16px
- `pill`: 999px

## Components

- **button:** Primary CTA with a muted gray background (#4D4D4D), white text, and a 10px border-radius.
- **hero:** Full-viewport black background with centered logo, headline, and CTA.

## Do's and Don'ts

**Don't:**
- Don't use a light background — the screenshot shows a pure black (#000000) background.
- Don't use multiple font weights — the screenshot shows only font-weight 400 used consistently.
- Don't add a bright accent color — the screenshot shows only white and muted gray (#6F6F6F).
- Don't use a complex layout — the screenshot shows a simple, centered, vertically stacked structure.
- Don't use drop shadows on cards — the screenshot shows no shadowed elements.
- Don't use decorative patterns — the screenshot shows a solid black background.

---

## System Prompt (paste into AI agent)

```
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.
```