# Suno, About

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

## Why it works

Large Editorial New headlines on a black background give the brand a high-end, editorial feel. The pill-shaped buttons use off-white to stand out against the dark surface, while the grid of candid, colorful imagery below provides a human contrast to the dark, type-led hero.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/suno/about#section-1) (y 0–80px of 900) · image: https://designly.sh/media/captures/cap_deb0ff46d4ff4be6957c0a30075bc58d/sections/0.webp · id sec_f393e1ddd1ca493ea0fa60a8b55b5e38
2. [Hero: "Music is who we are"](https://designly.sh/s/suno/about#section-2) (y 80–516px of 900) · image: https://designly.sh/media/captures/cap_deb0ff46d4ff4be6957c0a30075bc58d/sections/1.webp · id sec_7aaaae975d3242b592b08ade182ddf76
3. [Content: "Content"](https://designly.sh/s/suno/about#section-3) (y 516–900px of 900) · image: https://designly.sh/media/captures/cap_deb0ff46d4ff4be6957c0a30075bc58d/sections/2.webp · id sec_dff1c21b0c3a48d782b218afc1f841bc

## Design tokens

- Colours: #101012 (background), #A3A3A3 (text), #252529 (surface), #F7F4EF (muted)
- Fonts: Neue Montreal (display), Neue Montreal Book (body)
- Corner radius: 9999px
- Section padding: 96px
- Export: https://designly.sh/s/suno/about?format=tokens.css · https://designly.sh/s/suno/about?format=tokens.json · https://designly.sh/s/suno/about?format=tokens.tailwind.css

## Images

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

## Other Pages of Suno

- [Home](https://designly.sh/s/suno?format=md) — /
- [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, About](https://designly.sh/s/sesame/team?format=md) — AI products · About · Custom code · San Francisco, USA · styles: editorial, type-led, light, minimal, corporate · image: https://designly.sh/media/captures/cap_d1710c200c3e4b02b45d314131725a22/desktop.webp
- [Replicate, About](https://designly.sh/s/replicate/about?format=md) — AI products · About · Custom code · San Francisco, USA · styles: type-led, minimal, editorial, colourful · image: https://designly.sh/media/captures/cap_0910d79374cf4a5e8b12c8f36d277f30/desktop.webp
- [Recraft, About](https://designly.sh/s/recraft/about?format=md) — AI products · About · Custom code · styles: type-led, minimal, geometric, photo-led · image: https://designly.sh/media/captures/cap_ed5cf23e6afc4de283fea9dc5310cda0/desktop.webp
- [Mistral AI, About](https://designly.sh/s/mistral-ai/about?format=md) — AI products · About · Custom code · Paris, France · styles: type-led, editorial, minimal, corporate · image: https://designly.sh/media/captures/cap_209e9b637571483eba377622253d7bd0/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.