---
name: Ethereum
description: "A highly successful example of a 'calm' design for a complex technical topic, making decentralized technology feel accessible and trustworthy."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#121212"
  secondary: "#616161"
  tertiary: "#6C24E0"
  neutral: "#8C8C8C"
  bg-soft: "#F7F7F7"
  bg-quiet: "#F2EBFF"
  line: "rgba(207, 207, 207, 1)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 56px
    lineHeight: 1.0
    fontWeight: 900
    letterSpacing: "-1px"

rounded:
  sm: 4px
  md: 8px
  lg: 24px
  pill: 999px

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

---

## Overview

A calm, educational hub for the Ethereum ecosystem.

*A clean, instructional public utility portal for a decentralized network.*

## Colors

White-dominant layout with purple accents and soft grayscale hierarchy.

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#121212`)** — uses `ink` token
- **Secondary text (`#616161`)** — uses `ink-soft` token
- **Accent (`#6C24E0`)** — uses `accent` token
- **Muted (`#8C8C8C`)** — uses `muted` token
- **Borders (`rgba(207, 207, 207, 1)`)** — uses `line` token

## Typography

- **Display:** humanist-sans
- **Body:** humanist-sans
- **Mono:** mono

## Layout

Full-width hero image, centered text content below.

*Rhythm:* 1.6 multiplier

## Elevation & Depth

- 0 1px 1px 0 rgba(0, 0, 0, 0.1)
- Borders: 1px solid rgba(207, 207, 207, 1)

## Shapes

- `sm`: 4px
- `md`: 8px
- `lg`: 24px
- `pill`: 999px

## Components

- **button:** Purple pill-shaped button with white text.
- **card:** Light bordered card with rounded corners and soft shadow.
- **chip:** Pill-shaped tab selector.
- **input:** Search bar with icon and keyboard shortcut.
- **hero:** Full-width illustration with centered bold headline.

## Do's and Don'ts

**Don't:**
- Don't use dark mode — screenshot shows a predominantly white background.
- Don't use high-contrast neon colors — screenshot shows a soft purple accent (#6C24E0).
- Don't use serif fonts for headings — screenshot shows a bold humanist-sans font.
- Don't use heavy drop shadows — screenshot shows minimal, soft shadows.
- Don't use tight, dense layouts — screenshot shows generous whitespace and a clean rhythm.
- Don't use decorative borders — screenshot uses subtle 1px borders.

---

## System Prompt (paste into AI agent)

```
This is the ethereum.org homepage, a clean and educational hub for the Ethereum ecosystem. The design DNA is calm, accessible, and authoritative, using a white-dominant palette with a distinct purple accent (#6C24E0) and grayscale hierarchy (#121212 for ink, #616161 for secondary text). Typography uses a humanist-sans for display and body, with IBM Plex Mono for code. Critical donts: avoid dark mode (the site is light-themed), avoid high-contrast neons, and avoid decorative complexity. The layout is spacious, centered, and focuses on clear educational content, making it a key reference for decentralized finance and technology.
```