# Laravel, Landing page

Developer tools · Landing page · Custom code
Live page: https://laravel.com/nightwatch
On Designly: https://designly.sh/s/laravel/nightwatch · JSON: https://designly.sh/s/laravel/nightwatch?format=json
Site: [Laravel](https://designly.sh/s/laravel?format=md) (https://laravel.com)
Styles: dark, type-led, corporate, geometric

## Why it works

Large InstrumentSans type on a black background establishes a high-contrast, technical tone. A muted red accent on the 'Start monitoring' button draws focus against the dark surfaces, while the dashboard video provides immediate context for the monitoring tool.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/laravel/nightwatch#section-1) (y 0–108px of 11549) · image: https://designly.sh/media/captures/cap_5e2f41fee6d0477b96c679e4c08574eb/sections/0.webp · id sec_440bc313d00e4643acc9413cf03b3197
2. [Hero: "Don't be afraid of the dark"](https://designly.sh/s/laravel/nightwatch#section-2) (y 108–1272px of 11549) · image: https://designly.sh/media/captures/cap_5e2f41fee6d0477b96c679e4c08574eb/sections/1.webp · id sec_a6872cca35924832a177e50895166431
3. [Content: "Start monitoring in under a minute"](https://designly.sh/s/laravel/nightwatch#section-3) (y 1369–1537px of 11549) · image: https://designly.sh/media/captures/cap_5e2f41fee6d0477b96c679e4c08574eb/sections/2.webp · id sec_c876e00623764a07a1617e51f779d388
4. [Stats: "Your system health at a glance"](https://designly.sh/s/laravel/nightwatch#section-4) (y 1617–2850px of 11549) · image: https://designly.sh/media/captures/cap_5e2f41fee6d0477b96c679e4c08574eb/sections/3.webp · id sec_36f7cc5a16be468482eb2164d21f9118
5. [Services: "Every event, connected together"](https://designly.sh/s/laravel/nightwatch#section-5) (y 2946–3576px of 11549) · image: https://designly.sh/media/captures/cap_5e2f41fee6d0477b96c679e4c08574eb/sections/4.webp · id sec_b3c2bbc66c9943d4b90d88ba7dc2a56e
6. [Content: "Content"](https://designly.sh/s/laravel/nightwatch#section-6) (y 3576–4615px of 11549) · image: https://designly.sh/media/captures/cap_5e2f41fee6d0477b96c679e4c08574eb/sections/5.webp · id sec_36ca810d792b494e940647abbd242009
7. [Content: "Track exceptions and performance issues"](https://designly.sh/s/laravel/nightwatch#section-7) (y 4712–4880px of 11549) · image: https://designly.sh/media/captures/cap_5e2f41fee6d0477b96c679e4c08574eb/sections/6.webp · id sec_1e98e63cec584ba1b5b2f6fc89d06011
8. [Team: "Collaborate with yourself or your team"](https://designly.sh/s/laravel/nightwatch#section-8) (y 4960–5528px of 11549) · image: https://designly.sh/media/captures/cap_5e2f41fee6d0477b96c679e4c08574eb/sections/7.webp · id sec_1c426f8ec08d4d9187ba8901c75e1977
9. [Content: "Configurable thresholds and rules"](https://designly.sh/s/laravel/nightwatch#section-9) (y 5544–6014px of 11549) · image: https://designly.sh/media/captures/cap_5e2f41fee6d0477b96c679e4c08574eb/sections/8.webp · id sec_3f53bebf9e6048cebeeb8db498025bd9
10. [Content: "Content"](https://designly.sh/s/laravel/nightwatch#section-10) (y 6014–6415px of 11549) · image: https://designly.sh/media/captures/cap_5e2f41fee6d0477b96c679e4c08574eb/sections/9.webp · id sec_5b70d22f69bc4c36aadb24706eadf7c4
11. [Content: "Built to scale for trillions of events"](https://designly.sh/s/laravel/nightwatch#section-11) (y 6607–6775px of 11549) · image: https://designly.sh/media/captures/cap_5e2f41fee6d0477b96c679e4c08574eb/sections/10.webp · id sec_72f9afd57f084618a47cd493eff2d45c
12. [Content: "The Nightwatch Agent"](https://designly.sh/s/laravel/nightwatch#section-12) (y 6855–7024px of 11549) · image: https://designly.sh/media/captures/cap_5e2f41fee6d0477b96c679e4c08574eb/sections/11.webp · id sec_8a3739b0c1b94ca5945e412983e0ca1b
13. [Content: "Content"](https://designly.sh/s/laravel/nightwatch#section-13) (y 7088–7716px of 11549) · image: https://designly.sh/media/captures/cap_5e2f41fee6d0477b96c679e4c08574eb/sections/12.webp · id sec_03d5916786ec4944913f6807329bd6cf
14. [FAQ: "FAQs"](https://designly.sh/s/laravel/nightwatch#section-14) (y 7949–9079px of 11549) · image: https://designly.sh/media/captures/cap_5e2f41fee6d0477b96c679e4c08574eb/sections/13.webp · id sec_ae185b2c00a34c918e9e5860db3399da
15. [Content: "Content"](https://designly.sh/s/laravel/nightwatch#section-15) (y 9143–9508px of 11549) · image: https://designly.sh/media/captures/cap_5e2f41fee6d0477b96c679e4c08574eb/sections/14.webp · id sec_ec6237d2cea94d9d959e33ddbc594c12
16. [Call to action: "Don't be afraid of the dark"](https://designly.sh/s/laravel/nightwatch#section-16) (y 9620–10470px of 11549) · image: https://designly.sh/media/captures/cap_5e2f41fee6d0477b96c679e4c08574eb/sections/15.webp · id sec_25bb597b1410476080e2909bce3470a2
17. [Footer: "Footer"](https://designly.sh/s/laravel/nightwatch#section-17) (y 10470–11549px of 11549) · image: https://designly.sh/media/captures/cap_5e2f41fee6d0477b96c679e4c08574eb/sections/16.webp · id sec_edd7e03ea20f4dca9e4dbbf1761d384e

## Design tokens

- Colours: #0A0A0A (background), #FFFFFF (text), #972C3E (accent), #3F3F3F (surface), #F43F5E (muted)
- Fonts: InstrumentSans (display)
- Corner radius: 12px
- Spacing: 20px
- Export: https://designly.sh/s/laravel/nightwatch?format=tokens.css · https://designly.sh/s/laravel/nightwatch?format=tokens.json · https://designly.sh/s/laravel/nightwatch?format=tokens.tailwind.css

## Images

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

## Other Pages of Laravel

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

## Related

- [Resend, Careers](https://designly.sh/s/resend/careers?format=md) — Developer tools · Careers · Custom code · styles: dark, type-led, minimal, editorial · image: https://designly.sh/media/captures/cap_65555f9e6f904f4aa0015e860c00c2a4/desktop.webp
- [Laravel, Home](https://designly.sh/s/laravel?format=md) — Developer tools · Home · Custom code · styles: type-led, minimal, corporate, geometric · image: https://designly.sh/media/captures/cap_b506e2205795428eb7f7a65eb71b4041/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.