The product

Studio Nope Official, a HubSpot CMS theme.

Templates, modules and presets that share one set of tokens, so a change in theme settings moves the whole site rather than one page.

You are looking at it. Every page on this site is one of the templates in the folder, running in a HubSpot portal with nothing bolted on the side.

  • check_circle
    Website page, landing page, blog and system templates
  • check_circle
    Drag-and-drop modules that expose their settings as fields
  • check_circle
    Colour, type, spacing and shape all live in theme settings
See the templates
What you receive

A folder you upload to your portal.

No installer, no account to connect, no service running somewhere else. The theme is files, and once they are in the portal it appears in the template picker like any other theme.

folder

Templates

Website pages, landing pages on a layout with no site chrome, blog listing and post, and the system pages a live site needs before it needs them.

widgets

Modules

The sections these pages are made of. Each carries its own fields, so the same module is a plain card row on one page and a bordered comparison on the next.

settings

Theme settings

Presets, brand colours, per-element typography, spacing, rhythm, radii, shadows, gradients, motion, container widths and breakpoints.

style

Stylesheets

The design tokens, the layout and typography rules, form styling, blog and landing page styles. Readable CSS, no compiled bundle.

menu_book

Documentation

A documentation template with the settings, modules, templates and animation rules written up, searchable in the browser rather than filed as a PDF.

photo_library

Placeholder media

Demo images, portraits and logo marks so a new page is never a wall of empty boxes. They are stand-ins, meant to be replaced with yours.

A homepage built from the theme, with a heading over a photographic hero
Homepage template

A homepage

A filterable project grid with photographs and captions
Portfolio template

A filterable work grid

A blog listing with a search field, tag chips and post cards
Blog listing template

A blog listing

1

Design tokens

CSS custom properties hold every colour, type size, space, radius and shadow. Each preset is a block that declares its own values for them.

2

Theme settings

The theme fields expose those tokens in the editor. Only the values you changed are written back out, so a preset stays intact until you overrule a specific part of it.

3

Modules

Modules read the properties rather than carrying colours of their own, and expose their content and layout as fields. That is what makes a section configurable instead of restyleable.

4

Templates

Templates arrange modules inside drag-and-drop areas. Shared blocks are included with a context, so one section can serve several pages without being copied into each.

A tab strip switching between preset, colour, typography and layout settings
Section module

Tabs

A vertical timeline with photographs beside each numbered phase
Section module

Timeline

A comparison table with one column raised above the others
Section module

Comparison table

Where the values live

The settings panel is the product.

Colour, type, spacing, radius and shadow are theme fields. A module reads the token rather than carrying a value of its own, so one change moves the card, the button and the table cell together.

The theme settings panel, with preset, colour, typography and layout tabs

Everything is in the folder you uploaded: the stylesheets, the JavaScript, a module per section and a template per page type. Nothing compiles, so the file you open is the file that runs.

Where the reasoning lives

The parts that are easy to break carry their explanation in the source. The partial that wires theme settings into CSS opens with why its selector is written the way it is, what happens with a different one, and which values are deliberately emitted only when they differ from the shipped default.

Extending it

A new section is a copy of a module folder with different fields and markup. It picks up the tokens by reading the same custom properties, so a module written a year later still matches the site without being told what the brand colours are.

What you inherit

Header, footer, blog post header, related articles and the icon renderer are partials rather than repeated blocks, and the header and footer are global, so an edit lands on every page at once.

Open the page, click the section, and its settings are on the right: headings, body copy, links, the icon on each item, how many columns, which colour scheme. Publishing the page is the whole workflow.

Making a new page

Create from a template and the arrangement comes with it. Sections can be dragged into a different order, duplicated, or removed, and none of that touches the template other pages are built from.

Changing the look

Colour, type and spacing sit in theme settings, away from page content. Picking a different preset repaints the site and leaves every word, field and section order exactly where it was.

What you cannot break from here

Editing a field changes that page. It does not edit a module, a template or another page, so there is no version of this where a copy change takes the site down.

Applying the theme changes how pages are built from here on. Pages that already exist keep the template they were made with until somebody rebuilds them on a new one. On a site with a lot of history that is the real cost of switching, and it is work no theme can do for you.

Layout comes from the modules and the fields they expose. That is what keeps a page editable by someone who is not a developer, and it is also the limit: a section shape that no module covers needs a new module. If your brief depends on a layout nobody here has built, budget for that rather than assuming a setting will get you there.

Typefaces load from Google Fonts and the icon library you select loads from its own CDN. Heroicons is the exception and renders as inline SVG. The map module carries its own copy of Leaflet inside the theme, and jQuery is requested only when the portal is not already including it. If your policy forbids outside requests, this needs changes before it suits you.

Google Maps and the store locator take an API key field, and the account, quota and billing behind that key are yours. The Leaflet option needs no key at all, which is the one to reach for if you would rather not hold another credential.

The demo images and logo marks are placeholders so that a fresh page is legible while you work on it. They are not your brand and they are not intended to stay. The words on this site are ours, and they are the last thing you should copy.

Those stay in HubSpot. The theme renders forms you have already built and inherits their styling from theme settings, and that is the whole extent of it. Nothing here stores a submission or holds a record of its own.

Pricing

One theme, one price.

What it costs, what a licence covers and what happens on a second site are all on the pricing page. Nothing on this page is priced separately.

It is a theme folder, uploaded with the HubSpot CLI. After that it is in the design manager alongside anything else you have, and its templates show up when you create a page.

Yes. The HubL, CSS and JavaScript are all there to read and change, and the parts that are easy to get wrong are commented with the reasoning rather than a restatement of the code.

No. The Custom preset starts from a neutral base and is driven entirely by the settings, so a brand that matches none of the shipped looks is a matter of filling the panel in rather than fighting a preset.

Yes. Modules that take a form use the native form field, so you pick a form you already have. Input, checkbox and radio styling comes from theme settings, which is why an embedded form does not arrive looking like it came from somewhere else.

Either an existing module set up differently, or a new one. Copying a module folder and changing its fields and markup is the shorter route, and a module written that way inherits the theme tokens without being wired to them by hand.

Here. This site is built on the theme, so every page you can reach from the menu is one of the templates with real settings applied.

Studio Nope Official

Take it apart before you buy it.

Every claim on this page is something you can check on this site. If a limit above rules it out for you, say so and we will tell you straight.

Look at it running before you decide This site is the theme. Nothing on it is a mockup.

  • web Open any page in the menu, it is one of the templates
  • palette Presets for the whole look, or a neutral base you drive
  • terminal Commented HubL, CSS and JavaScript, no build step
  • menu_book Documentation as a page you can open and search

A question about your own site is a better first message than a demo request.