---
title: So bauen wir HubSpot-Themes, die Design und Editierbarkeit vereinen
description: "Die häufigste Spannung in Webprojekten: Design will Perfektion, Marketing will Unabhängigkeit. Bei motho lösen wir beides in einer Architektur — nicht durc"
---

[Ratgeber](https://hub.stereonom.de/en/ratgeber)

# [So bauen wir HubSpot-Themes, die Design und Editierbarkeit vereinen](https://hub.stereonom.de/en/ratgeber/hubspot-themes-design-editierbarkeit)

 Written by [Admin](https://hub.stereonom.de/en/ratgeber/author/admin) | Jul 3, 2025, 7:09:05 AM

Die häufigste Spannung in Webprojekten: Design will Perfektion, Marketing will Unabhängigkeit. Bei **motho** lösen wir beides in einer Architektur — nicht durch Kompromisse, sondern durch kluge Modul-Struktur.

## Component-Driven von Anfang an

Jedes Theme beginnt mit einem Designsystem: Typografie-Skala, Farben, Spacing, Grid. Daraus entstehen Atoms, Molecules und Module — analog zu modernem Frontend Engineering, aber nativ in **HubSpot CMS**.

## Fields.json als Vertrag

Für jedes Modul definieren wir Felder so, dass Redakteure nur das ändern können, was Sinn ergibt. Headlines, CTAs, Bilder — ja. CSS-Hacks, Layout-Brüche — nein. Das ist kein Einschränken, sondern Qualitätssicherung.

## Performance by Design

Unser **CMS-Team** schreibt sauberes HubL, optimiert Assets und testet Core Web Vitals bereits in der Entwicklung. Das Ergebnis: Websites, die wie Kunst aussehen und wie Supercomputer laufen.

So entstehen HubSpot-Erlebnisse, die Ihr Design-Team stolz machen — und die Ihr Marketing-Team ohne Entwickler-Support betreiben kann.

[View full post](https://hub.stereonom.de/en/ratgeber/hubspot-themes-design-editierbarkeit)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Admin"
  },
  "dateModified" : "2026-07-03T07:12:33.588Z",
  "datePublished" : "2025-07-03T07:09:05Z",
  "headline" : "So bauen wir HubSpot-Themes, die Design und Editierbarkeit vereinen",
  "image" : {
    "@type" : "ImageObject",
    "height" : 5304,
    "url" : "https://145681457.fs1.hubspotusercontent-eu1.net/hubfs/145681457/Imported_Blog_Media/photo-1522071820081-009f0129c71c.jpg",
    "width" : 7952
  },
  "mainEntityOfPage" : "https://hub.stereonom.de/en/ratgeber/hubspot-themes-design-editierbarkeit",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "Ratgeber"
  }
}
```