Suno — Banner
Transparent top bar over the gradient: angular SUNO wordmark at left, a ghost 'Log in' link and a solid white 'Join Suno for free' pill at right.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/suno-top-nav-with-logo-and-join-cta.
Measured spec
| Scheme | dark |
| Background | #7A330E |
| Text | #AB9460 |
| Accents | #AB9460 |
| Contrast | 3.09 |
| Columns | 2 |
| Alignment | split |
| Whitespace | regular |
| Density | 0.244 |
| Measured size | 1600×83 px |
Palette
#9c6a18#f2f0eb#ffffff
Fonts
Neue Montreal
Page types
Detail
UX patterns
Dark Mode
UI elements
Navigation BarBadge
Context
- Parent page: AI music generator landing with prompt-bar hero flanked by floating track cards on warm gradient
- All of Suno