# Suno, Home

AI products · Home · Custom code · Cambridge, USA
Live page: https://suno.com/
On Designly: https://designly.sh/s/suno · JSON: https://designly.sh/s/suno?format=json
Site: [Suno](https://designly.sh/s/suno?format=md) (https://suno.com)
Styles: dark, type-led, bold, tech

## Why it works

Large Neue Montreal type on a black background establishes a bold, tech-forward tone. Media cards flank the central prompt, placing the product's output directly in the user's view.

## Sections, top to bottom

1. [Hero: "Make a house song about quitting your job"](https://designly.sh/s/suno#section-1) (y 0–900px of 900) · image: https://designly.sh/media/captures/cap_d174025c3d734e33a6bf9289b1797464/sections/0.webp · id sec_1aaa8494630b429a8468cf52b6d2082f

## Design tokens

- Colours: #101012 (background), #F7F4EF (text), #FD429C (accent), #C2C2C1 (muted), #000000 (surface)
- Fonts: Neue Montreal (display)
- Corner radius: 9999px
- Export: https://designly.sh/s/suno?format=tokens.css · https://designly.sh/s/suno?format=tokens.json · https://designly.sh/s/suno?format=tokens.tailwind.css

## Images

- Desktop (1440×900): https://designly.sh/media/captures/cap_d174025c3d734e33a6bf9289b1797464/desktop.webp
- Mobile (390×844): https://designly.sh/media/captures/cap_d174025c3d734e33a6bf9289b1797464/mobile.webp
- Captured: 2026-10-26

## Other Pages of Suno

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

## Related

- [Sesame, Home](https://designly.sh/s/sesame?format=md) — AI products · Home · Custom code · San Francisco, USA · styles: type-led, minimal, photo-led, airy · image: https://designly.sh/media/captures/cap_38b65f289bf84b4c9c30eae96e909a96/desktop.webp
- [Replicate, Home](https://designly.sh/s/replicate?format=md) — AI products · Home · Custom code · San Francisco, USA · styles: type-led, minimal, tech, editorial · image: https://designly.sh/media/captures/cap_ba27998b812043969e0f68b0fe8fee63/desktop.webp
- [Recraft, Home](https://designly.sh/s/recraft?format=md) — AI products · Home · Custom code · styles: bold, dark, type-led, photo-led · image: https://designly.sh/media/captures/cap_50c2a0d61b0742e48b33c5d015caedba/desktop.webp
- [Pika, Home](https://designly.sh/s/pika?format=md) — AI products · Home · Custom code · Palo Alto, USA · styles: editorial, photo-led, type-led, minimal · image: https://designly.sh/media/captures/cap_47def6dfeaff4bf196a14a0a6ec946fb/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.