---
name: "Anthropic"
mode: "light"
---
# Anthropic
## Visual theme and atmosphere
Quiet, scholarly, deliberately warm, and anti-digital.
Scientific field journal on warm parchment — ivory surfaces, editorial serif, single clay accent.
## Color palette and roles
- **Slate Dark (#141413)**: Primary text, headings, footer background.
- **Ivory Medium (#f0eee6)**: Page canvas — the parchment background.
- **Ivory Light (#faf9f5)**: Card surfaces, elevated panels.
- **Clay (#d97757)**: Filled CTA buttons — the single chromatic accent.
- **Clay Deep (#c6613f)**: Hover/pressed state for Clay CTAs.
- **Cloud Medium (#b0aea5)**: Muted helper text, inactive nav items.
## Typography rules
- **Display**: Anthropic Serif, 400, 68px. Display heading.
- **Body**: Anthropic Serif, 400, 20px. All body copy.
- **UI**: Anthropic Sans, 500, 15px. Nav links, buttons, footers.
## Spacing and shape
- Base unit: 8px.
- Default gap: 16px.
- Card padding: 32px.
- Section padding: 100px.
- Card corners: 24px.
- Control corners: 12px.
- Pills: 9999px.
## Motion
Use still motion. Fast feedback lasts 120ms; composed transitions last 280ms; easing is cubic-bezier(0.16, 1, 0.3, 1).
## Guardrails
- Use Ivory Medium as the page canvas — never pure white.
- Use Clay exclusively for the most consequential single CTA.
- Set body text in serif — sans is UI chrome only.
- Do not use box-shadow for elevation — use surface tone and 1px borders.
- Do not add gradients or color washes.
---
name: "Anthropic"
mode: "light"
---
# Anthropic
## Visual theme and atmosphere
Quiet, scholarly, deliberately warm, and anti-digital.
Scientific field journal on warm parchment — ivory surfaces, editorial serif, single clay accent.
## Color palette and roles
- **Slate Dark (#141413)**: Primary text, headings, footer background.
- **Ivory Medium (#f0eee6)**: Page canvas — the parchment background.
- **Ivory Light (#faf9f5)**: Card surfaces, elevated panels.
- **Clay (#d97757)**: Filled CTA buttons — the single chromatic accent.
- **Clay Deep (#c6613f)**: Hover/pressed state for Clay CTAs.
- **Cloud Medium (#b0aea5)**: Muted helper text, inactive nav items.
## Typography rules
- **Display**: Anthropic Serif, 400, 68px. Display heading.
- **Body**: Anthropic Serif, 400, 20px. All body copy.
- **UI**: Anthropic Sans, 500, 15px. Nav links, buttons, footers.
## Spacing and shape
- Base unit: 8px.
- Default gap: 16px.
- Card padding: 32px.
- Section padding: 100px.
- Card corners: 24px.
- Control corners: 12px.
- Pills: 9999px.
## Motion
Use still motion. Fast feedback lasts 120ms; composed transitions last 280ms; easing is cubic-bezier(0.16, 1, 0.3, 1).
## Guardrails
- Use Ivory Medium as the page canvas — never pure white.
- Use Clay exclusively for the most consequential single CTA.
- Set body text in serif — sans is UI chrome only.
- Do not use box-shadow for elevation — use surface tone and 1px borders.
- Do not add gradients or color washes.
---
name: "Anthropic"
mode: "light"
---
# Anthropic
## Visual theme and atmosphere
Quiet, scholarly, deliberately warm, and anti-digital.
Scientific field journal on warm parchment — ivory surfaces, editorial serif, single clay accent.
## Color palette and roles
- **Slate Dark (#141413)**: Primary text, headings, footer background.
- **Ivory Medium (#f0eee6)**: Page canvas — the parchment background.
- **Ivory Light (#faf9f5)**: Card surfaces, elevated panels.
- **Clay (#d97757)**: Filled CTA buttons — the single chromatic accent.
- **Clay Deep (#c6613f)**: Hover/pressed state for Clay CTAs.
- **Cloud Medium (#b0aea5)**: Muted helper text, inactive nav items.
## Typography rules
- **Display**: Anthropic Serif, 400, 68px. Display heading.
- **Body**: Anthropic Serif, 400, 20px. All body copy.
- **UI**: Anthropic Sans, 500, 15px. Nav links, buttons, footers.
## Spacing and shape
- Base unit: 8px.
- Default gap: 16px.
- Card padding: 32px.
- Section padding: 100px.
- Card corners: 24px.
- Control corners: 12px.
- Pills: 9999px.
## Motion
Use still motion. Fast feedback lasts 120ms; composed transitions last 280ms; easing is cubic-bezier(0.16, 1, 0.3, 1).
## Guardrails
- Use Ivory Medium as the page canvas — never pure white.
- Use Clay exclusively for the most consequential single CTA.
- Set body text in serif — sans is UI chrome only.
- Do not use box-shadow for elevation — use surface tone and 1px borders.
- Do not add gradients or color washes.
---
name: "Anthropic"
mode: "light"
---
# Anthropic
## Visual theme and atmosphere
Quiet, scholarly, deliberately warm, and anti-digital.
Scientific field journal on warm parchment — ivory surfaces, editorial serif, single clay accent.
## Color palette and roles
- **Slate Dark (#141413)**: Primary text, headings, footer background.
- **Ivory Medium (#f0eee6)**: Page canvas — the parchment background.
- **Ivory Light (#faf9f5)**: Card surfaces, elevated panels.
- **Clay (#d97757)**: Filled CTA buttons — the single chromatic accent.
- **Clay Deep (#c6613f)**: Hover/pressed state for Clay CTAs.
- **Cloud Medium (#b0aea5)**: Muted helper text, inactive nav items.
## Typography rules
- **Display**: Anthropic Serif, 400, 68px. Display heading.
- **Body**: Anthropic Serif, 400, 20px. All body copy.
- **UI**: Anthropic Sans, 500, 15px. Nav links, buttons, footers.
## Spacing and shape
- Base unit: 8px.
- Default gap: 16px.
- Card padding: 32px.
- Section padding: 100px.
- Card corners: 24px.
- Control corners: 12px.
- Pills: 9999px.
## Motion
Use still motion. Fast feedback lasts 120ms; composed transitions last 280ms; easing is cubic-bezier(0.16, 1, 0.3, 1).
## Guardrails
- Use Ivory Medium as the page canvas — never pure white.
- Use Clay exclusively for the most consequential single CTA.
- Set body text in serif — sans is UI chrome only.
- Do not use box-shadow for elevation — use surface tone and 1px borders.
- Do not add gradients or color washes.
---
name: "Anthropic"
mode: "light"
---
# Anthropic
## Visual theme and atmosphere
Quiet, scholarly, deliberately warm, and anti-digital.
Scientific field journal on warm parchment — ivory surfaces, editorial serif, single clay accent.
## Color palette and roles
- **Slate Dark (#141413)**: Primary text, headings, footer background.
- **Ivory Medium (#f0eee6)**: Page canvas — the parchment background.
- **Ivory Light (#faf9f5)**: Card surfaces, elevated panels.
- **Clay (#d97757)**: Filled CTA buttons — the single chromatic accent.
- **Clay Deep (#c6613f)**: Hover/pressed state for Clay CTAs.
- **Cloud Medium (#b0aea5)**: Muted helper text, inactive nav items.
## Typography rules
- **Display**: Anthropic Serif, 400, 68px. Display heading.
- **Body**: Anthropic Serif, 400, 20px. All body copy.
- **UI**: Anthropic Sans, 500, 15px. Nav links, buttons, footers.
## Spacing and shape
- Base unit: 8px.
- Default gap: 16px.
- Card padding: 32px.
- Section padding: 100px.
- Card corners: 24px.
- Control corners: 12px.
- Pills: 9999px.
## Motion
Use still motion. Fast feedback lasts 120ms; composed transitions last 280ms; easing is cubic-bezier(0.16, 1, 0.3, 1).
## Guardrails
- Use Ivory Medium as the page canvas — never pure white.
- Use Clay exclusively for the most consequential single CTA.
- Set body text in serif — sans is UI chrome only.
- Do not use box-shadow for elevation — use surface tone and 1px borders.
- Do not add gradients or color washes.
