# Suno, Blog

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

## Why it works

Off-white PP Editorial New headlines on a black background give the blog an editorial, high-end feel. A grid of rounded cards uses muted grey text for metadata, while the.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/suno/blog#section-1) (y 0–80px of 10821) · image: https://designly.sh/media/captures/cap_d100624f62444416ad7131bf504acab4/sections/0.webp · id sec_3f0c11306a2442f2aea683985123c090
2. [Hero: "Behind the Scenes: Make what moves you"](https://designly.sh/s/suno/blog#section-2) (y 80–533px of 10821) · image: https://designly.sh/media/captures/cap_d100624f62444416ad7131bf504acab4/sections/1.webp · id sec_43e7e5bf275c4a7dbf3985a2c12288da
3. [Content: "Introducing v6"](https://designly.sh/s/suno/blog#section-3) (y 581–10414px of 10821) · image: https://designly.sh/media/captures/cap_d100624f62444416ad7131bf504acab4/sections/2.webp · id sec_86b19b663cbc4c40b44e4ffeb6925c65
4. [Footer: "Footer"](https://designly.sh/s/suno/blog#section-4) (y 10494–10821px of 10821) · image: https://designly.sh/media/captures/cap_d100624f62444416ad7131bf504acab4/sections/3.webp · id sec_1005cd5d90584fcba48c67dbd6b77ed3

## Design tokens

- Colours: #101012 (background), #F7F4EF (text), #A3A3A3 (muted)
- Fonts: PP Editorial New (display), PPNeueMontreal (body)
- Corner radius: 9999px
- Section padding: 87px
- Export: https://designly.sh/s/suno/blog?format=tokens.css · https://designly.sh/s/suno/blog?format=tokens.json · https://designly.sh/s/suno/blog?format=tokens.tailwind.css

## Images

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

## Other Pages of Suno

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

## Related

- [Sesame, Blog](https://designly.sh/s/sesame/journal?format=md) — AI products · Blog · Custom code · San Francisco, USA · styles: editorial, type-led, minimal, light · image: https://designly.sh/media/captures/cap_3875cf86021f4962b91bbf86ea1e80c0/desktop.webp
- [Replicate, Blog](https://designly.sh/s/replicate/blog?format=md) — AI products · Blog · Custom code · San Francisco, USA · styles: type-led, photo-led, minimal, editorial · image: https://designly.sh/media/captures/cap_09ded9aef1504f3bb7eab6134f205a49/desktop.webp
- [Recraft, Blog](https://designly.sh/s/recraft/blog?format=md) — AI products · Blog · Custom code · styles: type-led, bold, geometric, colourful · image: https://designly.sh/media/captures/cap_be5c60e87f7c4b03a2b051623c4750b0/desktop.webp
- [Pika, Blog](https://designly.sh/s/pika/blog?format=md) — AI products · Blog · Custom code · Palo Alto, USA · styles: type-led, minimal, editorial, light · image: https://designly.sh/media/captures/cap_5d051ec6be8a4fdc9653ad8045a6feac/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.