# Modal: style sheet

Measured on 5 of 5 published Pages, newest Capture 2026-10-26. Every value is measured on the live page unless marked inferred.
On Designly: https://designly.sh/style-sheets/modal · JSON: https://designly.sh/style-sheets/modal.json
Site: [Modal](https://designly.sh/s/modal?format=md) (https://modal.com)

## Colour

- #040804: background · 5/5 Pages
- #E3E5E1: muted · 5/5 Pages
- #7FEE64: accent · 5/5 Pages
- #181818: background · 4/5 Pages
- #A8ABA6: text · 4/5 Pages
- #242424: text · 1/5 Pages
- #3E4A3C: surface · 1/5 Pages
- Contrast, text on background: 8.6:1 (AAA)
- Contrast, text on surface: 4:1 (large text only)
- Contrast, accent on background: 13.7:1 (AAA)

## Type

- display: ABC Diatype · 5/5 Pages

## Spacing

- Base unit (inferred): 8px, 5 of 5 measured paddings on it
- Section padding: 144px · 3/5 Pages
- Section padding: 8px · 1/5 Pages
- Section padding: 72px · 1/5 Pages

## Radius

- 48px · 3/5 Pages
- 9999px · 2/5 Pages

## Pages

- [Home](https://designly.sh/s/modal?format=md) — /
- [Blog](https://designly.sh/s/modal/blog?format=md) — /blog
- [Careers](https://designly.sh/s/modal/careers?format=md) — /careers
- [Pricing](https://designly.sh/s/modal/pricing?format=md) — /pricing
- [Product](https://designly.sh/s/modal/products/inference?format=md) — /products/inference

Credit: every reference is a real business's site. If it shapes your work, link to the business and to its Designly page.