Skip to main content

Jetzt Neu: Services! 🚀

Modules

Partner & Logos

Das Partner Module zeigt Logos und Partner als Karten im responsiven Grid. Zwei Display Types pro Eintrag: Icon für SVG-Logos und Image für Rasterbilder. Ohne Bild wird der Titel als Text angezeigt. Jede Karte kann optional verlinkt werden.

SVG-Logos

Icons (Grid, Small, Standalone)

Display Type Icon: SVG-Dateien werden als Vektor-Logos angezeigt und skalieren verlustfrei auf allen Bildschirmgrößen. Ideal für Kundenlogos und Technologie-Partner.

  • GitLab
  • Docker
  • Figma
  • Storybook
  • TypeScript
  • Tailwind CSS
  • TYPO3
  • Next.js
Anzeige als Carousel

Mehrere Icons (Carousel, Small, Standalone)

Als Carousel laufen die Logos in einem Slider – hier in der kompakten Größe „Small“. Über die Pfeile und die Punkte lässt sich manuell durch die Partner navigieren.

GitHub
GitLab
Docker
Figma
Storybook
TypeScript
Tailwind CSS
React
Next.js
TYPO3
Verschachtelter Einsatz

Mehrere Icons im 2-Spalten-Layout (Grid, Small, Nested)

Das Partner Module lässt sich im 2-Spalten-Layout platzieren, z.B. mit einem erklärenden Text auf der linken und den Logos auf der rechten Seite.

Unsere Technologie-Partner

Wir arbeiten mit führenden Technologie-Unternehmen zusammen, um skalierbare und zukunftssichere Web-Lösungen zu entwickeln.

Unsere Partnerschaften ermöglichen den Zugang zu Enterprise-Support, frühzeitigen Beta-Programmen und zertifizierten Integrationen, für maximale Zuverlässigkeit und Performance.

  • Cloudflare
  • Sentry
  • GitHub
  • Vercel
Verschachtelter Einsatz

Mehrere Icons im 2-Spalten-Layout (Carousel, Small, Nested)

Das Partner Module lässt sich im 2-Spalten-Layout platzieren, z.B. mit einem erklärenden Text auf der linken und den routierenden Logos auf der rechten Seite: hier mit Dots und Autoplay Funktion, aber ohne Arrows. 

Unsere Technologie-Partner

Wir arbeiten mit führenden Technologie-Unternehmen zusammen, um skalierbare und zukunftssichere Web-Lösungen zu entwickeln.

Unsere Partnerschaften ermöglichen den Zugang zu Enterprise-Support, frühzeitigen Beta-Programmen und zertifizierten Integrationen, für maximale Zuverlässigkeit und Performance.

Cloudflare
Sentry
GitHub
Vercel
Logo-Größe Large

3 Icons (Grid, Large, Standalone)

Bei wenigen Partnern ordnet die Logo-Größe „Large“ die Logos in einer zentrierten Reihe in natürlicher Breite an. Das eignet sich, um eine kleine Auswahl an Schlüsselpartnern bewusst hervorzuheben.

  • Vercel
  • Next.js
  • TYPO3
Logos als Rasterbilder

Mehrere Rasterbilder (Grid, Large, Standalone)

Neben Vektor-Icons unterstützt das Modul auch Rasterbilder (PNG/JPG). Diese werden automatisch in mehreren Auflösungen ausgeliefert und für eine scharfe Darstellung auf allen Geräten optimiert.

  • Nordpol
  • Aster
  • Kubus
  • Vela
Carousel mit Autoplay

Mehrere Icons (Carousel, Large, Standalone)

Dasselbe Carousel mit großen Logos und aktiviertem Autoplay: Die Logos rotieren automatisch weiter. Pfeile und Punkte bleiben zusätzlich zur manuellen Steuerung verfügbar.

Docker
GitLab
GitHub
Notion
Sentry
Datadog
Cloudflare
Vercel
Verschachtelter Einsatz

Mehrere Icons im 2-Spalten-Layout (Grid, Large, Nested)

Im 2-Spalten-Layout lassen sich grosse Icons oder Rasterbilder als Gridliste darstellen. Ideal für wenige Partner. 

Unsere Technologie-Partner

Wir arbeiten mit führenden Technologie-Unternehmen zusammen, um skalierbare und zukunftssichere Web-Lösungen zu entwickeln.

Unsere Partnerschaften ermöglichen den Zugang zu Enterprise-Support, frühzeitigen Beta-Programmen und zertifizierten Integrationen, für maximale Zuverlässigkeit und Performance.

  • GitHub
  • Notion
  • Sentry
  • Datadog
  • Cloudflare
  • Vercel
Verschachtelter Einsatz

2 Icons im 2-Spalten-Layout (Grid, Large, Nested)

Im 2-Spalten-Layout  können wenige Icons oder Rasterbilder perfekt mit Text nebeneinander platziert werden.

Unsere Technologie-Partner

Wir arbeiten mit führenden Technologie-Unternehmen zusammen, um skalierbare und zukunftssichere Web-Lösungen zu entwickeln.

Unsere Partnerschaften ermöglichen den Zugang zu Enterprise-Support, frühzeitigen Beta-Programmen und zertifizierten Integrationen, für maximale Zuverlässigkeit und Performance.

  • GitHub
  • Vercel
Verschachtelter Einsatz

Mehrere Icons im 2-Spalten-Layout (Carousel, Large, Nested)

Im 2-Spalten-Layout lassen sich grosse Icons oder Rasterbilder auch als Carousel darstellen mit allen Optionen (Autoplay, Dots, Arrows). Ideal für viele Partner. 

Unsere Technologie-Partner

Wir arbeiten mit führenden Technologie-Unternehmen zusammen, um skalierbare und zukunftssichere Web-Lösungen zu entwickeln.

Unsere Partnerschaften ermöglichen den Zugang zu Enterprise-Support, frühzeitigen Beta-Programmen und zertifizierten Integrationen, für maximale Zuverlässigkeit und Performance.

GitHub
Notion
Sentry
Datadog
Cloudflare
Vercel
Nur Text

Partner: ohne Bilder (Grid, Text, Standalone)

Ohne gepflegtes Bild oder Icon wird der Titel als Text in der Karte angezeigt. Funktioniert als Fallback oder bewusste Entscheidung für reine Textdarstellung.

  • Datadog
  • Sentry
  • Notion
  • GitHub
FAQ

Häufige Fragen zum Partner Module

Das Modul kombiniert vier Achsen frei miteinander: Anzeige (Grid oder Carousel), Logo-Größe (Small oder Large), Inhaltstyp (Icon, Rasterbild oder reiner Text) und Kontext (eigenständig oder verschachtelt im 2-Spalten-Layout).

Aus diesen Optionen ergeben sich die auf dieser Seite gezeigten Kombinationen.

Grid zeigt alle Logos gleichzeitig in einem statischen Raster. Carousel stellt sie als Slider dar – mit einzeln schaltbaren Optionen für Pfeile, Punkte und Autoplay.

Das Carousel eignet sich für viele Partner auf wenig Raum, das Grid für einen vollständigen Überblick.

Small zeigt kompakte Karten mit dezenter Hintergrundfläche – ideal für viele Logos. Large stellt die Logos groß und ohne Kartenfläche dar.

Bei Large richtet sich das Layout nach der Anzahl: wenige Logos erscheinen in einer zentrierten Reihe, viele in einem mehrspaltigen Boxraster.

Icon erwartet eine SVG-Datei (verlustfrei skalierbar). Image nimmt Rasterbilder (PNG, JPG, WebP) und liefert sie automatisch in mehreren Auflösungen aus. Ist weder Icon noch Bild gepflegt, wird der Titel als Text angezeigt – als Fallback oder für eine bewusst textbasierte Darstellung.

Ja. Verschachtelt im 2-Spalten-Layout passt sich das Modul der schmaleren Spalte an: Das Grid wird auf 1–2 Spalten reduziert und über einen Placement-Algorithmus angeordnet. Auch Large und Carousel funktionieren im verschachtelten Einsatz.

Ja. Jedes Partner-Modul bringt ein integriertes Intro mit Headline, Headline-Type, Subline, Introtext (Richtext), Intro-Alignment und optionalen CTAs mit.

Ja. Jeder Eintrag hat ein optionales Link-Feld – ist es gesetzt, wird die gesamte Karte klickbar. Ohne Link bleibt sie statisch.

Das Grid passt sich automatisch an den Viewport an: 1 Logo auf Mobile, 2 auf Tablet und 4 auf Desktop. Bei Large-Logos richtet sich die Spaltenzahl zusätzlich nach der Anzahl der Partner.

Das Carousel bietet drei unabhängig schaltbare Steuerelemente: Pfeile zum manuellen Blättern, Punkte zur Positionsanzeige und Autoplay für den automatischen Durchlauf. Sie lassen sich beliebig kombinieren.

Ja. Der Inhaltstyp wird pro Eintrag festgelegt – ein Modul kann also SVG-Icons, Rasterbilder und Text-Fallbacks gleichzeitig enthalten.