# Laravel, Landing page

Developer tools · Landing page · Custom code
Live page: https://laravel.com/nightwatch
On Designly: https://designly.sh/p/laravel-nightwatch · JSON: https://designly.sh/p/laravel-nightwatch.json
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" (y 0–108px of 11549) · id sec_440bc313d00e4643acc9413cf03b3197
2. Hero: "Don't be afraid of the dark" (y 108–1272px of 11549) · id sec_a6872cca35924832a177e50895166431
3. Content: "Start monitoring in under a minute" (y 1369–1537px of 11549) · id sec_c876e00623764a07a1617e51f779d388
4. Stats: "Your system health at a glance" (y 1617–2850px of 11549) · id sec_36f7cc5a16be468482eb2164d21f9118
5. Services: "Every event, connected together" (y 2946–3576px of 11549) · id sec_b3c2bbc66c9943d4b90d88ba7dc2a56e
6. Content: "Content" (y 3576–4615px of 11549) · id sec_36ca810d792b494e940647abbd242009
7. Content: "Track exceptions and performance issues" (y 4712–4880px of 11549) · id sec_1e98e63cec584ba1b5b2f6fc89d06011
8. Team: "Collaborate with yourself or your team" (y 4960–5528px of 11549) · id sec_1c426f8ec08d4d9187ba8901c75e1977
9. Content: "Configurable thresholds and rules" (y 5544–6014px of 11549) · id sec_3f53bebf9e6048cebeeb8db498025bd9
10. Content: "Content" (y 6014–6415px of 11549) · id sec_5b70d22f69bc4c36aadb24706eadf7c4
11. Content: "Built to scale for trillions of events" (y 6607–6775px of 11549) · id sec_72f9afd57f084618a47cd493eff2d45c
12. Content: "The Nightwatch Agent" (y 6855–7024px of 11549) · id sec_8a3739b0c1b94ca5945e412983e0ca1b
13. Content: "Content" (y 7088–7716px of 11549) · id sec_03d5916786ec4944913f6807329bd6cf
14. FAQ: "FAQs" (y 7949–9079px of 11549) · id sec_ae185b2c00a34c918e9e5860db3399da
15. Content: "Content" (y 9143–9508px of 11549) · id sec_ec6237d2cea94d9d959e33ddbc594c12
16. Call to action: "Don't be afraid of the dark" (y 9620–10470px of 11549) · id sec_25bb597b1410476080e2909bce3470a2
17. Footer: "Footer" (y 10470–11549px of 11549) · 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/p/laravel-nightwatch/tokens.css · https://designly.sh/p/laravel-nightwatch/tokens.json · https://designly.sh/p/laravel-nightwatch/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

## Related

- [Resend, Careers](https://designly.sh/p/resend-careers.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/p/laravel.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.