# ClickUp — DESIGN.md

Large centered marketing headings precede product visuals.

## Agent task
Use these observed references to build an original interface.

## Font
"Plus Jakarta Sans", sans-serif; Inter

## Marketing — Light and accent surfaces

### Observed palette
- color: `rgb(41, 45, 52)`
- background: `rgb(248, 249, 250)`
- color: `rgb(0, 0, 0)`
- color: `rgb(255, 255, 255)`
- color: `rgb(100, 100, 100)`
- background: `rgb(240, 240, 240)`

### Observed typography
| Role | Size / line height | Weight | Tracking |
|---|---|---|---|
| NEW: Brain² — The best AI is your AI. The wor | 16px / 24px | 400 | Not recorded |
| The best AI is your AI. The world's first com | 14px / 20px | 400 | Not recorded |
| Control | 16px / 21.3333px | 400 | Not recorded |
| Pricing | 14px / 20px | 500 | Not recorded |
| Get a Demo | 14px / 16px | 500 | Not recorded |

### Layout & hierarchy
- Large centered marketing headings precede product visuals.
- Bright gradients highlight feature and conversion sections.
- Pricing groups plan cards above comparisons and FAQs.

### Components & behavior
- Rounded primary action buttons.
- Feature comparison lists.
- Gradient product illustration cards.

## Product — Not captured

### Observed palette
Not captured.

### Observed typography
| Role | Size / line height | Weight | Tracking |
|---|---|---|---|


### Layout & hierarchy
- Authenticated capture pending.

### Components & behavior
- No product measurements available.

## Implementation recommendations
- Preserve the observed hierarchy and spacing roles.
- Use original content and branding.
- Do not infer missing onboarding or paid workflows.

## Interaction inventory


## Avoid
Do not treat exploratory branches as a completed signup journey.

## Reference pages
- https://clickup.com/
- https://clickup.com/pricing
- https://clickup.com/features/docs

## Capture scope
Public pages captured. Signup offers Google and explicitly accepts terms; awaiting user confirmation. No authenticated product captures.

## Format inspiration
Existing Screenrove design guide structure.