# Reference pack: Developer tools

Developer tools

Why these: These 5 were picked from 2 developer tools Pages and similar Pages elsewhere.

## 5 Pages to start from

- [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
  Picked for: Developer tools, home page
- [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
  Picked for: Developer tools
- [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
  Picked for: home page
- [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
  Picked for: home page
- [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
  Picked for: home page

### Best Home Pages

- [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
- [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

## Suggested Section order

Measured across 10 published Pages.

1. Navigation (100% of Pages) — examples: https://designly.sh/sections/nav.md?industry=developer-tools
2. Hero (90% of Pages) — examples: https://designly.sh/sections/hero.md?industry=developer-tools
3. Logos (30% of Pages) — examples: https://designly.sh/sections/logos.md?industry=developer-tools
4. Testimonials (40% of Pages) — examples: https://designly.sh/sections/testimonials.md?industry=developer-tools
5. Features (30% of Pages) — examples: https://designly.sh/sections/features.md?industry=developer-tools
6. Content (70% of Pages) — examples: https://designly.sh/sections/content.md?industry=developer-tools
7. Team (30% of Pages) — examples: https://designly.sh/sections/team.md?industry=developer-tools
8. Contact (30% of Pages) — examples: https://designly.sh/sections/contact.md?industry=developer-tools
9. Footer (70% of Pages) — examples: https://designly.sh/sections/footer.md?industry=developer-tools

## Palette

- #FFFFFF background (from https://designly.sh/p/laravel)
- #F53003 accent (from https://designly.sh/p/laravel)
- #000000 surface (from https://designly.sh/p/laravel)
- #0A0A0A background (from https://designly.sh/p/laravel-nightwatch)
- #972C3E accent (from https://designly.sh/p/laravel-nightwatch)

## Fonts

- InstrumentSans for display (2 of these Pages)
- Graphik for body (1 of these Pages)

Corner radius: 12px

This pack: https://designly.sh/reference-pack?business=Developer+tools&industry=developer-tools · JSON: https://designly.sh/reference-pack.json?business=Developer+tools&industry=developer-tools

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