Design Studio

One control layer for the dealership’s frontend visual system

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.

Back to Features overview View Layout Manager

From admin choice to frontend output

What the design controls shape

Every choice made inside Design Studio flows through to the public vehicle pages. Colours land on price tags and call-to-action buttons, the chosen border radius shapes cards and image wrappers, and the typography settings define how every label, heading and body line is rendered on the frontend.

Design & Styles · admin Colour scheme & branding
  • Primary colour #0E5DAE
  • Secondary colour #1F2937
  • Accent colour #E11D48
  • Card background #FFFFFF
  • Button background #0E5DAE
Button preview Send inquiry
Saved Save Design & Styles settings
Frontend · vehicle archive card How the brand lands on the listing

BMW 320d xDrive Touring · M Sport

2022 · 38 400 km · Diesel · Automatic

€ 28 900 Selling price
View vehicle Compare

Main control areas

Three control surfaces, one Design Studio screen

Each card below mirrors a real card on the Design & Styles admin screen. Together they give the dealership control over branding, typography and the visible visitor actions on every vehicle page.

01 Branding

Brand colours & 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 Typography

Typography 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 Visitor actions

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.

Typography 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 setting · frontend output

Every Design Studio toggle lands on a real 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.

Capabilities

What Design Studio gives the dealership

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.

Centralized branding

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

Reusable typography

A four-context typography matrix standardizes headings, body and labels across Vehicle Detail, Archive, Favorites and Compare.

Frontend consistency

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

Sharing & PDF actions

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

Theme-aware defaults

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

Custom CSS override

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.

Continue exploring

Where to go next in the showcase

Explore the related features that build on the Design Studio control layer.

01 Page structure Layout Manager Where Design Studio meets structural arrangement: control which sections, fields and zones appear on inventory pages. 02 Branded exposé PDF Datasheet See how the PDF datasheet button, toggled inside Design Studio, turns every native vehicle into a branded download. 03 Visitor journey Frontend Experience See how Design Studio tokens shape the broader native WordPress vehicle journey across archive, detail, compare and favorites.

See it live

Open the live inventory and see Design Studio applied

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.

View Inventory Demo Explore Features Contact us