# Laravel, Blog

Developer tools · Blog · Custom code · Little Rock, USA
Live page: https://laravel.com/blog
On Designly: https://designly.sh/s/laravel/blog · JSON: https://designly.sh/s/laravel/blog?format=json
Site: [Laravel](https://designly.sh/s/laravel?format=md) (https://laravel.com)
Styles: type-led, minimal, corporate

## Why it works

Large InstrumentSans headings on a white background establish a clear hierarchy for technical reading. Bright orange is used sparingly for the RSS icon and small accents, while the dense grid of articles and metadata prioritizes information density for developers.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/laravel/blog#section-1) (y 0–64px of 5370) · image: https://designly.sh/media/captures/cap_e00a302bd6484870b39c76c160924aed/sections/0.webp · id sec_51ffbe3a91d44e87b4bcf2755183ec86
2. [Hero: "Laravel Blog"](https://designly.sh/s/laravel/blog#section-2) (y 64–432px of 5370) · image: https://designly.sh/media/captures/cap_e00a302bd6484870b39c76c160924aed/sections/1.webp · id sec_46f2a718db8c4f508186bb4c7f8cdf79
3. [Content: "PHP critical vulnerability response updates"](https://designly.sh/s/laravel/blog#section-3) (y 456–1692px of 5370) · image: https://designly.sh/media/captures/cap_e00a302bd6484870b39c76c160924aed/sections/2.webp · id sec_2749a7d3046d4eb1845f0df294b31b07
4. [Content: "Content"](https://designly.sh/s/laravel/blog#section-4) (y 1692–2441px of 5370) · image: https://designly.sh/media/captures/cap_e00a302bd6484870b39c76c160924aed/sections/3.webp · id sec_16996163c6e747d3868c8ce9c2fafd1a
5. [Call to action: "Call to action"](https://designly.sh/s/laravel/blog#section-5) (y 2473–2897px of 5370) · image: https://designly.sh/media/captures/cap_e00a302bd6484870b39c76c160924aed/sections/4.webp · id sec_86b2183deaef404785f0c8a38672934b
6. [Testimonials: "600M"](https://designly.sh/s/laravel/blog#section-6) (y 2897–3398px of 5370) · image: https://designly.sh/media/captures/cap_e00a302bd6484870b39c76c160924aed/sections/5.webp · id sec_87a8acf49a044f0dbe54916f96cebda6
7. [Content: "Changelog"](https://designly.sh/s/laravel/blog#section-7) (y 3398–3829px of 5370) · image: https://designly.sh/media/captures/cap_e00a302bd6484870b39c76c160924aed/sections/6.webp · id sec_aa9fa72119414e758fa491ca9796373a
8. [Newsletter: "Newsletter"](https://designly.sh/s/laravel/blog#section-8) (y 3829–4190px of 5370) · image: https://designly.sh/media/captures/cap_e00a302bd6484870b39c76c160924aed/sections/7.webp · id sec_73d53c79e3ff401088d9fdced4a3b713
9. [Newsletter: "Newsletter"](https://designly.sh/s/laravel/blog#section-9) (y 4287–4991px of 5370) · image: https://designly.sh/media/captures/cap_e00a302bd6484870b39c76c160924aed/sections/8.webp · id sec_d10307ba7a6945369faa44e14eac1c44
10. [Content: "Content"](https://designly.sh/s/laravel/blog#section-10) (y 5087–5370px of 5370) · image: https://designly.sh/media/captures/cap_e00a302bd6484870b39c76c160924aed/sections/9.webp · id sec_3031435248204d6b917b186e4a034516

## Design tokens

- Colours: #FFFFFF (background), #60646C (text), #F54403 (accent), #000000 (surface), #11181C (muted)
- Fonts: InstrumentSans (display)
- Corner radius: 8px
- Spacing: 96px
- Export: https://designly.sh/s/laravel/blog?format=tokens.css · https://designly.sh/s/laravel/blog?format=tokens.json · https://designly.sh/s/laravel/blog?format=tokens.tailwind.css

## Images

- Desktop (1440×5370): https://designly.sh/media/captures/cap_e00a302bd6484870b39c76c160924aed/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_e00a302bd6484870b39c76c160924aed/mobile.webp
- Captured: 2026-10-24

## Other Pages of Laravel

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

## Related

- [Neon, Blog](https://designly.sh/s/neon/blog?format=md) — Developer tools · Blog · Custom code · San Francisco, USA · styles: dark, type-led, minimal, corporate · image: https://designly.sh/media/captures/cap_362cace607f041ef93832bdcd33206da/desktop.webp
- [PlanetScale, Blog](https://designly.sh/s/planetscale/blog?format=md) — Developer tools · Blog · Custom code · San Francisco, USA · styles: type-led, bold, geometric, minimal · image: https://designly.sh/media/captures/cap_57681301a1a340f5a61f9f88d964cf4f/desktop.webp
- [Warp, Blog](https://designly.sh/s/warp/blog?format=md) — Developer tools · Blog · Custom code · New York, USA · styles: type-led, tech, minimal, geometric · image: https://designly.sh/media/captures/cap_88226f75522b45fd9429e342f7c3b7a2/desktop.webp
- [Nuxt, Blog](https://designly.sh/s/nuxt/updates?format=md) — Developer tools · Blog · Custom code · styles: type-led, minimal, corporate, geometric · image: https://designly.sh/media/captures/cap_4dd1576a52a1432f8f7a16341c9c53e2/desktop.webp

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