The video walks through how to customize the look and feel of your website using the **Colors, Fonts, and Layout** settings.

It shows how to set a default brand color (often pulled from your artwork) and then override it for specific elements like buttons, links, announcement bars, navigation, cards, and the footer. It also demonstrates how to change section styles (corners and borders), pick and adjust fonts using Google Fonts or a custom uploaded font, tweak page width and corner radius, and control the appearance of the player badges (RSS, Spotify, Apple), especially in dark mode.

The video emphasizes using the built-in **dark mode** option for white text on a dark background instead of manually forcing colors, and ends by reminding you to click **Save** after making changes.

Mentioned: https://fonts.google.com

### Main Takeaways

* **Accessing design settings**: Go to **Design → Colors, Fonts, Layout** to control the overall look of your site.
* **Brand color**:

* Choose a main color that matches your show artwork.
* This default color controls **links and buttons**, unless you override it.
* **Per-element color control**:

* You can customize colors for:

* Buttons
* Links
* Announcement bar
* Navigation bar
* Homepage header
* Titles and headings
* Cards
* Footer
* **Card and section styling**:

* Change card background color.
* Adjust **section style**: rounded vs flat corners and optional borders between sections.
* **Fonts (Google Fonts + custom)**:

* Choose different fonts for **titles** and **body text** from Google Fonts.
* If you don’t see what you want, go to **fonts.google.com**, find a font name, then search for and use that font in the builder.
* Under **Advanced settings**, you can:

* Change body font size
* Change title size
* Set boldness
* Force titles to all caps
* You can upload your own font as a **.woff file** to use a custom typeface.
* **Page width**:

* Make the site **full width** or set a specific pixel width to make the layout narrower.
* **Corner radius**:

* Control how rounded the corners are on elements like cards.
* **Player badge style** (RSS / Spotify / Apple icons):

* Adjust how these badges look, especially in **dark mode**.
* You can switch them to **grayscale** so they don’t visually overpower the page.
* **Dark mode**:

* Use the built-in **dark mode toggle** to get white text on a dark background.
* Don’t manually make the background black and text white—dark mode handles that cleanly.
* **Important final step**:

* After making any design changes, always click **Save** under **Colors, Fonts, and Layout**.

00:00 - Introduction to Design
00:10 - Adjusting Colors
02:00 - Customizing Fonts
03:43 - Page Layout & Corners
04:15 - Player Badges & Dark Mode
05:15 - Summary & Save