Start · Markenelemente
Designsystem · interne Referenz

Wiederkehrende Markenelemente.

Drei Bausteine, die sich durch die ganze Seite ziehen, abgeleitet aus dem Logo und der Drucksachen-DNA. Diese Seite ist Referenz für den Squarespace-Aufbau.

01 · Signet

Die Lochung.

Der Kreis mit-rotem Punkt aus dem Logo, isoliert als wiederkehrendes Zeichen. Es ist derselbe rote Punkt, der schon in jedem Icon sitzt.

Signet Die Lochung
Favicon als Favicon
  • Druckerei als Aufzählungspunkt
  • Software statt Standardbullet
  • Hardware überall gleich
als Trennerendkappe
02 · Iconsystem

Eine Linie, ein roter Punkt.

Ein kuratiertes Set statt pro Seite handgezeichneter Icons: gleicher Strich (1,75), gleiches Raster, genau ein roter Punkt je Icon.

TicketTicket
DruckDruck
KasseKasse
SoftwareSoftware
HardwareHardware
EinlassEinlass
ShopShop
SupportSupport
StatistikStatistik
TerminTermin
SaalplanSaalplan
ZahlungZahlung
APIAPI
WebinarWebinar
SchulungSchulung
MehrhausMehrhaus
ZeitfensterZeitfenster
DownloadDownload
DokumentDokument
KarriereKarriere
BenefitsBenefits
KontaktKontakt
03 · Muster

Guilloché als Flüsterlayer.

Das feine Sicherheitsdruckmuster echter Tickets, bewusst nur sehr dezent (z. B. im CTA-Band), nie laut.

Sicherheitsdruck, der mitschwingt, nicht schreit.

So sieht der Flüsterlayer im Einsatz aus: spürbar, aber dezent unter dem Text.

Fundament

Farbe & Schrift.

Blau#102045
Hellblau#2E4577
Rot#E33539
Papier#FAFBFC
Tint#F1F4F9

Plus Jakarta Sans

Headlines & Navigation. Kräftig, modern, freundlich.

Inter

Fließtext, Labels, Zahlen (tabellarisch). Ruhig & klar.

Roter Punkt = Regel

Rot nur für CTA, das eine rote Wort und die Lochung. Sonst Blau.

Squarespace

So wird jedes Element gebaut.

Signet & Favicon

Favicon = Dateiupload in den Designeinstellungen. Bullets/Trenner = site-weites Custom CSS.

Kein Codeblock

Iconsystem

SVG-Dateien hochladen und in native Bildblöcke setzen, überall identisch.

Nativ · Bildblock

Guilloché

Als Sektionshintergrundbild oder site-weites Custom CSS, niedrige Deckkraft.

Kein Codeblock

Farbe & Schrift

Squarespace Farb- & Fonteinstellungen + Google Fonts. Zentral gepflegt.

Nativ

Ticketstubkarten

Das eine echte Codeblockelement, ein gekapselter Block pro Kartengrid.

1 Codeblock

Branchenfilter

Ein Codeblock (per JavaScript) auf der Referenzenseite.

1 Codeblock

Ein System, das sich durchzieht.

Signet, Icons und Muster halten jede Seite erkennbar, und bleiben in Squarespace pflegbar.