# Laravel, Home

Developer tools · Home · Custom code
Live page: https://laravel.com/
On Designly: https://designly.sh/p/laravel · JSON: https://designly.sh/p/laravel.json
Styles: type-led, minimal, corporate, geometric

## Why it works

Large InstrumentSans type on a white background establishes a technical, authoritative tone. Bright red is used sparingly for the primary 'Deploy on Cloud' button and key accents, while black surfaces and 8px corners provide a structured, developer-focused rhythm.

## Sections, top to bottom

1. Navigation: "Navigation" (y 44–108px of 6282) · id sec_0c8f5cbfef8b45b3ad09616f465bff19
2. Hero: "The clean stack for Artisans and agents" (y 108–780px of 6282) · id sec_4f569e8ea0ab4c7abb916e1990fd7a49
3. Logos: "Logos" (y 780–909px of 6282) · id sec_a1546a2eefc04ef581647c955add5ca3
4. Content: "Ship web apps with the AI-enabled framework" (y 909–1765px of 6282) · id sec_b24a46a323f44aa7a7ce47a8d73354f8
5. Team: "Team" (y 1765–2310px of 6282) · id sec_3e1482989bc94d57ba6b6e703f5bda28
6. Content: "Monitor and fix issues with Nightwatch" (y 2310–2851px of 6282) · id sec_5988f0848c5d4209953b96e1b13aa566
7. Content: "Create without limits. What will you ship?" (y 2851–3252px of 6282) · id sec_28a8f26461f44f859ac010cd7807e823
8. Testimonials: "Testimonials" (y 3252–4161px of 6282) · id sec_62878eb7dfff466cad23d3218f541ba5
9. Call to action: "We’ll see you in Amsterdam" (y 4161–4562px of 6282) · id sec_0fb2953a12ff48caa8dd6bd1c10e3d21
10. Content: "Content" (y 4562–5102px of 6282) · id sec_0718e9368fe04b00b278a0a57ed86d69
11. Newsletter: "Newsletter" (y 5199–5903px of 6282) · id sec_6e922891ed59468d8c8ac503edb6a002
12. Content: "Content" (y 5999–6282px of 6282) · id sec_fdd4c0c9ad2f43f5bb5acbd275a53ac9

## Design tokens

- Colours: #FFFFFF (background), #F53003 (accent), #000000 (surface)
- Fonts: InstrumentSans (display)
- Corner radius: 8px
- Spacing: 80px
- Export: https://designly.sh/p/laravel/tokens.css · https://designly.sh/p/laravel/tokens.json · https://designly.sh/p/laravel/tokens.tailwind.css

## Images

- Desktop (1440×6282): https://designly.sh/media/captures/cap_b506e2205795428eb7f7a65eb71b4041/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_b506e2205795428eb7f7a65eb71b4041/mobile.webp
- Captured: 2026-10-20

## Related

- [Laravel, Landing page](https://designly.sh/p/laravel-nightwatch.md) — Developer tools · Landing page · Custom code · styles: dark, type-led, corporate, geometric · image: https://designly.sh/media/captures/cap_5e2f41fee6d0477b96c679e4c08574eb/desktop.webp
- [Attaboy, Home](https://designly.sh/p/attaboy.md) — Bars & breweries · Home · Squarespace · New York, NY, US · styles: minimal, rounded, dark · image: https://designly.sh/media/captures/cap_d570d1a26a734423847197299e18f558/desktop.webp
- [Cursor, Home](https://designly.sh/p/cursor.md) — AI products · Home · Custom code · styles: minimal, bold, editorial · image: https://designly.sh/media/captures/cap_1d95169e1ec74c498d76bac820b0f4e0/desktop.webp
- [Hart Bageri, Home](https://designly.sh/p/hart-bageri.md) — Cafés & bakeries · Home · WordPress · Copenhagen, Denmark · image: https://designly.sh/media/captures/cap_ac14150a8c404780b2076b398b8ba31f/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.