# Laravel: style sheet

Measured on 4 of 4 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/laravel · JSON: https://designly.sh/style-sheets/laravel.json
Site: [Laravel](https://designly.sh/s/laravel?format=md) (https://laravel.com)

## Colour

- #FFFFFF: background · 4/4 Pages
- #000000: surface · 2/4 Pages
- #60646C: text · 2/4 Pages
- #F53003: accent · 1/4 Pages
- #F54403: accent · 1/4 Pages
- #11181C: muted · 1/4 Pages
- #1C2024: text · 1/4 Pages
- #0057FF: accent · 1/4 Pages
- #F0F0F3: surface · 1/4 Pages
- #0A0A0A: background · 1/4 Pages
- #972C3E: accent · 1/4 Pages
- #3F3F3F: surface · 1/4 Pages
- #F43F5E: muted · 1/4 Pages
- Contrast, text on background: 5.9:1 (AA)
- Contrast, text on surface: 3.5:1 (large text only)
- Contrast, accent on background: 3.9:1 (large text only)

## Type

- display: InstrumentSans · 4/4 Pages

## Spacing

- Base unit (inferred): 8px, 3 of 4 measured paddings on it
- Section padding: 96px · 2/4 Pages
- Section padding: 80px · 1/4 Pages
- Section padding: 20px · 1/4 Pages

## Radius

- 8px · 2/4 Pages
- 4px · 1/4 Pages
- 12px · 1/4 Pages

## Pages

- [Home](https://designly.sh/s/laravel?format=md) — /
- [Blog](https://designly.sh/s/laravel/blog?format=md) — /blog
- [Product](https://designly.sh/s/laravel/cloud?format=md) — /cloud
- [Product](https://designly.sh/s/laravel/nightwatch?format=md) — /nightwatch

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