How to Set Up Theme Settings in the Studio Nope Theme
Simple steps to set up colors, typography, buttons, and forms in the Studio Nope HubSpot theme so new pages look on brand from day one.
Studio Nope
February 27, 2026
The fastest way to make the Studio Nope theme feel like your brand is to set up theme settings before anyone builds pages. Once these basics are in place, every new page starts closer to “done”.
Start with brand colors
Open any page that uses the Studio Nope theme, go to the theme settings, and set your core colors first. You need at least a primary color, a neutral background, and one accent color for small highlights.[web:190][web:192]
-
Pick a primary color that works for buttons, links, and key highlights.
-
Set a light background color for sections that should feel calm and readable.
-
Use one accent color for small elements like tags or subtle badges, not whole sections.
A simple color setup is easier to keep consistent. If every section gets its own color, the site starts to look random and new pages take longer to design.[web:192][web:239]
Set typography once, then leave it alone
Next, set global typography in the theme instead of adjusting fonts on each page. This covers headings, body text, and links across your site.[web:190][web:191]
-
Choose a clean, readable font for body text at a comfortable size.
-
Use the same font or a matching one for headings, with clear steps between h1, h2, and h3.
-
Keep link styling simple: one color for normal, a slightly darker tone or underline on hover.
When global typography is set, new pages only need content, not font tweaking. If you find yourself changing fonts inside rich text modules often, theme settings are not doing their job.[web:190][web:192]
Buttons and forms: make them look like one system
Buttons and forms are where people click and send data. They should look like they belong to the same site, no matter which page someone is on.[web:190][web:191]
-
Set a primary button style in theme settings: background color, text color, hover state.
-
Pick one form style: labels, inputs, and submit button should all match the rest of the site.
-
Avoid per-page button experiments; use the theme defaults as the main pattern.
HubSpot’s marketplace requirements even call out clear, separate controls for forms and buttons in theme settings. That is because consistent interaction styles make it easier for users to know what is clickable and where to focus.[web:191][web:266]
Save presets for common sections
Once colors, typography, buttons, and forms are in place, use saved sections or presets for repeated patterns. For example: hero, feature rows, testimonial blocks, and pricing sections.[web:192][web:237]
The goal is simple: when someone builds a new page on the Studio Nope theme, they should be able to stack a few known sections and publish. Good theme settings and presets make that possible without custom CSS or one-off tweaks every time.
Share this article
Studio Nope
Studio Nope designs and builds fast, clean HubSpot CMS websites and custom themes for teams that care about performance, editing experience, and reliable tracking.
Comments