Design Studio

Eine zentrale Steuerungsebene für das Frontend-Design-System der Garage

Design Studio is the central place inside WordPress where the dealership manages brand colours, typography, card styling, buttons, social sharing, the PDF datasheet button and frontend presentation, without touching theme files or hand-written CSS.

Von der Admin-Auswahl zur Frontend-Ausgabe

Was die Design-Kontrollen formen

Jede Entscheidung im Design Studio fliesst in die öffentlichen Fahrzeugseiten. Farben landen auf Preisetiketten und Call-to-Action-Buttons, der gewählte Border-Radius formt Karten und Bildrahmen, und die Typografie-Einstellungen bestimmen, wie jedes Label, jede Überschrift und jeder Fliesstext im Frontend dargestellt wird.

Design & Styles · Admin Farbschema & Branding
  • Primärfarbe #0E5DAE
  • Sekundärfarbe #1F2937
  • Akzentfarbe #E11D48
  • Kartenhintergrund #FFFFFF
  • Button-Hintergrund #0E5DAE
Button-Vorschau Anfrage senden
Gespeichert Design-&-Styles-Einstellungen speichern
Frontend · Fahrzeugarchivkarte Wie die Marke auf dem Inserat landet

BMW 320d xDrive Touring · M Sport

2022 · 38.400 km · Diesel · Automatik

€ 28 900 Verkaufspreis
Fahrzeug ansehen Vergleich

Wichtigste Kontrollbereiche

Drei Steuerungsoberflächen, ein Design-Studio-Bildschirm

Jede Karte unten spiegelt eine echte Karte im Design-&-Styles-Admin-Bildschirm wider. Zusammen geben sie der Garage die Kontrolle über Branding, Typografie und die sichtbaren Besucheraktionen auf jeder Fahrzeugseite.

01 Branding

Markenfarben & Buttons

Set primary, secondary and accent colours, the card background, the button background and the button text colours, applied everywhere on the frontend that needs to wear the dealership brand.

02 Typografie

Typografie-System

A four-context typography matrix, Vehicle Detail, Archive & Grid, Favorites and Compare, lets the dealership define heading, body and label styles per page context. Empty fields safely inherit from the active theme.

03 Besucheraktionen

Sharing, PDF & Performance

Centrally control which sharing networks appear on single vehicle pages, where they sit, whether the PDF datasheet button is visible and whether vehicle images use native lazy loading, no template overrides required.

Typografie-System

Headings, body and labels, defined once, applied everywhere

The Typography System card exposes typography tokens for every relevant text role per frontend context. The dealership decides per context, Vehicle Detail, Archive, Favorites, Compare, and the frontend stays consistent end-to-end.

Backend-Einstellung · Frontend-Ausgabe

Jeder Design-Studio-Schalter landet auf einem echten Frontend-Element

The Sharing & PDF and Performance cards directly drive what visitors see on the public vehicle page, the share row, the PDF datasheet button and the way images load. Configure once, ship across the entire inventory.

Funktionen

Was das Design Studio der Garage bietet

A focused set of capabilities that make the frontend visual system manageable from a single screen, without theme overrides and without hand-written CSS for every adjustment.

Zentralisiertes Branding

Brand colours, button colours, card backgrounds and accent tokens live in one place, applied across every native vehicle page.

Wiederverwendbare Typografie

Eine Typografie-Matrix mit vier Kontexten standardisiert Überschriften, Fliesstext und Labels über Fahrzeugdetail, Archiv, Favoriten und Vergleich hinweg.

Frontend-Konsistenz

Cards, buttons, prices and chips render with the same tokens on every template, visitors experience one cohesive brand.

Sharing- & PDF-Aktionen

Choose the visible sharing networks, their placement, and whether the PDF datasheet button appears, all from one settings screen.

Theme-bewusste Standardwerte

Every field can be left empty to inherit from the active theme, the safest default when integrating with a new dealer site.

Eigenes CSS überschreiben

An advanced Custom CSS area is available for last-mile overrides, but the core visual system is designed to be managed entirely from the WordPress admin.

Live ansehen

Öffnen Sie den Live-Bestand und sehen Sie das Design Studio im Einsatz

Browse the live inventory to see how the Design Studio settings render across the public vehicle pages, or jump back to the full Features overview.