# Raycast, Product

Developer tools · Product · Custom code · London, UK
Live page: https://www.raycast.com/pro
On Designly: https://designly.sh/s/raycast/pro · JSON: https://designly.sh/s/raycast/pro?format=json
Site: [Raycast](https://designly.sh/s/raycast?format=md) (https://www.raycast.com)
Styles: dark, type-led, corporate, minimal

## Why it works

Inter type set in white and light grey against a black background gives this Pro page a high-performance feel. Soft red is used sparingly for the Raycast Pro badge, while the primary "Compare Plans" button sits below a large headline to drive plan evaluation.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/raycast/pro#section-1) (y 0–92px of 10665) · image: https://designly.sh/media/captures/cap_2a5f74b6547c4a91882b74d2b83c080c/sections/0.webp · id sec_a5cf460ec3fa488d93f688db50ac72fa
2. [Hero: "New Level Unlocked"](https://designly.sh/s/raycast/pro#section-2) (y 92–571px of 10665) · image: https://designly.sh/media/captures/cap_2a5f74b6547c4a91882b74d2b83c080c/sections/1.webp · id sec_d0c429b7179b4c6c95b7551402c3fbbf
3. [Content: "Meet your new virtual assistant"](https://designly.sh/s/raycast/pro#section-3) (y 751–2068px of 10665) · image: https://designly.sh/media/captures/cap_2a5f74b6547c4a91882b74d2b83c080c/sections/2.webp · id sec_db8c504e9f6847a4a5f21f98f4827a52
4. [Reviews: "Reviews"](https://designly.sh/s/raycast/pro#section-4) (y 2320–3558px of 10665) · image: https://designly.sh/media/captures/cap_2a5f74b6547c4a91882b74d2b83c080c/sections/3.webp · id sec_8e064cd546c94f09a22155316502117f
5. [Call to action: "Put the Pro in Productivity"](https://designly.sh/s/raycast/pro#section-5) (y 3726–3976px of 10665) · image: https://designly.sh/media/captures/cap_2a5f74b6547c4a91882b74d2b83c080c/sections/4.webp · id sec_79f851044c3b4415b7da04486f3bc691
6. [Content: "Don’t get lost in translation"](https://designly.sh/s/raycast/pro#section-6) (y 4072–4472px of 10665) · image: https://designly.sh/media/captures/cap_2a5f74b6547c4a91882b74d2b83c080c/sections/5.webp · id sec_11a3b081fcf744fb97e95581a87591cb
7. [Content: "Stay in sync.Cloud Sync ensures your workflow…"](https://designly.sh/s/raycast/pro#section-7) (y 4552–5451px of 10665) · image: https://designly.sh/media/captures/cap_2a5f74b6547c4a91882b74d2b83c080c/sections/6.webp · id sec_e4ccc2aaed6341df99bd0cb5c916fd85
8. [Content: "Warp"](https://designly.sh/s/raycast/pro#section-8) (y 5512–6260px of 10665) · image: https://designly.sh/media/captures/cap_2a5f74b6547c4a91882b74d2b83c080c/sections/7.webp · id sec_5ec2c001870a40f0ab5eff618f6234a2
9. [Pricing table: "$12"](https://designly.sh/s/raycast/pro#section-9) (y 6308–7438px of 10665) · image: https://designly.sh/media/captures/cap_2a5f74b6547c4a91882b74d2b83c080c/sections/8.webp · id sec_3aee863606704b318db1f99e4bf81a49
10. [Content: "Content"](https://designly.sh/s/raycast/pro#section-10) (y 7534–7967px of 10665) · image: https://designly.sh/media/captures/cap_2a5f74b6547c4a91882b74d2b83c080c/sections/9.webp · id sec_5ad67ed034944506aaff5a0724f956ed
11. [FAQ: "FAQs"](https://designly.sh/s/raycast/pro#section-11) (y 8196–9426px of 10665) · image: https://designly.sh/media/captures/cap_2a5f74b6547c4a91882b74d2b83c080c/sections/10.webp · id sec_754677effe6d417899a444d9b3133562
12. [Footer: "Footer"](https://designly.sh/s/raycast/pro#section-12) (y 9426–10665px of 10665) · image: https://designly.sh/media/captures/cap_2a5f74b6547c4a91882b74d2b83c080c/sections/11.webp · id sec_8634115f2a89496ca58c61e8afbc7495

## Design tokens

- Colours: #07080A (background), #9C9C9D (text), #FF625B (accent), #1B1C1E (surface), #FFFFFF (muted)
- Fonts: Inter (display)
- Corner radius: 8px
- Section padding: 168px
- Export: https://designly.sh/s/raycast/pro?format=tokens.css · https://designly.sh/s/raycast/pro?format=tokens.json · https://designly.sh/s/raycast/pro?format=tokens.tailwind.css

## Images

- Desktop (1440×10665): https://designly.sh/media/captures/cap_2a5f74b6547c4a91882b74d2b83c080c/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_2a5f74b6547c4a91882b74d2b83c080c/mobile.webp
- Captured: 2026-10-26

## Other Pages of Raycast

- [Home](https://designly.sh/s/raycast?format=md) — /
- [Blog](https://designly.sh/s/raycast/blog?format=md) — /blog
- [Careers](https://designly.sh/s/raycast/careers?format=md) — /careers
- [Pricing](https://designly.sh/s/raycast/pricing?format=md) — /pricing

## Related

- [Val Town, Product](https://designly.sh/s/val-town/features?format=md) — Developer tools · Product · Custom code · Brooklyn, USA · styles: type-led, minimal, corporate, light · image: https://designly.sh/media/captures/cap_b54a2c3221ab46cf830e0161938cbd30/desktop.webp
- [Sentry, Product](https://designly.sh/s/sentry/product/error-monitoring?format=md) — Developer tools · Product · Custom code · San Francisco, USA · styles: dark, type-led, corporate, geometric · image: https://designly.sh/media/captures/cap_ebe80b54d5404e4cb196ab0a79a0d5ec/desktop.webp
- [Oxide Computer, Product](https://designly.sh/s/oxide-computer/product/compute?format=md) — Developer tools · Product · Custom code · Emeryville, USA · styles: dark, type-led, geometric, corporate · image: https://designly.sh/media/captures/cap_e215bfe4e882440f937021993fa5af65/desktop.webp
- [Modal, Product](https://designly.sh/s/modal/products/inference?format=md) — Developer tools · Product · Custom code · New York, USA · styles: dark, type-led, geometric, tech · image: https://designly.sh/media/captures/cap_5659e576b3634f87a6ccf1e70cd20328/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.