How to customize your station website design

You can customize your design entirely from the editor's Design panel: colors, fonts, card and button styles, the header and the player. Every change previews live on desktop and mobile before you publish.

How do you open the design controls?

Open your site, choose Edit, then select Design in the left toolbar. The preview on the right updates as you change things.

Colors

There are separate colors for the page, brand, highlight, header, on-air band, cards and footer. Your station's brand color is applied automatically. If you pick a color that would be hard to read, text colors adjust for contrast.

Fonts and type

Choose heading, body and label fonts from a curated set. Heading case (normal or all caps) and weight change the whole personality of a template.

Cards, labels and buttons

• Cards: flat, bordered, elevated, outlined or filled
• Labels and badges: caps, pill, box or mono
• Buttons: solid, outline or pill, with your choice of corner radius

Header and player

Pick one of the header layouts, then add an announcement strip, a now-playing ticker, a talkback button or a Donate button. The player has several styles and an optional slogan.

Motion

Under Design → Motion you can set scroll reveals, menu animations and page transitions. Visitors who prefer reduced motion always get a still site.

Next: add and arrange sections.